@charset "UTF-8";

 @font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-regular.eot); src: local(""), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-regular.eot?#iefix) format("embedded-opentype"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-regular.woff2) format("woff2"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-regular.woff) format("woff"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-regular.ttf) format("truetype"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-regular.svg#Poppins) format("svg"); } @font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-600.eot); src: local(""), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-600.eot?#iefix) format("embedded-opentype"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-600.woff2) format("woff2"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-600.woff) format("woff"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-600.ttf) format("truetype"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/poppins-v20-latin-600.svg#Poppins) format("svg"); } @font-face {
font-family: "Taviraj";
font-style: normal;
font-weight: 400;
src: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-regular.eot); src: local(""), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-regular.eot?#iefix) format("embedded-opentype"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-regular.woff2) format("woff2"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-regular.woff) format("woff"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-regular.ttf) format("truetype"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-regular.svg#Taviraj) format("svg"); } @font-face {
font-family: "Taviraj";
font-style: normal;
font-weight: 600;
src: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-600.eot); src: local(""), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-600.eot?#iefix) format("embedded-opentype"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-600.woff2) format("woff2"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-600.woff) format("woff"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-600.ttf) format("truetype"), url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/fonts/taviraj-v11-latin-600.svg#Taviraj) format("svg"); }
html {
overflow-y: scroll;
}
body {
font-family: "Poppins", sans-serif;
background: #ffffff;
-webkit-font-smoothing: antialiased;
}
* {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: none;
}
.outerWrap {
width: 100%;
text-align: center;
margin: 0 auto;
background: #ffffff;
}
.innerWrap {
width: 100%;
max-width: 1670px;
padding: 0 35px;
margin: 0 auto;
}
.clearfix:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
} header#main-header {
width: 100%;
padding: 38px 0 28px;
position: relative;
z-index: 9999 !important;
background: #ffffff;
}
header#main-header,
header#main-header a.logo {
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
header#main-header .innerWrap {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
}
header#main-header a.logo {
display: block;
width: 255px;
height: 60px;
position: relative;
z-index: 2;
margin: 0;
}
header#main-header a.logo img,
header#main-header a.logo svg {
height: 100%;
width: auto;
}
header#main-header .top {
position: absolute;
top: -22px;
right: 35px;
}
header#main-header .top ul {
display: flex;
flex-direction: row;
list-style: none;
padding: 0;
margin: 0;
}
header#main-header .top ul li {
padding-right: 20px;
}
header#main-header .top ul li:last-child {
padding-right: 0;
}
header#main-header .top ul li a {
font-size: 14px;
font-weight: 600;
color: #dadada;
line-height: 1;
text-decoration: none;
}
header#main-header .top ul li.emergency a {
color: #bb342f;
}
header#main-header nav {
margin: 0 0 0 auto;
}
header#main-header nav#main-menu > ul {
list-style: none;
float: left;
}
header#main-header nav#main-menu > ul > li {
float: left;
position: relative;
padding: 0 20px;
}
header#main-header nav#main-menu > ul > li > a {
display: block;
padding: 10px 0;
font-size: 14px;
font-weight: 600;
color: #0c4877;
text-decoration: none;
position: relative;
line-height: 24px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
header#main-header nav#main-menu > ul > li > a:after {
display: block;
content: "";
width: 0;
height: 3px;
position: absolute;
bottom: 3px;
left: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
header#main-header nav#main-menu > ul > li:hover > a:after,
header#main-header nav#main-menu > ul > li.current-menu-item > a:after,
header#main-header nav#main-menu > ul > li.current-menu-ancestor > a:after,
header#main-header nav#main-menu > ul > li > ul > li:hover > a:after,
header#main-header nav#main-menu > ul > li > ul > li.current-menu-item > a:after,
header#main-header nav#main-menu > ul > li > ul > li.current-menu-ancestor > a:after,
header#main-header nav#main-menu > ul > li > ul > li > ul > li:hover > a:after,
header#main-header nav#main-menu > ul > li > ul > li > ul > li.current-menu-item > a:after,
header#main-header nav#main-menu > ul > li > ul > li > ul > li.current-menu-ancestor > a:after {
width: 23px;
background: #2783cb;
}
header#main-header nav#main-menu > ul > li.menu-item-has-children > a {
padding-right: 25px;
position: relative;
}
header#main-header nav#main-menu > ul > li.menu-item-has-children > a:before {
display: block;
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 5px;
margin: -1px 0 0;
border-top: 4px solid #dadada;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
header#main-header nav#main-menu > ul > li:hover > ul,
header#main-header nav#main-menu > ul > li > ul > li:hover > ul {
display: block;
}
header#main-header nav#main-menu > ul > li > ul {
display: none;
min-width: 100%;
list-style: none;
position: absolute;
top: 100%;
left: 0;
padding: 15px 15px 5px;
background: #ffffff;
}
header#main-header nav#main-menu > ul > li > ul > li {
position: relative;
}
header#main-header nav#main-menu > ul > li > ul > li > a {
display: block;
font-size: 14px;
font-weight: 600;
color: #444444;
text-decoration: none;
padding: 10px 5px;
}
header#main-header nav#main-menu > ul > li > ul > li:hover > a,
header#main-header nav#main-menu > ul > li > ul > li.current-menu-item > a {
color: #0c4877;
}
header#main-header nav#main-menu > ul > li > ul > li.menu-item-has-children > a {
position: relative;
padding-right: 25px;
}
header#main-header nav#main-menu > ul > li > ul > li.menu-item-has-children > a:before {
display: block;
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 10px;
margin: -4px 0 0;
border-left: 4px solid #dadada;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
header#main-header nav#main-menu > ul > li > ul > li > ul {
display: none;
min-width: 100%;
list-style: none;
position: absolute;
top: 0;
left: 100%;
background: #ffffff;
border-left: 1px solid #dadada;
-webkit-box-shadow: 4px 5px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 4px 5px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 4px 5px 5px 0px rgba(0, 0, 0, 0.25);
}
header#main-header nav#main-menu > ul > li > ul > li > ul > li {
position: relative;
border-bottom: 1px solid #dadada;
}
header#main-header nav#main-menu > ul > li > ul > li > ul > li > a {
display: block;
font-size: 16px;
font-weight: 400;
color: #444444;
text-decoration: none;
padding: 10px 20px;
}
header#main-header #searchform input {
display: block;
width: 200px;
height: 36px;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
color: #444444;
padding: 0 10px 0 35px;
margin: 0 0 0 40px;
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/search.svg) no-repeat left center;
background-size: 15px 15px;
border-bottom: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
header#main-header #searchform input:hover {
font-size: 12px;
padding: 0 0 0 35px;
background-size: 12px 12px;
background-color: #f3f6fc;
background-position: left 10px center;
}
header#main-header .buttons {
display: none;
flex-direction: row;
margin: 0 0 0 20px;
}
header#main-header .buttons button.search {
display: block;
width: 34px;
height: 34px;
line-height: 35px;
background: #f3f6fc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
}
header#main-header .buttons button.mobile {
display: none;
width: 34px;
height: 34px;
margin: 0 0 0 10px;
background: #f3f6fc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
}
header#main-header .buttons a.emergency {
display: none;
height: 34px;
font-size: 14px;
font-weight: 600;
line-height: 33px;
text-decoration: none;
padding: 0 10px;
margin: 0 0 0 10px;
color: #bb342f;
background: #f3f6fc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
} section:not(.mood-image):not(.blog):not(.beitrag) {
padding: 140px 0;
}
section:not(.mood-image):not(.blog):not(.route) + section:not(.mood-image):not(.blog) {
padding-top: 0;
} section.mood-image .image {
position: relative;
}
section.mood-image .image .slogan {
max-width: 42%;
position: absolute;
bottom: 25px;
left: 25px;
padding: 40px;
overflow: hidden;
background: #2783cb;
border-radius: 5px;
}
section.mood-image .image .slogan .big {
font-family: "Taviraj", serif;
font-weight: 600;
font-size: 4.8vw;
line-height: 1;
color: rgba(255, 255, 255, 0.12);
text-align: left;
position: relative;
z-index: 1;
}
section.mood-image .image .slogan p {
font-size: 42px;
font-weight: 600;
color: #ffffff;
text-align: right;
line-height: 1.1;
position: relative;
z-index: 2;
margin: -30px 0 0;
}
section.mood-image .image img {
display: block;
width: 100%;
height: auto;
border-radius: 5px;
aspect-ratio: 2.5;
object-fit: cover;
}
section.mood-image .image .slogan.new {
background-color: transparent;
padding: 0;
}
section.mood-image .image .slogan.new .blue-field {
border-radius: 5px;
background: #2783cb;
padding: 40px;
margin-bottom: 20px;
}
section.mood-image .image .slogan.new .h1 {
margin-top: 20px;
}
section.mood-image .image .slogan.new p {
margin-top: 0;
}
section.mood-image .image .slogan.new p.text {
font-size: 16px;
font-weight: 400;
margin-top: 30px;
}
@media (max-width: 1630px) and (min-width: 1200px) {
section.mood-image .image .slogan.new .buttons a {
padding-block: 20px;
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
section.mood-image .image .slogan.new {
max-width: 50%;
}
section.mood-image .image .slogan.new .blue-field {
padding: 20px;
}
section.mood-image .image .slogan.new .blue-field .h1 {
font-size: 36px;
}
section.mood-image .image .slogan.new .blue-field .h1, section.mood-image .image .slogan.new .blue-field p {
margin-top: 10px;
}
} section.contact .innerWrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
section.contact .intro {
width: 65%;
}
section.contact .intro:before {
display: block;
content: "";
width: 46px;
height: 8px;
margin: 0 0 32px;
background: #2783cb;
}
section.contact .intro h4 {
font-size: 40px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: left;
margin: 0 0 12px;
}
section.contact .intro p {
font-family: "Taviraj", serif;
font-size: 28px;
font-weight: 400;
color: #0c4877;
line-height: 1.1;
text-align: left;
}
section.contact .intro ul {
list-style: none;
padding: 0;
margin: 50px 0 0;
text-align: left;
}
section.contact .intro ul + ul {
margin-top: 55px;
}
section.contact .intro li {
display: inline-block;
text-align: left;
margin: 40px 120px 0 0;
margin-right: clamp(90px, 10vw, 120px);
}
section.contact .intro li:last-child {
margin-right: 0;
}
section.contact .intro li label {
display: block;
font-size: 20px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
margin: 0 0 35px;
}
section.contact .intro li a {
font-size: 20px;
font-weight: 600;
color: #2783cb;
line-height: 1.1;
text-decoration: none;
background-image: linear-gradient(transparent calc(65% - 5px), #dbe4f5 5px);
background-size: 0;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
section.contact .intro li a:hover {
background-size: 100%;
}
section.contact .intro .flex {
display: flex;
flex-wrap: wrap;
}
section.contact .intro .flex li {
flex: 1 1 calc(33% - 40px);
margin-right: 0;
min-width: 230px;
max-width: 33.33%;
}
section.contact .buttons,
section.textbox .buttons {
width: 35%;
}
section.contact .buttons a,
section.textbox .buttons a,
section.mood-image .buttons a {
display: block;
font-size: 20px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: left;
text-decoration: none;
position: relative;
padding: 39px 65px 39px 87px;
margin: 0 0 20px;
background-color: #f3f6fc;
background-repeat: no-repeat;
background-position: left 25px center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.contact .buttons a:after,
section.textbox .buttons a:after,
section.mood-image .buttons a:after {
display: inline-block;
content: "";
width: 14px;
height: 14px;
position: absolute;
top: 50%;
right: 25px;
border-right: 5px solid #0c4877;
border-bottom: 5px solid #0c4877;
-webkit-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.contact .buttons a:hover,
section.textbox .buttons a:hover,
section.mood-image .buttons a:hover {
background-color: #e9edf2;
}
section.contact .buttons a:hover:after,
section.textbox .buttons a:hover:after,
section.mood-image .buttons a:after {
right: 20px;
}
section.contact .buttons a.calendar,
section.textbox .buttons a.calendar,
.buttons a.calendar {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-termine.svg);
background-size: 38px 34px;
}
section.contact .buttons a.contact,
section.textbox .buttons a.contact,
.buttons a.contact {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-contact.svg);
background-size: 38px 35px;
}
section.contact .buttons a.services,
section.textbox .buttons a.services,
.buttons a.services {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-services.svg);
background-size: 32px 47px;
}
section.contact .buttons a.notfall,
section.textbox .buttons a.notfall,
.buttons a.notfall {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-emergency.svg);
background-size: 38px 34px;
}
section.contact .buttons a.beratung,
section.textbox .buttons a.beratung,
.buttons a.beratung {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-patientenberatung.svg);
background-size: 32px 47px;
}
section.contact .buttons a.info,
section.textbox .buttons a.info,
.buttons a.info {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-patienteninformation.svg);
background-size: 35px 35px;
}
section.contact .buttons a.pflege,
section.textbox .buttons a.pflege,
.buttons a.pflege {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-pflegedienst.svg);
background-size: 37px 34px;
}
section.contact .buttons a.therapeut,
section.textbox .buttons a.therapeut,
.buttons a.therapeut {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-therapeuten.svg);
background-size: 33px 40px;
}
section.contact .buttons a.mvz,
section.textbox .buttons a.mvz,
.buttons a.mvz {
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/mvz-logo-mini.png);
background-size: 50px 30px;
}
section.contact .buttons a.rot,
section.textbox .buttons a.rot,
.buttons a.rot {
filter: sepia(1) invert(1) contrast(1) hue-rotate(99deg) brightness(8);
}
section.contact .buttons a.grun,
section.textbox .buttons a.grun,
.buttons a.grun {
background-color: rgba(210, 237, 191, 0.5019607843);
} section.text-1 .innerWrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
section.text-1 .title {
width: 40%;
padding: 0 50px 0 0;
}
section.text-1 .title h2 {
font-size: 52px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
}
section.text-1 .text {
width: 60%;
}  section.tiles.tiles-1 .innerWrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
gap: 30px;
}
section.tiles.tiles-1 .tile {
position: relative;
background: #f3f6fc;
border-radius: 5px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
flex: 1 1 100%;
max-width: calc(50% - 15px);
}
section.tiles.tiles-1.drei-pro-zeile .tile {
max-width: calc(33.33% - 20px);
}
section.tiles.tiles-1.drei-pro-zeile .tile.tile.has-link .tile-text {
padding: 25px 100px 25px 25px;
}
section.tiles.tiles-1.drei-pro-zeile .tile.tile.has-link .tile-text:after {
right: 25px;
}
section.tiles.tiles-1.drei-pro-zeile .tile .tile-text h4 {
margin-bottom: 0;
}
section.tiles.tiles-1.vier-pro-zeile .tile {
max-width: calc(25% - 30px);
}
section.tiles.tiles-1.vier-pro-zeile .tile.tile.has-link .tile-text {
padding: 25px 100px 25px 25px;
}
section.tiles.tiles-1.vier-pro-zeile .tile.tile.has-link .tile-text:after {
right: 25px;
}
section.tiles.tiles-1.vier-pro-zeile .tile .tile-text h4 {
font-size: 30px;
margin-bottom: 0;
}
section.tiles.tiles-1 .tile > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
section.tiles.tiles-1 .tile .image {
display: block;
width: 100%;
height: 0;
padding-bottom: 48%;
position: relative;
overflow: hidden;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
section.tiles.tiles-1 .tile .image img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: 100%;
height: auto;
}
section.tiles.tiles-1 .tile .tile-text {
padding: 30px 120px 30px 40px;
position: relative;
}
section.tiles.tiles-1 .tile.has-link .tile-text:after {
display: block;
content: "";
width: 40px;
height: 32px;
position: absolute;
top: 50%;
right: 40px;
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-arrow@2x.png) no-repeat center top;
background-size: 100% auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: right 0.2s ease-out;
-moz-transition: right 0.2s ease-out;
-o-transition: right 0.2s ease-out;
transition: right 0.2s ease-out;
}
section.tiles.tiles-1 .tile .tile-text h4 {
font-size: 38px;
font-weight: 600;
color: #0c4877;
margin: 0 0 30px;
}
section.tiles.tiles-1 .tile .tile-text p {
color: #0c4877;
}
section.tiles.tiles-1 .tile:hover {
background: #2783cb;
}
section.tiles.tiles-1 .tile:hover .tile-text * {
color: #ffffff;
}
section.tiles.tiles-1 .tile.has-link:hover .tile-text:after {
right: 35px;
background-position: center bottom;
} section.tiles.tiles-2 .innerWrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
section.tiles.tiles-2 .tile {
width: calc(50% - 30px);
margin: 30px 0;
position: relative;
}
section.tiles.tiles-2 .tile > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
section.tiles.tiles-2 .tile .image {
display: block;
width: 100%;
height: 0;
padding-bottom: 48%;
position: relative;
overflow: hidden;
}
section.tiles.tiles-2 .tile .image img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: 100%;
height: auto;
}
section.tiles.tiles-2 .tile .tile-text {
padding: 30px 120px 5px 5px;
position: relative;
}
section.tiles.tiles-2 .tile.has-link .tile-text:after {
display: inline-block;
content: "";
width: 14px;
height: 14px;
position: absolute;
top: 50%;
right: 5px;
border-right: 5px solid #0c4877;
border-bottom: 5px solid #0c4877;
-webkit-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.tiles.tiles-2 .tile .tile-text h4 {
font-size: 38px;
font-weight: 600;
color: #0c4877;
margin: 0 0 8px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.tiles.tiles-2 .tile .tile-text p {
color: #0c4877;
}
section.tiles.tiles-2 .tile:hover .tile-text h4 {
color: #2783cb;
}
section.tiles.tiles-2 .tile.has-link:hover .tile-text:after {
right: 10px;
border-right-color: #2783cb;
border-bottom-color: #2783cb;
} section.text-2 .title {
margin: 0 0 160px;
}
section.text-2 .title h2 {
font-size: 45px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: center;
}
section.text-2 .title .big {
display: block;
font-family: "Taviraj", serif;
font-weight: 600;
font-size: 90px;
line-height: 1.1;
color: #dbe4f5;
text-align: center;
margin: 0 0 -38px;
}
section.text-2 .text-image {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0 0 160px;
}
section.text-2 .text-image:last-child {
margin-bottom: 0;
}
section.text-2 .text-image .text {
width: 60%;
}
section.text-2 .text-image .image {
width: 40%;
}
section.text-2 .text-image .image img {
display: block;
max-width: 100%;
height: auto;
}
section.text-2 .text-left-image-right .image {
order: 2;
}
section.text-2 .text-left-image-right .text {
padding-right: 60px;
order: 1;
}
section.text-2 .text-right-image-left .image {
order: 1;
}
section.text-2 .text-right-image-left .text {
padding-left: 60px;
order: 2;
} section.route {
padding-bottom: 0 !important;
}
section.route > .innerWrap:before {
display: block;
content: "";
width: 46px;
height: 8px;
margin: 0 0 32px;
background: #2783cb;
}
section.route > .innerWrap h2 {
font-size: 40px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: left;
}
section.route .map {
position: relative;
}
section.route .map .contact {
position: absolute;
top: 50%;
left: 0;
z-index: 2;
padding: 40px;
background: #2783cb;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
section.route .map .contact h4 {
font-size: 28px;
font-weight: 600;
color: #ffffff;
line-height: 1.2;
text-align: left;
}
section.route .map .contact p {
font-size: 20px;
font-weight: 400;
color: #ffffff;
line-height: 1.6;
text-align: left;
}
section.route .map .contact ul {
font-size: 20px;
font-weight: 400;
color: #ffffff;
line-height: 1.6;
text-align: left;
list-style: none;
padding: 0;
margin: 35px 0 0;
}
section.route .map .contact ul a {
color: #ffffff;
text-decoration: none;
background-image: linear-gradient(transparent calc(65% - 5px), #1d68a3 5px);
background-size: 0;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
section.route .map .contact ul a:hover {
background-size: 100%;
}
section.route .map .map-canvas {
width: 100%;
height: 600px;
position: relative;
z-index: 1;
margin: 100px 0 0;
background: #f3f6fc;
} section.tiles-wiki .innerWrap > h2 {
font-size: 52px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: left;
}
section.tiles-wiki .tiles {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: 70px 0 0;
gap: 30px;
}
section.tiles-wiki .tile {
flex: 1 1 100%;
max-width: calc(33.33% - 20px);
padding: 90px 0;
position: relative;
margin: 0 !important;
background: #105d93;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.tiles-wiki .tile.flach {
padding-bottom: 40px;
background: #2783cb !important;
}
section.tiles-wiki .tile.flach:hover {
background: #105d93 !important;
}
@media (min-width: 1200px) {
section.tiles-wiki.vier-pro-zeile .tile {
max-width: calc(25% - 23px);
}
}
section.tiles-wiki .tile:nth-child(3n) {
margin-right: 0;
}
section.tiles-wiki .tile > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
section.tiles-wiki .tile h4 {
font-size: 40px;
font-weight: 600;
color: #ffffff;
line-height: 1.1;
text-align: center;
}
section.tiles-wiki .tile .big {
display: block;
font-family: "Taviraj", serif;
font-size: 80px;
font-weight: 600;
line-height: 1.1;
color: rgba(255, 255, 255, 0.12);
text-align: center;
margin: 0 0 -38px;
}
section.tiles-wiki .tile.has-link:after {
display: block;
content: "";
width: 40px;
height: 32px;
margin: 54px auto 0;
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-arrow@2x.png) no-repeat center bottom;
background-size: 100% auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
section.tiles-wiki .tile:nth-child(2) {
background: #2783cb;
}
section.tiles-wiki .tile:nth-child(3) {
background: #a5b1c7;
}
section.tiles-wiki .tile:hover {
background: #0e5282;
}
section.tiles-wiki .tile:nth-child(2):hover {
background: #1d68a3;
}
section.tiles-wiki .tile:nth-child(3):hover {
background: #94a0b5;
} section.certificates .title {
margin: 0 0 120px;
}
section.certificates .title h2 {
font-size: 45px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: center;
}
section.certificates .title .big {
display: block;
font-family: "Taviraj", serif;
font-weight: 600;
font-size: 90px;
line-height: 1.1;
color: #dbe4f5;
text-align: center;
margin: 0 0 -38px;
}
section.certificates ul {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
section.certificates li {
min-width: calc(16.6% - 10px);
max-width: calc(20% - 10px);
margin: 0 5px;
}
section.certificates img {
max-width: 100%;
height: auto;
} section.blog {
padding: 160px 0 100px;
background: #f3f6fc;
}
section.blog .innerWrap > h2 {
font-size: 52px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: left;
}
section.blog .innerWrap > h2 + .text { margin: 8px 0 0;
padding: 0 0 60px;
}
section.blog .articles {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
margin: 50px 0 0;
}
section.blog article {
width: calc(33.33% - 40px);
padding: 20px;
margin: 0 0 60px;
position: relative;
background: #ffffff;
border-radius: 5px;
}
section.blog article > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
section.blog article .image {
display: block;
width: 100%;
height: 0;
padding-bottom: 66.18%;
position: relative;
overflow: hidden;
border-radius: 5px;
max-width: 550px;
margin-inline: auto;
}
section.blog article .image .image-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.blog article .image .image-holder.compat-object-fit {
background-size: cover;
background-position: center center;
}
section.blog article .image img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: 100%;
height: 100%;
object-fit: cover;
}
section.blog article .image .image-holder.compat-object-fit img {
opacity: 0;
}
section.blog article .entry-text {
padding: 20px 20px 40px 0;
}
section.blog article .entry-text time {
display: block;
font-size: 16px;
font-weight: 400;
color: #2783cb;
text-align: left;
margin: 0 0 12px;
}
section.blog article .entry-text h4 {
font-size: 28px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.blog article .entry-text p {
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.6;
text-align: left;
margin: 8px 0 0;
}
section.blog article:after {
display: inline-block;
content: "";
width: 14px;
height: 14px;
position: absolute;
bottom: 20px;
right: 30px;
border-right: 5px solid #0c4877;
border-bottom: 5px solid #0c4877;
-webkit-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.blog article:hover .entry-text h4 {
color: #2783cb;
}
section.blog article:hover:after {
right: 25px;
border-right-color: #2783cb;
border-bottom-color: #2783cb;
} section.search-results .text.intro {
margin: 0 0 60px;
}
section.search-results .text.intro h1 {
font-family: "Taviraj", serif;
font-size: 60px;
font-weight: 600;
color: #dbe4f5;
text-align: center;
line-height: 1.1;
}
section.search-results .text.intro h1 span {
display: block;
font-family: "Poppins", sans-serif;
font-size: 45px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
margin: -25px 0 0;
}
section.search-results article {
padding: 20px;
margin: 10px 0;
position: relative;
background: #f3f6fc;
}
section.search-results article > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
section.search-results article .entry-text {
padding: 0 40px 40px 0;
}
section.search-results article .entry-text time {
display: block;
font-size: 16px;
font-weight: 400;
color: #2783cb;
text-align: left;
margin: 0 0 12px;
}
section.search-results article .entry-text h4 {
font-size: 28px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.search-results article .entry-text p {
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.6;
text-align: left;
margin: 8px 0 0;
}
section.search-results article:after {
display: inline-block;
content: "";
width: 14px;
height: 14px;
position: absolute;
bottom: 20px;
right: 30px;
border-right: 5px solid #0c4877;
border-bottom: 5px solid #0c4877;
-webkit-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.search-results article:hover .entry-text h4 {
color: #2783cb;
}
section.search-results article:hover:after {
right: 25px;
border-right-color: #2783cb;
border-bottom-color: #2783cb;
} section.intro-contact .boxes {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
}
section.intro-contact .boxes > div {
width: calc(50% - 30px);
}
section.intro-contact .boxes .left {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
}
section.intro-contact .boxes .right {
display: flex;
flex-direction: column;
justify-content: flex-start;
background: #f3f6fc;
}
section.intro-contact .boxes .left .image {
height: 100%;
min-height: 250px;
background-color: #2783cb;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
section.intro-contact .boxes .left .title {
margin: 40px 0 0;
}
section.intro-contact .boxes .left .title h1 {
font-size: 52px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0;
}
section.intro-contact .boxes .right .contact {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding: 25px 25px 25px 30px;
position: relative;
}
section.intro-contact .boxes .right .contact .image {
width: 200px;
flex: 0 0 auto;
}
section.intro-contact .boxes .right .contact .image img {
display: block;
width: 100%;
height: auto;
}
section.intro-contact .boxes .right .contact .contact-inner {
padding: 0 50px 0 0;
}
section.intro-contact .boxes .right .contact .contact-inner > h4 {
font-size: 26px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 5px;
}
section.intro-contact .boxes .right .contact .contact-inner > p {
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.6;
text-align: left;
}
section.intro-contact .boxes .right .contact .text {
margin: 30px 0 0;
}
section.intro-contact .boxes .right .contact .text:before {
display: block;
content: "";
width: 46px;
height: 8px;
margin: 0 0 32px;
background: #2783cb;
}
section.intro-contact .boxes .right .contact .text h1,
section.intro-contact .boxes .right .contact .text h2,
section.intro-contact .boxes .right .contact .text h3,
section.intro-contact .boxes .right .contact .text h4,
section.intro-contact .boxes .right .contact .text h5,
section.intro-contact .boxes .right .contact .text h6 {
font-size: 22px;
margin: 0 0 20px;
}
section.intro-contact .boxes .right .contact .text ul,
section.intro-contact .boxes .right .contact .text ol {
padding: 0;
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
section.intro-contact .boxes .right .bodycheck img {
display: block;
width: 100%;
height: auto;
} section.textbox .innerWrap {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
}
section.textbox .text {
width: calc(65% - 60px);
padding: 30px;
background: #2783cb;
font-size: 20px;
}
section.textbox .text * {
color: #ffffff;
}
section.textbox .text h1,
section.textbox .text h2,
section.textbox .text h3,
section.textbox .text h4,
section.textbox .text h5,
section.textbox .text h6 {
font-size: 32px;
}
section.textbox .text a:not(.button):not(.no-highlight):not([ng-href]):not(.show-more) {
color: #0c4877;
background-image: linear-gradient(transparent calc(65% - 5px), #2376b8 5px);
}
section.textbox .text ul,
section.textbox .text ol {
padding: 0;
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
section.textbox .text ul li:before {
top: 13px;
background: #ffffff;
} section.linklist nav {
padding: 20px 20px 10px;
margin: 0 0 60px;
text-align: left;
background: #f3f6fc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
section.linklist nav > a {
display: none;
font-size: 16px;
font-weight: 400;
color: #0c4877;
text-align: left;
text-decoration: none;
margin: 0 0 15px;
}
section.linklist nav > a.show {
display: inline-block;
}
section.linklist nav ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
section.linklist nav li {
display: block;
margin: 0 10px 10px 0;
}
section.linklist nav li > a {
display: block;
width: 40px;
height: 40px;
font-size: 16px;
font-weight: 600;
color: #0c4877;
line-height: 40px;
text-align: center;
text-decoration: none;
background: #ffffff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.linklist nav li > a:hover,
section.linklist nav li > a.active {
color: #ffffff;
background: #2783cb;
}
section.linklist .links {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
page-break-inside: avoid;
}
section.linklist .links .results-pack {
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0 0 30px;
}
section.linklist .links .results-pack h2 {
text-align: left;
font-size: 32px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 15px;
}
section.linklist .links .results-pack ul {
list-style: none;
padding: 0;
margin: 0;
}
section.linklist .links .results-pack li {
text-align: left;
border-bottom: 1px solid #dadada;
}
section.linklist .links .results-pack li:first-child {
border-top: 1px solid #dadada;
}
section.linklist .links .results-pack a {
display: block;
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.2;
text-align: left;
padding: 20px 0 19px;
text-decoration: none;
position: relative;
}
section.linklist .links .results-pack a:after {
display: block;
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.linklist .links .results-pack a:hover {
color: #2783cb;
}
section.linklist .links .results-pack a:hover:after {
width: 23px;
background: #2783cb;
} section.internal-links .text {
margin: 0 0 60px;
}
section.internal-links .links {
padding: 0 30px;
background: #f3f6fc;
}
section.internal-links .links ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
list-style: none;
padding: 10px 0;
margin: 0;
}
section.internal-links .links li {
display: block;
width: calc(25% - 45px);
vertical-align: top;
text-align: left;
margin: 20px 60px 20px 0;
}
section.internal-links .links li:nth-child(4n) {
margin-right: 0;
}
section.internal-links .links a {
display: inline-block;
font-size: 22px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
text-decoration: none;
position: relative;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.internal-links .links a span {
display: block;
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.2;
margin: 0 0 5px;
}
section.internal-links .links a:before {
display: block;
content: "";
position: absolute;
bottom: 12px;
left: -30px;
width: 0;
height: 3px;
-wekbit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.internal-links .links a:hover {
color: #2783cb;
}
section.internal-links .links a:hover:before {
width: 23px;
background: #2783cb;
} section.beitrag .post-image {
width: 100%;
}
section.beitrag .post-image img {
display: block;
width: 100%;
height: auto;
max-height: clamp(200px, 40vw, 600px);
object-fit: contain;
margin-bottom: 50px;
}
section.beitrag .text {
padding: 50px 100px;
position: relative;
margin: 0 auto;
background: #fff;
}
section.beitrag .post-image + .text {
width: calc(100% - 100px);
margin-top: -50px;
}
section.beitrag .beitrag-header {
margin: 0 0 50px;
}
section.beitrag .beitrag-header h1 {
margin-bottom: 10px;
}
section.beitrag .beitrag-header p {
font-size: 14px;
color: #888;
}
section.beitrag .text + .text {
width: calc(100% - 100px);
margin: 100px auto 0;
}
section.beitrag .articles {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
padding: 0 150px 100px;
}
section.beitrag .articles article {
width: calc(33.33% - 27px);
padding: 20px;
margin: 0 40px 40px 0;
position: relative;
background: #f3f6fc;
}
section.beitrag .articles article:nth-child(3n) {
margin-right: 0;
}
section.beitrag .articles article > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
section.beitrag .articles article .image {
display: block;
width: 100%;
height: 0;
padding-bottom: 66.18%;
position: relative;
overflow: hidden;
}
section.beitrag .articles article .image .image-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.beitrag .articles article .image img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: 100%;
height: 100%;
object-fit: cover;
}
section.beitrag .articles article .entry-text {
padding: 20px 20px 40px 0;
}
section.beitrag .articles article .entry-text time {
display: block;
font-size: 16px;
font-weight: 400;
color: #2783cb;
text-align: left;
margin: 0 0 12px;
}
section.beitrag .articles article .entry-text h4 {
font-size: 28px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.beitrag .articles article:after {
display: inline-block;
content: "";
width: 14px;
height: 14px;
position: absolute;
bottom: 20px;
right: 30px;
border-right: 5px solid #0c4877;
border-bottom: 5px solid #0c4877;
-webkit-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
section.beitrag .articles article:hover .entry-text h4 {
color: #2783cb;
}
section.beitrag .articles article:hover:after {
right: 25px;
border-right-color: #2783cb;
border-bottom-color: #2783cb;
} footer.outerWrap {
padding: 75px 0 35px;
background: #105d93;
}
footer .information {
display: flex;
flex-direction: row;
justify-content: space-between;
}
footer .information .social {
display: flex;
align-items: center;
margin: 15px 0;
}
footer .information .social ul {
list-style-type: none;
display: flex;
}
footer .information .social ul a {
padding: 0 10px;
}
footer .certification h4 {
font-size: 20px;
font-weight: 600;
color: #ffffff;
line-height: 1.1;
text-align: left;
margin: 0 0 45px;
}
footer .certification img {
display: block;
max-width: 100%;
height: auto;
}
footer .contact-nav {
display: flex;
flex-direction: row;
justify-content: space-between;
}
footer .contact-nav .contact > h4 {
font-size: 20px;
font-weight: 600;
color: #ffffff;
line-height: 1.1;
text-align: left;
margin: 0 0 45px;
}
footer .contact-nav .contact .textwidget {
font-size: 14px;
font-weight: 400;
color: #ffffff;
line-height: 1.6;
text-align: left;
}
footer .contact-nav .contact .textwidget p {
margin: 0 0 20px;
}
footer .contact-nav .contact .textwidget p:last-child {
margin-bottom: 0;
}
footer .contact-nav .contact .textwidget a {
color: #ffffff;
background-image: linear-gradient(transparent calc(65% - 5px), #0c4877 5px);
background-size: 0;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
footer .contact-nav .contact .textwidget a:hover {
background-size: 100%;
}
footer .contact-nav nav ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
footer .contact-nav nav > ul {
display: flex;
flex-direction: row;
}
footer .contact-nav nav > ul > li {
display: block;
padding: 0 0 0 180px;
}
footer .contact-nav nav > ul > li > a {
font-size: 20px;
font-weight: 600;
color: #ffffff;
line-height: 1.1;
text-decoration: none;
}
footer .contact-nav nav > ul > li > ul {
margin: 45px 0 0;
}
footer .contact-nav nav > ul > li > ul > li {
margin: 0 0 5px;
}
footer .contact-nav nav > ul > li > ul > li:last-child {
margin-bottom: 0;
}
footer .contact-nav nav > ul > li > ul > li > a {
font-size: 14px;
font-weight: 400;
color: #ffffff;
line-height: 1.6;
text-decoration: none;
background-image: linear-gradient(transparent calc(65% - 5px), #0c4877 5px);
background-size: 0;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
footer .contact-nav nav > ul > li > ul > li > a:hover {
background-size: 100%;
}
footer .post-footer {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin: 100px 0 0;
}
footer .post-footer ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
footer .post-footer ul li {
display: inline-block;
vertical-align: top;
margin: 0 25px 0 0;
}
footer .post-footer ul li:last-child {
margin-right: 0;
}
footer .post-footer .social ul li {
margin: 0 10px 0 0;
}
footer .post-footer ul li a {
font-size: 14px;
font-weight: 400;
color: #ffffff;
line-height: 1.1;
text-decoration: none;
}
footer .post-footer ul li.facebook a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-facebook.svg) no-repeat center center;
background-size: contain;
}
footer .post-footer ul li.youtube a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/icon-youtube.svg) no-repeat center center;
background-size: contain;
}
footer .post-footer nav:not(.social) a {
background-image: linear-gradient(transparent calc(65% - 5px), #0c4877 5px);
background-size: 0;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
footer .post-footer nav:not(.social) a:hover {
background-size: 100%;
}  .text {
max-width: 100%;
}
.text,
.textwidget {
font-size: 16px;
font-weight: 400;
color: #444444;
line-height: 1.6;
}
.text p,
.textwidget p {
text-align: left;
margin-bottom: 25px;
}
.text ul,
.text ol,
.textwidget ul,
.textwidget ol {
list-style: none;
padding-left: 30px;
margin-bottom: 25px;
}
.text > ul,
.text > ol {
padding: 24px 20px 24px 30px;
background: #fafafa;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.text li,
.textwidget li {
text-align: left;
margin-bottom: 5px;
}
.text ul li {
position: relative;
padding-left: 26px;
}
.text ul li:before {
display: block;
content: "";
width: 8px;
height: 8px;
position: absolute;
top: 9px;
left: 0;
background: #2783cb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.text ol {
counter-reset: custom-counter;
}
.text ol ol,
.text ul ul {
padding-top: 10px;
padding-bottom: 10px;
}
.text ol li {
counter-increment: custom-counter;
position: relative;
padding-left: 26px;
}
.text ol li:before {
content: counter(custom-counter) ". ";
position: absolute;
top: 0;
left: 0;
}
.text a:not(.button):not(.no-highlight):not([ng-href]) {
font-weight: 600;
color: #2783cb;
text-decoration: none;
background-image: linear-gradient(transparent calc(65% - 5px), #dbe4f5 5px);
background-size: 0;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.text a:not(.button):not(.no-highlight):not([ng-href]):hover {
background-size: 100%;
}
.text h1,
.textwidget h1 {
font-size: 52px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 20px;
}
.text h2,
.textwidget h2 {
font-size: 40px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 20px;
}
.text h3,
.textwidget h3 {
font-size: 32px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 20px;
}
.text h4,
.textwidget h4 {
font-size: 26px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 20px;
}
.text h5,
.textwidget h5 {
font-size: 22px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 20px;
}
.text h6,
.textwidget h6 {
font-size: 20px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 20px;
}
.text p + h2, .text p + h3, .text p + h4, .text p + h5, .text p + h6,
.text ul + h2, .text ul + h3, .text ul + h4, .text ul + h5, .text ul + h6,
.text ol + h2, .text ol + h3, .text ol + h4, .text ol + h5, .text ol + h6,
.text div + h2, .text div + h3, .text div + h4, .text div + h5, .text div + h6,
.text script + h2, .text script + h3, .text script + h4, .text script + h5, .text script + h6 {
margin-top: 45px;
}
.text p a:not(.button),
.text li a,
.textwidget p a:not(.button),
.textwidget li a {
color: #0c4877;
text-decoration: none;
}
.text b,
.text strong,
.textwidget b,
.textwidget strong {
font-weight: 700;
}
.text img,
.textwidget img {
max-width: 100%;
height: auto;
}
.text blockquote {
padding: 22px 30px;
margin: 0 0 20px;
background: #fafafa;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.text *:not(div):last-child,
.textwidget *:not(div):last-child,
.text blockquote *:not(div):last-child {
margin-bottom: 0;
}
.text .content-column {
margin-bottom: 25px;
}
.text .content-column {
padding-right: 35px;
}
.text .content-column.last_column:not(.one_third) {
padding-right: 0;
}
.text hr,
.textwidget hr {
margin-bottom: 25px;
border-top: 1px dashed #dadada;
}
.alignleft {
float: left;
margin: 0 25px 25px 0;
}
.alignright {
float: right;
margin: 0 0 25px 25px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
.text .columns-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
page-break-inside: avoid;
}
.text .columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
page-break-inside: avoid;
}
.text .columns-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
page-break-inside: avoid;
} .button {
display: inline-block;
font-family: "Poppins", sans-serif;
cursor: pointer;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: normal;
font-size: 16px;
font-weight: 600;
color: #ffffff;
line-height: 1.2;
position: relative;
padding: 18px 50px 18px 30px;
background: #2783cb;
-webkit-appearance: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.button:after {
display: block;
content: "";
width: 20px;
height: 16px;
position: absolute;
top: 50%;
right: 18px;
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/src/css/assets/images/icon-arrow@2x.png) no-repeat center bottom;
background-size: 100% auto;
transform: translateY(-50%);
}
.button:hover {
background: #105d93;
} .pagination {
text-align: center;
margin-top: 60px;
}
.pagination .page-numbers {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #0c4877;
line-height: 20px;
text-decoration: none;
padding: 13px 20px 12px;
margin-right: 4px;
background: #f3f6fc;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.pagination .page-numbers.current,
.pagination .page-numbers:not(.dots):hover {
color: #ffffff;
background: #2783cb;
}
.pagination .page-numbers.dots {
background: transparent;
border: 0;
}
.pagination .page-numbers.next {
margin-right: 0;
}
@media (max-width: 600px) {
.pagination .page-numbers:not(.current):not(.next):not(.prev) {
display: none;
}
} #mobile-menu:not(.mm-menu) {
display: none;
}
.mm-slideout {
z-index: auto;
}
.mm-panel,
.mm-panels,
.mm-navbar {
background: #f3f6fc;
} input[type=text],
input[type=email],
input[type=tel],
input[type=date],
input[type=password] {
width: 100%;
max-width: 312px;
height: 45px;
line-height: 45px;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
color: #0c4877;
padding: 0 15px;
background: #f3f6fc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
textarea {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 200px;
min-height: 200px;
max-height: 400px;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
color: #0c4877;
padding: 15px;
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.wpcf7-form {
overflow: hidden;
max-width: 1024px;
}
.wpcf7-form h4 {
font-size: 40px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: left;
margin: 0 0 60px;
}
.wpcf7-form h4:before {
display: block;
content: "";
width: 46px;
height: 8px;
margin: 0 0 32px;
background: #2783cb;
}
.wpcf7 .row {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
margin: 0 0 30px;
text-align: left;
}
.wpcf7 .row .column {
width: 100%;
}
.wpcf7 .row.columns2 .column {
width: calc(50% - 15px);
}
.wpcf7 .row.columns3 .column {
width: calc(33.33% - 15px);
}
.wpcf7 .row > label,
.wpcf7 .row .column > label {
display: block;
font-size: 16px;
font-weight: 400;
color: #444444;
line-height: 1.2;
margin: 0 0 10px;
}
.wpcf7 input[type=text],
.wpcf7 input[type=tel],
.wpcf7 input[type=email],
.wpcf7 input[type=date],
.wpcf7 textarea {
width: 100%;
max-width: 100%;
background: #f3f6fc;
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
}
.wpcf7 .wpcf7-file {
width: 100%;
padding: 10px;
font-size: 14px;
border: 1px solid #dadada;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wpcf7 span.wpcf7-not-valid-tip {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
color: #bb342f;
margin: 8px 0 0;
}
.wpcf7-acceptance {
display: block;
margin: 0 0 10px !important;
}
.wpcf7-acceptance > span,
.wpcf7-radio > span {
display: block;
margin: 0;
}
.wpcf7-radio > span {
margin-bottom: 4px;
}
.wpcf7-radio > span.last {
margin-bottom: 0;
}
.wpcf7-radio.horizontal > span {
display: inline-block;
margin: 0 25px 4px 0;
vertical-align: top;
}
.wpcf7-radio.horizontal > span:last-child {
margin-right: 0;
}
.wpcf7-acceptance > span > label,
.wpcf7-radio > span > label {
display: block;
}
.wpcf7-radio > span > label {
display: inline-block;
vertical-align: top;
}
.wpcf7-acceptance > span > label input[type=checkbox],
.wpcf7-radio > span > label input[type=radio] {
display: none;
}
.wpcf7-acceptance > span > label input[type=checkbox] + span,
.wpcf7-radio > span > label input[type=radio] + span {
display: block;
vertical-align: top;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-align: left;
position: relative;
cursor: pointer;
padding: 0 0 0 35px;
}
.wpcf7-acceptance > span > label input[type=checkbox] + span a,
.wpcf7-radio > span > label input[type=radio] + span a {
text-decoration: none;
}
.wpcf7-acceptance > span > label input[type=checkbox] + span:before,
.wpcf7-radio > span > label input[type=radio] + span:before {
display: block;
content: "";
width: 20px;
height: 20px;
position: absolute;
top: -3px;
left: 0;
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/src/css/assets/images/check.svg) no-repeat center center #f3f6fc;
background-size: 12px 12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 2px solid #2783cb;
}
.wpcf7-acceptance > span > label input[type=checkbox]:checked + span:before,
.wpcf7-radio > span > label input[type=radio]:checked + span:before {
background-color: #2783cb;
}
.wpcf7-radio > span > label input[type=radio] + span:before {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
.wpcf7 form .wpcf7-response-output {
padding: 15px;
margin: 35px 0 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
color: #ffffff;
border: 0;
background: #bb342f;
}
div.wpcf7-mail-sent-ok {
color: #ffffff;
border: 0;
background: #9bc53d;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
color: #ffffff;
border: 0;
background: #bb342f;
}
div.wpcf7-spam-blocked {
color: #ffffff;
border: 0;
background: #ee964b;
} .hamburger {
display: inline-block;
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;
overflow: visible;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #0c4877;
}
.hamburger-box {
width: 20px;
height: 24px;
display: inline-block;
position: relative;
vertical-align: top;
margin: 2px 0 0;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 20px;
height: 2px;
background-color: #0c4877;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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: -5px;
}
.hamburger-inner::after {
bottom: -5px;
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 380px) {
.hamburger-box {
width: 20px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 20px;
}
.hamburger-inner::before {
top: -6px;
}
.hamburger-inner::after {
bottom: -6px;
}
} .select2-container {
display: block;
width: 100% !important;
}
.select2-container--default .select2-selection--single {
width: 100%;
height: 45px;
line-height: 45px;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
color: #0c4877;
padding: 0 32px 0 15px;
background: #f3f6fc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #0c4877;
line-height: 45px;
padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 32px;
height: 44px;
}
.select2-dropdown {
background-color: #f3f6fc;
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.18);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.18);
}
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #2783cb;
}
.select2-results__option {
padding: 10px 15px;
}
.select2-results__options li:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.admin-bar .select2-container--open .select2-dropdown {
top: 32px;
} .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
width: 100%;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
width: 100%;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p {
text-align: center;
}
.BorlabsCookie ._brlbs-video-youtube a._brlbs-btn,
.BorlabsCookie ._brlbs-google-maps a._brlbs-btn,
.BorlabsCookie ._brlbs-video-youtube a._brlbs-btn:hover,
.BorlabsCookie ._brlbs-google-maps a._brlbs-btn:hover {
color: #ffffff !important;
background: #0c4877 !important;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:hover {
color: #ffffff !important;
background-image: none;
} .re7je-stellenangebote-table {
display: table;
width: 100%;
height: 100%;
}
.re7je-stellenangebote-table .re7je-table-row {
display: table-row;
width: 100%;
height: 100%;
}
.re7je-stellenangebote-table .re7je-table-row:not(.re7je-table-row-head) {
cursor: pointer;
text-decoration: none;
outline: none;
}
.re7je-stellenangebote-table .re7je-table-row:not(.re7je-table-row-head):focus {
outline: none;
}
.re7je-stellenangebote-table .re7je-table-row.hidden {
display: none;
}
.re7je-stellenangebote-table .re7je-table-row:hover {
background-size: 0 !important;
}
.re7je-stellenangebote-table .re7je-table-row:hover .re7je-table-cell {
color: #2783cb;
}
.re7je-stellenangebote-table .re7je-table-row:hover .re7je-table-cell:first-child:after {
width: 23px;
background: #2783cb;
}
.re7je-stellenangebote-table .re7je-table-head {
display: table-cell;
height: 100%;
font-size: 22px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
padding: 20px 20px 19px 0;
text-decoration: none;
position: relative;
border-bottom: 1px solid #dadada;
}
.re7je-stellenangebote-table .re7je-table-head:first-child {
padding-left: 0;
}
.re7je-stellenangebote-table .re7je-table-head:last-child {
padding-right: 0;
}
.re7je-stellenangebote-table .re7je-table-head > div {
display: inline-block;
height: 100%;
padding: 0 25px 0 0;
position: relative;
}
.re7je-stellenangebote-table .re7je-table-head span {
display: inline-block;
width: 0;
height: 0;
position: absolute;
bottom: 50%;
right: 0;
margin-bottom: -8px;
cursor: pointer;
border-top: 6px solid #ccc;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.re7je-stellenangebote-table .re7je-table-head span[data-sort=asc] {
bottom: auto;
top: 50%;
margin-top: -8px;
border-top: 0;
border-bottom: 6px solid #ccc;
}
.re7je-stellenangebote-table .re7je-table-head span[data-sort=asc]:hover, .re7je-stellenangebote-table .re7je-table-head span[data-sort=asc].current {
border-bottom: 6px solid #464646;
}
.re7je-stellenangebote-table .re7je-table-head span[data-sort=desc]:hover, .re7je-stellenangebote-table .re7je-table-head span[data-sort=desc].current {
border-top: 6px solid #464646;
}
.re7je-stellenangebote-table .re7je-table-cell {
display: table-cell;
height: 100%;
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.2;
text-align: left;
padding: 20px 20px 19px 0;
text-decoration: none;
position: relative;
border-bottom: 1px solid #dadada;
}
.re7je-stellenangebote-table .re7je-table-cell:first-child {
padding-left: 0;
}
.re7je-stellenangebote-table .re7je-table-cell:first-child:after {
display: block;
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.re7je-stellenangebote-table .re7je-table-cell:last-child {
padding-right: 0;
}
@media only screen and (max-width: 990px) {
.re7je-stellenangebote-table .re7je-table-row-head > .re7je-table-head:last-child, .re7je-stellenangebote-table .re7je-table-row > .re7je-table-cell:last-child {
display: none;
}
}
@media only screen and (max-width: 770px) {
.re7je-stellenangebote-table .re7je-table-row-head > .re7je-table-head:nth-child(3), .re7je-stellenangebote-table .re7je-table-row > .re7je-table-cell:nth-child(3) {
display: none;
}
}
@media only screen and (max-width: 650px) {
.re7je-stellenangebote-table {
display: block;
height: auto;
border-top: 1px solid #dadada;
}
.re7je-stellenangebote-table .re7je-table-row {
display: block;
height: auto;
padding: 15px 0;
border-bottom: 1px solid #dadada;
}
.re7je-stellenangebote-table .re7je-table-row-head {
display: none !important;
}
.re7je-stellenangebote-table .re7je-table-cell {
display: block !important;
height: auto;
border-bottom: 0;
padding: 0;
margin: 0 0 5px;
}
.re7je-stellenangebote-table .re7je-table-cell:first-child {
font-size: 20px;
font-weight: 600;
line-height: 1.3;
margin: 0 0 15px;
}
.re7je-stellenangebote-table .re7je-table-cell:first-child:after {
display: none !important;
}
.re7je-stellenangebote-table .re7je-table-cell:nth-child(2):before {
content: "Einsatzort: ";
}
.re7je-stellenangebote-table .re7je-table-cell:nth-child(3):before {
content: "Eintrittsdatum: ";
}
.re7je-stellenangebote-table .re7je-table-cell:nth-child(4):before {
content: "Anstellungsverhältnis: ";
}
}
.re7je-stellenangebote-table-wrap {
text-align: center;
}
.re7je-stellenangebote-table-wrap .btn {
margin-top: 45px;
}
.re7je-stellenangebote-table-wrap a.show-more {
display: inline-block;
padding: 15px 45px;
margin: 45px auto 0;
text-decoration: none;
font-size: 18px;
font-weight: 400;
color: #fff;
line-height: 1;
text-transform: uppercase;
background: #58585a;
border: 2px solid #58585a;
border-radius: 0;
box-shadow: none;
}
.re7je-stellenangebote-table-wrap a.show-more:hover {
color: #58585a;
background: transparent;
}
.re7je-table-loading {
display: block;
width: 100%;
height: 60px;
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/load.gif) no-repeat center center;
background-size: 32px 32px;
border-bottom: 1px solid #dadada;
}
.re7je-table-no-offers {
font-size: 15px;
font-weight: 400;
color: #58585a;
line-height: 20px;
padding: 20px 10px;
border-bottom: 1px solid #dadada;
}
.re7je-pagination {
margin-top: 35px;
}
.re7je-pagination a {
display: inline-block;
font-size: 22px;
font-weight: 400;
color: #fff;
line-height: 1;
vertical-align: middle;
text-decoration: none;
cursor: pointer;
position: relative;
text-transform: uppercase;
padding: 8px 20px;
margin: 0;
background: #58585a;
border: 2px solid #58585a;
}
.re7je-pagination a.disabled {
color: #c1c1c1;
cursor: default;
background: #eaeaea;
border: 2px solid #dadada;
}
.re7je-pagination a:not(.disabled):hover {
color: #58585a;
background: transparent;
border: 2px solid #58585a;
}
.re7je-pagination .page-of-pages {
display: inline-block;
font-size: 15px;
font-weight: 300;
color: #58585a;
line-height: 1;
vertical-align: middle;
margin: 0 20px;
}
.re7je-pagination .page-of-pages span {
display: inline-block;
font-weight: 700;
min-width: 18px;
}
section.job .beitrag-header .job-search {
font-size: 40px;
font-weight: 600;
color: #0c4877;
line-height: 1.1;
text-align: left;
margin: 0 0 20px;
}
section.job .beitrag-header .job-search:before {
display: block;
content: "";
width: 46px;
height: 8px;
margin: 0 0 32px;
background: #2783cb;
}
section.job .beitrag-header h1 {
font-family: "Taviraj", serif;
font-size: 28px;
font-weight: 400;
line-height: 1.3;
}
section.job .job-content {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 100px 0 0;
}
section.job .job-content aside {
width: 350px;
flex: 0 0 auto;
text-align: left;
padding: 0 0 0 50px;
border-left: 1px solid #dadada;
}
section.job .job-content aside .facts > div {
position: relative;
margin: 0 0 50px;
padding: 0 0 0 85px;
}
section.job .job-content aside .facts > div:last-child {
margin-bottom: 0;
}
section.job .job-content aside .facts > div:before {
display: block;
content: "";
width: 50px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
section.job .job-content aside .facts > div.location:before {
height: 58px;
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/location.svg);
}
section.job .job-content aside .facts > div.date:before {
height: 52px;
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/date.svg);
}
section.job .job-content aside .facts > div.employment:before {
height: 58px;
background-image: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/employment.svg);
}
section.job .job-content aside .facts > div > span {
display: block;
font-family: "Taviraj", serif;
font-weight: 400;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 5px;
}
section.job .job-content aside .facts > div > p {
font-size: 20px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
}
section.job .job-content aside .contact {
margin: 65px 0 0;
}
section.job .job-content aside .contact > div {
padding: 25px;
background: #f3f6fc;
}
section.job .job-content aside .contact > div > span {
display: block;
font-weight: 400;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 10px;
}
section.job .job-content aside .contact > div > span:after {
display: block;
content: "";
width: 32px;
height: 4px;
margin: 16px 0;
background: #2783cb;
}
section.job .job-content aside .contact > div > ul {
list-style: none;
padding: 0;
margin: 0;
}
section.job .job-content aside .contact > div > ul > li {
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.6;
text-align: left;
padding: 0;
margin: 0 0 2px;
}
section.job .job-content aside .contact > div > ul > li:first-child {
font-size: 20px;
font-weight: 600;
margin: 0 0 10px;
}
section.job .job-content aside .contact > div > ul > li:before {
display: none;
}
section.job .job-content aside > a.button {
margin: 65px 0 0;
}
section.job .job-content .text {
padding: 0 100px 0 0;
}
section.job .job-content .text h2 {
font-size: 26px;
}
section.job .job-content .application {
text-align: left;
padding: 30px 40px;
margin: 100px 0 0;
background: #f3f6fc;
}
section.job .job-content .application p:last-child {
margin: 50px 0 0;
}
@media only screen and (max-width: 1360px) {
section.job .job-content {
flex-direction: column-reverse;
}
section.job .job-content aside {
width: 100%;
padding: 0;
border: 0;
}
section.job .job-content aside .facts {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
section.job .job-content aside .facts > div {
padding: 85px 25px 0;
margin: 0;
}
section.job .job-content aside .facts > div:before {
width: 100%;
height: 65px;
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
section.job .job-content aside .facts > div * {
text-align: center !important;
}
section.job .job-content aside > a.button {
width: 100%;
margin: 25px 0 0;
}
section.job .job-content .text {
padding: 0;
margin: 100px 0 0;
}
}
@media only screen and (max-width: 770px) {
section.job .job-content {
margin: 55px 0 0;
}
section.job .job-content aside .contact {
margin: 55px 0 0;
}
section.job .job-content aside .facts {
flex-direction: column;
justify-content: flex-start;
}
section.job .job-content aside .facts > div {
padding: 15px 0 15px 65px;
}
section.job .job-content aside .facts > div:before {
width: 45px;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
section.job .job-content aside .facts > div * {
text-align: left !important;
}
}
@media only screen and (max-width: 480px) {
section.job .beitrag-header h1 {
font-size: 24px;
}
}
section.accordion .entries .entry {
margin: 0 0 10px;
background: #f3f6fc;
border-radius: 5px;
}
section.accordion .entries .entry h4 {
font-size: 18px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
padding: 20px 69px 20px 25px;
margin: 0;
position: relative;
cursor: pointer;
text-align: left;
}
section.accordion .entries .entry h4:after {
display: block;
content: "";
width: 19px;
height: 19px;
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/accordion.svg) no-repeat center center;
background-size: 100%;
transition: all 0.2s ease-out;
opacity: 0.3;
}
section.accordion .entries .entry h4:hover:after {
opacity: 0.6;
}
section.accordion .entries .entry .text {
display: none;
padding: 25px;
border-top: 1px solid #fff;
}
section.accordion .entries .entry .text ul, section.accordion .entries .entry .text ol {
padding: 0;
background: transparent;
}
section.accordion .entries .entry.show h4:after {
transform: translateY(-50%) rotate(135deg);
} #template-clinic {
padding: 0px 0;
}
#template-clinic .innerWrap {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
#template-clinic .header {
width: calc(100% - 450px);
margin: 0 0 50px;
}
#template-clinic .content {
width: calc(100% - 450px);
}
#template-clinic .content .innerWrap {
padding: 0 !important;
}
#template-clinic .content section {
padding: 100px 0;
}
#template-clinic .content section + section, #template-clinic .content section:first-child {
padding-top: 0;
}
#template-clinic .content .text img {
border-radius: 5px;
}
#template-clinic .content section.breadcrumbs {
padding-bottom: 50px;
}
#template-clinic .content section.team-tiles .tiles {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#template-clinic .content section.team-tiles .tiles .tile {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-end;
width: calc(50% - 10px);
padding: 25px;
margin: 10px 0;
background: #f3f6fc;
border-radius: 5px;
}
#template-clinic .content section.team-tiles .tiles .tile:nth-child(2n-1) {
margin-right: 20px;
}
#template-clinic .content section.team-tiles .tiles .tile .image {
width: 30%;
flex: 0 0 auto;
}
#template-clinic .content section.team-tiles .tiles .tile .image img {
display: block;
width: 100%;
height: auto;
border-radius: 5px;
}
#template-clinic .content section.team-tiles .tiles .tile .contact {
padding: 0 35px 0 0;
}
#template-clinic .content section.team-tiles .tiles .tile .contact h4 {
font-size: 20px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 5px;
}
#template-clinic .content section.team-tiles .tiles .tile .contact p {
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.6;
text-align: left;
}
#template-clinic .content section.accordion .entries .entry {
margin: 0 0 10px;
background: #f3f6fc;
border-radius: 5px;
}
#template-clinic .content section.accordion .entries .entry h4 {
font-size: 18px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
padding: 20px 69px 20px 25px;
margin: 0;
position: relative;
cursor: pointer;
text-align: left;
}
#template-clinic .content section.accordion .entries .entry h4:after {
display: block;
content: "";
width: 19px;
height: 19px;
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
background: url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/accordion.svg) no-repeat center center;
background-size: 100%;
transition: all 0.2s ease-out;
opacity: 0.3;
}
#template-clinic .content section.accordion .entries .entry h4:hover:after {
opacity: 0.6;
}
#template-clinic .content section.accordion .entries .entry .text {
display: none;
padding: 25px;
border-top: 1px solid #fff;
}
#template-clinic .content section.accordion .entries .entry .text ul, #template-clinic .content section.accordion .entries .entry .text ol {
padding: 0;
background: transparent;
}
#template-clinic .content section.accordion .entries .entry.show h4:after {
transform: translateY(-50%) rotate(135deg);
}
#template-clinic .content section.videos .entries {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#template-clinic .content section.videos .entries .entry {
width: calc(50% - 10px);
margin: 10px 0;
background: #f3f6fc;
}
#template-clinic .content section.videos .entries .entry:nth-child(2n-1) {
margin-right: 20px;
}
#template-clinic .content section.videos .entries .entry .video-js .vjs-big-play-button {
line-height: 1.6em;
background-color: #f3f6fc;
border-radius: 5px;
border: 0;
}
#template-clinic .content section.videos .entries .entry .vjs-icon-play:before,
#template-clinic .content section.videos .entries .entry .video-js .vjs-play-control .vjs-icon-placeholder:before,
#template-clinic .content section.videos .entries .entry .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
#template-clinic .content section.videos .entries .entry .vjs-icon-volume-high:before,
#template-clinic .content section.videos .entries .entry .video-js .vjs-mute-control .vjs-icon-placeholder:before,
#template-clinic .content section.videos .entries .entry .vjs-remaining-time-display,
#template-clinic .content section.videos .entries .entry .vjs-icon-picture-in-picture-enter:before,
#template-clinic .content section.videos .entries .entry .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
#template-clinic .content section.videos .entries .entry .vjs-icon-fullscreen-enter:before,
#template-clinic .content section.videos .entries .entry .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
color: #0c4877;
}
#template-clinic .content section.videos .entries .entry .video-js .vjs-control-bar {
background-color: rgba(243, 246, 252, 0.8);
}
#template-clinic .content section.videos .entries .entry .video-js .vjs-play-progress {
background-color: #0c4877;
}
#template-clinic .content section.progress {
display: none;
width: 100%;
}
#template-clinic .content section.progress .innerWrap {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
}
#template-clinic .content section.progress.scroll .innerWrap {
padding: 0 35px !important;
}
#template-clinic .content section.progress .percentage {
display: block;
width: 100%;
height: 5px;
}
#template-clinic .content section.progress .percentage.scroll {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
#template-clinic .content section.progress .percentage .bar {
width: 0%;
height: 100%;
background: #ab895c;
}
#template-clinic .content section.progress .bar {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 35px;
position: absolute;
top: 0;
left: 0;
background: #f3f6fc;
border-radius: 25px;
}
#template-clinic .content section.progress .bar > a {
white-space: nowrap;
margin: 0 10px 0 0;
font-size: 14px;
line-height: 1;
padding: 10px 25px;
color: #ffffff !important;
background: #2783cb;
border-radius: 20px;
}
#template-clinic .content section.progress .bar > a:last-child {
margin-right: 0;
}
#template-clinic .content section.progress .bar > a:hover {
background: #0c4877;
}
#template-clinic .content section.progress .title {
flex: 0 0 auto;
padding: 0 20px 0 0;
}
#template-clinic .content section.progress .progress-bar {
width: 100%;
height: 35px;
position: relative;
overflow-x: scroll;
border-radius: 25px;
}
#template-clinic .content section.progress .progress-bar::-webkit-scrollbar {
display: none;
}
#template-clinic .content section.progress .sticky {
background: #fff;
transition: all 0.2s ease-out;
}
#template-clinic .content section.progress.scroll .sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
width: auto;
z-index: 9;
border-bottom: 1px solid #dadada;
}
#template-clinic .content section.progress.scroll .sticky .button.current {
color: #fff !important;
background: #0E5271;
}
@media (max-width: 1280px) {
#template-clinic .content section.progress {
display: block;
}
}
@media (max-width: 680px) {
#template-clinic .content section.progress .innerWrap {
flex-direction: column;
align-items: flex-start;
}
#template-clinic .content section.progress .title {
text-align: left;
padding: 0;
margin: 0 0 20px;
}
#template-clinic .content section.progress.scroll .sticky {
padding: 20px 0;
}
}
#template-clinic aside {
width: 450px;
flex: 0 0 auto;
text-align: left;
padding: 0 0 0 100px;
}
#template-clinic aside section {
padding: 0;
margin: 0 0 50px;
}
#template-clinic aside section.links {
position: -webkit-sticky;
position: sticky;
top: 100px;
}
#template-clinic aside section.links h4 {
font-size: 20px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
padding: 0 0 0 25px;
margin: 0 0 25px;
}
#template-clinic aside section.links nav ul {
list-style: none;
padding: 0;
margin: 0;
}
#template-clinic aside section.links nav ul li {
text-align: left;
border-bottom: 1px solid #dadada;
}
#template-clinic aside section.links nav ul li:first-child {
border-top: 1px solid #dadada;
}
#template-clinic aside section.links nav ul li a {
display: block;
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.2;
text-align: left;
padding: 20px 25px 19px;
text-decoration: none;
position: relative;
}
#template-clinic aside section.links nav ul li a:after {
display: block;
content: "";
position: absolute;
bottom: -1px;
left: 25px;
width: 0;
height: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#template-clinic aside section.links nav ul li a:hover {
color: #2783cb;
}
#template-clinic aside section.links nav ul li a:hover:after {
width: 23px;
background: #2783cb;
}
#template-clinic aside section.links nav ul li.current_page_item > a {
color: #2783cb;
}
#template-clinic aside section.links nav ul li.current_page_item > a:after {
width: 23px;
background: #2783cb;
}
#template-clinic aside section.contact {
padding: 25px;
background: #f3f6fc;
border-radius: 5px;
}
#template-clinic aside section.contact h4 {
font-size: 20px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 20px;
}
#template-clinic aside section.contact h4:after {
display: block;
content: "";
width: 32px;
height: 4px;
margin: 16px 0;
background: #2783cb;
}
#template-clinic aside section.contact ul {
list-style: none;
padding: 0;
margin: 0;
background: transparent;
}
#template-clinic aside section.contact ul li {
font-size: 16px;
font-weight: 400;
color: #0c4877;
line-height: 1.6;
text-align: left;
padding: 0;
margin: 0 0 10px;
}
#template-clinic aside section.contact ul li:before {
display: none;
}
#template-clinic aside section.contact ul li:last-child {
margin-bottom: 0;
}
#template-clinic aside section.contact ul li.emergency {
color: #444;
margin-top: 25px;
}
#template-clinic aside section.contact ul li.emergency a {
color: #bb342f;
background-image: linear-gradient(transparent calc(65% - 5px), #f5dbdb 5px);
}
#template-clinic aside section.contact > a {
display: block;
font-size: 16px;
font-weight: 600;
color: #fff;
text-decoration: none;
padding: 15px 25px 10px;
margin: 25px -25px -25px;
background: #bb342f;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
#template-clinic aside section.contact > a span {
display: block;
font-weight: 400;
line-height: 1;
margin: 0 0 5px;
}
#template-clinic aside section.chief {
padding: 25px;
background: #f3f6fc;
border-radius: 5px;
}
#template-clinic aside section.chief img {
display: block;
max-width: 100%;
height: auto;
margin: 0 0 25px;
}
#template-clinic aside section.chief h4 {
font-size: 20px;
font-weight: 600;
color: #0c4877;
line-height: 1.2;
text-align: left;
margin: 0 0 5px;
}
#template-clinic aside section.chief p {
color: #0c4877;
}
@media only screen and (max-width: 1280px) {
#template-clinic .innerWrap {
flex-direction: column;
}
#template-clinic .header {
width: 100%;
order: 1;
}
#template-clinic .content {
width: 100%;
order: 3;
}
#template-clinic aside {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
order: 2;
width: 100%;
padding: 0;
margin: 0 0 50px;
}
#template-clinic aside section {
width: calc(50% - 10px);
margin: 0;
}
#template-clinic aside section.links {
display: none;
}
}
@media only screen and (max-width: 950px) {
#template-clinic .content section.team-tiles .tiles .tile {
width: 100%;
margin: 10px 0 !important;
}
#template-clinic .content section.videos .entries .entry {
width: 100%;
margin: 10px 0 !important;
}
}
@media only screen and (max-width: 780px) {
#template-clinic aside {
flex-direction: column;
}
#template-clinic aside section {
width: 100%;
margin: 0 0 20px;
}
}
body.admin-bar #page-custom section.progress.scroll .sticky {
top: 32px;
}
@media only screen and (max-width: 782px) {
body.admin-bar #page-custom section.progress.scroll .sticky {
top: 111px;
}
}@media (max-width:1480px) {
header#main-header #searchform {
display:none;
position:absolute;
top:100%;
left:0;
right:0;
background:#f3f6fc;
}
header#main-header #searchform input {
width:100%;
border-bottom:0;
}
header#main-header .buttons {
display:flex;
}
footer .contact-nav nav > ul > li {
padding:0 0 0 80px;
}
.text .columns-4 {
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
}
}
@media (max-width:1400px) {
section.internal-links .links li {
width:calc(33.33% - 40px);
}
section.internal-links .links li:nth-child(3n) {
margin-right:0;
}
section.internal-links .links li:nth-child(4n) {
margin-right:60px;
}
section.beitrag .articles article {
width:calc(50% - 20px);
}
section.beitrag .articles article:nth-child(2n) {
margin-right:0;
}
section.beitrag .articles article:nth-child(3n) {
margin-right:40px;
}
section.tiles.tiles-1.vier-pro-zeile .tile {
max-width: calc(33.33% - 20px);
}
}
@media (max-width:1300px) {
section.intro-contact .boxes {
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}
section.intro-contact .boxes > div {
width:100%;
}
section.intro-contact .boxes .left {
flex-direction:column-reverse;
}
section.intro-contact .boxes .left .image {
max-width:770px;
}
section.intro-contact .boxes .left .title {
margin:0 0 60px;
}
section.intro-contact .boxes .right {
max-width:770px;
margin:30px 0 0;
}
section.intro-contact .boxes .right.right-bodycheck {
max-width:100%;
}
section.intro-contact .boxes .right .contact:not(.show) {
flex-direction:row;
}
section.intro-contact .boxes .right .contact:not(.show):after {
display:block;
content:"";
width:34px;
height:34px;
flex:0 0 auto;
align-self:center;
background:url(//www.elbe-jeetzel-klinik.de/wp-content/themes/mkvo/assets/images/show.svg) no-repeat center center #2783cb;
background-size:12px 12px;
border-radius:5px;
}
section.intro-contact .boxes .right .contact:not(.show) .image,
section.intro-contact .boxes .right .contact:not(.show) .text {
display:none;
}
section.internal-links .links li {
width:calc(50% - 30px);
}
section.internal-links .links li:nth-child(2n) {
margin-right:0;
}
section.internal-links .links li:nth-child(3n) {
margin-right:60px;
}
.text .columns-3,
.text .columns-4 {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
}
@media (max-width:1280px) {
header#main-header {
padding:28px 0;
}
header#main-header .innerWrap {
justify-content:space-between;
}
header#main-header nav {
display:none;
}
header#main-header .buttons button.mobile {
display:block;
}
header#main-header .top {
display:none;
}
header#main-header .buttons a.emergency {
display:block;
order:3;
}
}
@media (max-width:1200px) {
section.mood-image .image {
display:flex;
flex-direction:column-reverse;
}
section.mood-image .image .slogan {
position:relative;
max-width:100%;
bottom:auto;
left:auto;
}
section.mood-image .image .slogan .big {
font-size:9vw;
}
section.mood-image .image .slogan p {
margin:-4% 0 0;
}
section.contact .innerWrap,
section.textbox .innerWrap {
flex-direction:column;
justify-content:flex-start;
}
section.contact .intro,
section.textbox .text {
width:100%;
}
section.contact .buttons,
section.textbox .buttons {
display:flex;
width:100%;
margin:90px 0 0;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
section.contact .buttons a,
section.textbox .buttons a {
width:calc(50% - 10px);
}
section.text-1 .innerWrap {
flex-direction:column;
justify-content:flex-start;
}
section.text-1 .title {
width:100%;
padding:0;
margin:0 0 50px;
}
section.text-1 .text {
width:100%;
}
section.tiles-wiki .tile, section.tiles-wiki.vier-pro-zeile .tile {
max-width:calc(50% - 15px);
}
section.tiles-wiki .tile:nth-child(2n) {
margin-right:0;
}
section.tiles-wiki .tile:nth-child(3n) {
margin-right:30px;
}
section.blog article,
section.blog article:nth-child(2) {
width:calc(50% - 30px);
}
footer .information {
flex-direction:column-reverse;
justify-content:flex-start;
align-items:center;
}
footer .certification {
margin:60px 0 0;
}
footer .certification h4 {
text-align:center;
}
footer .certification img {
max-width:150px !important;
margin:0 auto;
}
.text .columns-2,
.text .columns-3,
.text .columns-4 {
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
}
section.tiles.tiles-1.drei-pro-zeile .tile, section.tiles.tiles-1.vier-pro-zeile .tile {
max-width: calc(50% - 15px);
}
}
@media (max-width:1024px) {
section.linklist .links {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
}
@media (max-width:990px) {
section:not(.mood-image):not(.blog):not(.beitrag) {
padding:120px 0;
}
section.tiles.tiles-1 .tile, section.tiles.tiles-1.drei-pro-zeile .tile, section.tiles.tiles-1.vier-pro-zeile .tile {
width:100%;
max-width: 100%;
}
section.tiles.tiles-2 .tile {
width:100%;
}
section.text-2 .text-image {
flex-direction:column;
justify-content:flex-start;
}
section.text-2 .text-image .image {
width:100%;
}
section.text-2 .text-image .text {
width:100%;
margin-top:60px;
}
section.text-2 .text-right-image-left .text {
padding-left:0;
}
section.text-2 .text-left-image-right {
flex-direction:column-reverse;
}
section.text-2 .text-left-image-right .text {
padding-right:0;
}
section.text-2 .text-image .image img {
margin:0 auto;
}
section.route .map {
display:flex;
flex-direction:column-reverse;
}
section.route .map .contact {
position:static;
top:auto;
left:auto !important;
transform:none;
}
section.tiles-wiki .tile {
width:100%;
padding:35px 0;
}
section.tiles-wiki .tile:nth-child(3n) {
margin-right:0;
}
section.blog article,
section.blog article:nth-child(2) {
width:100%;
}
section.blog article .image {
padding-bottom:50%;
}
footer .contact-nav > nav {
display:none;
}
footer .contact-nav .contact * {
text-align:center !important;
}
section.beitrag .text {
padding: 50px 0;
}
section.beitrag .post-image + .text,
section.beitrag .text + .text {
width:100%;
margin-top:0;
padding:50px 0;
}
section.beitrag .post-image img {
margin-bottom: 0;
}
section.beitrag .articles {
padding:0 0 100px;
}
section.beitrag .articles article {
width:100%;
margin:0 0 40px;
}
section.beitrag .articles article:nth-child(3n) {
margin-right:0;
}
}
@media (max-width:900px) {
section.contact .buttons a,
section.textbox .buttons a {
width:100%;
}
section.linklist .links {
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
}
section.internal-links .links {
padding:15px 30px;
}
section.internal-links .links li {
width:100%;
margin:15px 0;
}
section.internal-links .links li:nth-child(3n) {
margin-right:0;
}
section.tiles-wiki .tile .big,
section.certificates .title .big,
section.text-2 .title .big {
font-size:60px;
margin:0 0 -20px;
}
section.intro-contact .boxes .left .title h1,
section.text-1 .title h2,
section.tiles-wiki .innerWrap > h2,
section.blog .innerWrap > h2,
.text h1,
.textwidget h1 {
font-size:44px;
}
.text h2,
.textwidget h2 {
font-size:38px;
}
section.certificates .title h2,
section.text-2 .title h2,
section.search-results .text.intro h1 span {
font-size:37px;
}
section.mood-image .image .slogan p {
font-size:34px;
}
section.contact .intro h4,
section.route > .innerWrap h2,
section.tiles-wiki .tile h4,
.text h3,
.textwidget h3 {
font-size:32px;
}
section.tiles.tiles-1 .tile .tile-text h4,
section.tiles.tiles-2 .tile .tile-text h4 {
font-size:30px;
}
section.blog article .entry-text h4,
section.search-results article .entry-text h4 {
font-size:24px;
}
section.contact .intro p,
section.route .map .contact h4 {
font-size:22px;
}
section.contact .buttons a,
section.textbox .buttons a {
font-size:18px;
}
section.route .map .contact p,
section.route .map .contact ul {
font-size:16px;
}
}
@media (max-width:820px) {
}
@media (max-width:740px) {
}
@media (max-width:700px) {
section.contact .intro li {
display:block;
margin:0 0 35px;
}
section.contact .intro li:last-child {
margin-bottom:0;
}
section.contact .intro li label {
margin:0 0 10px;
}
.wpcf7 .row {
flex-direction:column;
}
.wpcf7 .row.columns3 .column,
.wpcf7 .row.columns2 .column {
width:100%;
margin:0 0 15px;
}
.wpcf7 .row.columns2 .column:last-child {
margin-bottom:0;
}
}
@media (max-width:680px) {
section.intro-contact .boxes .right .contact.show {
flex-direction:column-reverse;
}
section.intro-contact .boxes .right .contact.show .image {
width:150px;
}
section.intro-contact .boxes .right .contact.show .contact-inner {
padding:0;
margin:40px 0 0;
}
}
@media (max-width:600px) {
footer .post-footer {
flex-direction:column-reverse;
margin:60px 0 0;
}
footer .post-footer > nav {
margin:20px 0 0;
}
section.blog article .entry-text {
padding-right:0;
}
section.mood-image .image .slogan p {
font-size:26px;
}
}
@media (max-width:550px) {
header#main-header .innerWrap {
flex-direction:column;
}
header#main-header .buttons {
margin:25px 0 0;
}
header#main-header .buttons a.emergency {
order:0;
}
section.tiles-wiki .tile .big,
section.certificates .title .big,
section.text-2 .title .big {
font-size:44px;
margin:0 0 -10px;
}
section.intro-contact .boxes .left .title h1,
section.text-1 .title h2,
section.tiles-wiki .innerWrap > h2,
section.blog .innerWrap > h2,
section.certificates .title h2,
section.text-2 .title h2,
section.search-results .text.intro h1 span,
section.route > .innerWrap h2,
section.contact .intro h4,
.text h2,
.textwidget h2 {
font-size:32px;
}
section.tiles.tiles-1 .tile .tile-text h4,
section.tiles.tiles-2 .tile .tile-text h4,
section.tiles-wiki .tile h4 {
font-size:24px;
}
section.text-3 .text ol ol,
section.text-3 .text ul ul {
padding-left:0;
}
}
@media (max-width:480px) {
.innerWrap {
padding:0 15px;
}
section.tiles.tiles-1 .tile {
margin:8px 0;
}
section.tiles.tiles-1 .tile .tile-text {
padding:15px;
}
section.tiles.tiles-1 .tile.has-link .tile-text:after {
display:none;
}
section.contact .buttons a,
section.textbox .buttons a {
padding:68px 25px 20px;
background-position:left 25px top 16px;
}
section.contact .buttons a:after,
section.textbox .buttons a:after {
display:none;
}
section.route .map .contact {
padding:25px;
}
section.intro-contact .boxes .right .contact,
section.internal-links .links {
padding:15px;
}
}
@media (max-width:400px) {
}