@font-face {
font-family: 'ProximaNova';
font-weight: 400;
src: url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_6_0.eot);
src: url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_6_0.eot?#iefix) format('embedded-opentype'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_6_0.woff2) format('woff2'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_6_0.woff) format('woff'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_6_0.ttf) format('truetype');
}
@font-face {
font-family: 'ProximaNova';
font-weight: 500;
src: url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_8_0.eot);
src: url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_8_0.eot?#iefix) format('embedded-opentype'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_8_0.woff2) format('woff2'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_8_0.woff) format('woff'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_8_0.ttf) format('truetype');
}
@font-face {
font-family: 'ProximaNova';
font-weight: 600;
src: url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_B_0.eot);
src: url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_B_0.eot?#iefix) format('embedded-opentype'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_B_0.woff2) format('woff2'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_B_0.woff) format('woff'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_B_0.ttf) format('truetype');
}
@font-face {
font-family: 'ProximaNova';
font-weight: 700;
src: url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_2_0.eot);
src: url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_2_0.eot?#iefix) format('embedded-opentype'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_2_0.woff2) format('woff2'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_2_0.woff) format('woff'),
url(//diakonie-hanau.de/wp-content/themes/diakonie-hanau/fonts/37AC3E_2_0.ttf) format('truetype');
} body, html {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: 'ProximaNova';
font-weight: 500;
color: #464646;
}
@media (max-width: 767px) {
body {
font-size: 14px;
line-height: 150%;
}
}
@media (min-width: 767px) {
body {
font-size: 16px;
line-height: 155%;
}
}
@media (min-width: 992px) {
body {
font-size: 18px;
line-height: 160%;
}
}
h1, h2 {
display: block;
max-width: 750px;
}
.text-center h1, .text-center h2 {
max-width: 100%;
}
h1, h2, h3 {
font-weight: 700;
}
h4, h5, h6 {
font-weight: 600;
}
@media (max-width: 767px) {
h1 {font-size: 30px; margin: 0 0 3.5vw 0; padding: 0; line-height: 110%; color: #464646;}
h2 {font-size: 30px; margin: 0 0 3.5vw 0; padding: 0; line-height: 110%; color: #464646;}
h3 {font-size: 18px; margin: 0 0 1vw 0; padding: 0; line-height: 130%; color: #464646;}
h4 {font-size: 14px; margin: 0 0 2vw 0; padding: 0; line-height: 130%; color: #009fe3;}
}
@media (min-width: 767px) {
h1 {font-size: 40px; margin: 0 0 2.5vw 0; padding: 0; line-height: 120%; color: #464646;}
h2 {font-size: 40px; margin: 0 0 2.5vw 0; padding: 0; line-height: 120%; color: #464646;}
h3 {font-size: 24px; margin: 0 0 1vw 0; padding: 0; line-height: 130%; color: #464646;}
h4 {font-size: 16px; margin: 0 0 0.5vw 0; padding: 0; line-height: 130%; color: #009fe3;}
}
@media (min-width: 992px) {
h1 {font-size: 50px; margin: 0 0 1.5vw 0; padding: 0; line-height: 130%; color: #464646;}
h2 {font-size: 50px; margin: 0 0 1.5vw 0; padding: 0; line-height: 130%; color: #464646;}
h3 {font-size: 30px; margin: 0 0 1vw 0; padding: 0; line-height: 130%; color: #464646;}
h4 {font-size: 18px; margin: 0 0 0.2vw 0; padding: 0; line-height: 130%; color: #009fe3;}
}
.blue h1, .blue h2, .blue h3, .blue h4, .blue-fill h1, .blue-fill h2, .blue-fill h3, .blue-fill h4 {color: #fff;}
.blue a, .blue a:focus, .blue a:visited {
color: #fff;
}
.blue a:hover {
color: rgba(255,255,255,.5);
}
p > img {
display: block;
max-width: 100%;
height: auto;
}
a, a:hover, a:focus, a:visited {
text-decoration: none;
}
a:focus, a:hover {
color: #464646;
-webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease;
}
.white {
background-color: #fff;
color: #464646;
}
.grey {
background-color: #eaeaea;
color: #464646;
}
.blue {
background-color: #009fe3;
color: #fff;
}
.blue-fill {
background: rgba(0,159,227,.75);
color: #fff;
}
.mrg-bottom {
margin-bottom: 30px;
}
.clr {
clear: both;
} @media (max-width: 767px) {
#action-bar {
font-size: 12px;
height: 40px;
line-height: 40px;
}
}
@media (min-width: 767px) {
#action-bar {
font-size: 14px;
height: 40px;
line-height: 40px;
}
}
#action-bar ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
line-height: 40px;
}
@media (max-width:767px){
#action-bar ul {
float: none;
}    
#action-bar-links {
text-align: center;
}
}
@media (min-width:768px){
#action-bar ul {
float: right;
}   
#action-bar-links {
text-align: left;
}
}
#action-bar ul li {
float: left;
line-height: 40px;
}
#action-bar ul li:first-child {
margin-right: 1.8vw;
}
#action-bar ul li a, #action-bar ul li a:hover, #action-bar ul li a:focus, #action-bar ul li a:visited {
color: #fff;
text-decoration: none;
line-height: 40px;
}
#action-bar ul li a .fas {
margin-right: 3px;
}
#action-bar ul li a .fa-phone {
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
} .navbar {
background: #fff;
font-weight: 600;
border-radius: 0;
margin: 0;
position: relative;
border-bottom: none;
}
.navbar-brand {
float: left;
height: 45px;
padding: 0;
font-size: 0;
line-height: 1;
margin: 10px 0;
}
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand {
margin-left: 0;
}
.navbar .navbar-brand img {
display: block;
width: auto;
}
@media (max-width:767px){
.navbar .navbar-brand img {
height: 35px;
margin: 10px 0;
} 
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand {
margin-left: 15;
}
}
@media (min-width:768px) and (max-width:991px){
.navbar .navbar-brand img {
height: 35px;
margin: 10px 0;
}
}
@media (min-width:992px){
.navbar .navbar-brand img {
height: 45px;
margin: 5px 0;
}
}
@media (max-width: 767px) {
.navbar-nav > li {
margin-left: 0;
}
.navbar-nav > li:first-child {
margin-left: 0;
}
}
@media (min-width: 767px) {
.navbar-nav > li {
margin-left: 1.3vw;
}
.navbar-nav > li:first-child {
margin-left: 0;
}
}
@media (max-width: 767px) {
.navbar-nav > li > a {
font-size: 14px;
}
}
@media (min-width: 767px) {
.navbar-nav > li > a {
font-size: 14px;
}
}
@media (min-width: 992px) {
.navbar-nav > li > a {
font-size: 16px;
}
}
.navbar-nav > li > a {
padding: 0;
line-height: 75px;
color: #464646;
-webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease;
}
.navbar-nav > li > a:hover, .navbar-nav li.current_page_item a {
color: #009fe3;
background: transparent;;
-webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color: transparent;
color: #009fe3;
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
background-color: transparent;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
color: #009fe3;
text-decoration: none;
background-color: transparent;
outline: 0;
}
ul.nav li.current-menu-parent a.dropdown-toggle {
color: #009fe3;
}
.navbar-right .dropdown-menu {
right: auto;
left: -15px;
}    
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
padding: 1px 15px;
margin: 0;
font-size: 16px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
border-top: none;
border-radius: 0;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
}
.dropdown-menu > li > a {
display: block;
padding: 12px 0;
line-height: 1;
color: #464646;;
background-color: #fff;
font-weight: 500;
border-top: 1px solid rgba(0,0,0,.2);
}
.dropdown-menu li:first-child a {
border-top: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background: transparent;
color: #009fe3;
} @media (max-width: 767px) {
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand {
margin-left: 30;
}
.navbar-toggle {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #009fe3;
border-radius: 0;
}    
.navbar-toggle .icon-bar {
background: #009fe3;
border-radius: 0;
height: 2px;
}    
.navbar-nav {
margin: 0 15px;
}
.navbar-nav > li {
margin-right: 0;
border-top: 1px solid rgba(0,0,0,.2);
}
.navbar-nav > li > a {
padding: 0;
font-size: 16px;
line-height: 50px;
color: #464646;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
}   
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color: transparent;
color: #009fe3;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu .dropdown-header, 
.navbar-nav .open .dropdown-menu > li > a {
padding: 10px 0;
}    
.dropdown-menu {
margin-bottom: 15px;
padding-left: 15px;
font-size: 14px;
}
} body.fix-navbar {
margin-top: 75px;
}
body.fix-navbar .navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
border-bottom: 1px solid rgba(0,0,0,.2);
}
@media (min-width: 767px) {
body.fix-navbar .dropdown-menu {
border: 1px solid rgba(0,0,0,.2);
border-top: none;
}   
} header {
position: relative;
overflow: hidden;
}
header img {
display: block;
width: 100%;
height: auto;
}
header span {
position: absolute;
bottom: 5vw;
left: 0;
right: 0;
z-index: 999;
color: #fff;
font-weight: 300;
font-size: 2.9vw;
width: 100%;
text-align: center;
opacity: 1;
-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;
line-height: 110%;
}
.fade-slogan span {
opacity: 0;
bottom: 2.5vw;
-webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;
}
body.body-front-page header span {
position: absolute;
bottom: 5vw;
left: 0;
right: 0;
z-index: 999;
color: #fff;
font-weight: 300;
font-size: 2.9vw;
width: 100%;
text-align: center;
opacity: 1;
-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;
}
body.body-front-page .fade-slogan span {
opacity: 0;
bottom: 2.5vw;
-webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;
} @media (max-width: 767px) {
section {
padding: 48px 0 3px 0;
}
}
@media (min-width: 767px) {
section {
padding: 64px 0 19px 0;
}
}
@media (min-width: 992px) {
section {
padding: 80px 0 35px 0;
}
}
section .row p {
max-width: 750px;
}
section ul li {
max-width: 750px;
}
section .row p {
margin-left: 0;
margin-right: 0;
}
section .row.text-center p {
margin-left: auto;
margin-right: auto;
}
section .img-responsive {
display: block;
width: 100%;
max-width: 500px;
height: auto;
margin: 0 0 30px 0;
}
section a.button, section a.button:focus, section a.button:visited {
display: inline-block;
line-height: 1;
background: #009fe3;
border: 1px solid #009fe3;
color: #fff;
text-decoration: none;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
section a.button:hover {
background: transparent;
border: 1px solid #464646;
color: #464646;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
section.blue a.button, section.blue a.button:focus, section.blue a.button:visited,
section.blue-fill a.button, section.blue-fill a.button:focus, section.blue-fill a.button:visited{
background: #464646;
border: 1px solid #464646;
color: #fff;
}
section.blue a.button:hover, section.blue-fill a.button:hover {
background: transparent;
border: 1px solid #fff;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
@media (max-width: 767px) {
section a.button {
padding: 12px 21px;
margin: 18px 0 45px 0;
}
}
@media (min-width: 767px) {
section a.button {
padding: 16px 28px;
margin: 24px 0 45px 0;
}
}
@media (min-width: 992px) {
section a.button {
padding: 20px 35px;
margin: 30px 0 45px 0;
}
}
section a.button.no-mrg {
margin-top: 0;
}
.overview-item img {
max-width: 450px;
}
ul.overview-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.overview-list hr {
margin: 10px 0;
display: block;
max-width: 450px;
border-top: 1px solid rgba(0,0,0,.2);
}
ul.overview-list li {
max-width: 450px;
}
@media (max-width: 767px) {
ul.overview-list li {
font-size: 18px;
line-height: 150%;
}
}
@media (min-width: 767px) {
ul.overview-list li {
font-size: 20px;
line-height: 155%;
}
}
@media (min-width: 992px) {
ul.overview-list li {
font-size: 22px;
line-height: 160%;
}
} .teaser a, .teaser a:hover, .teaser a:focus, .teaser a:visited {
color: #464646;
}
.teaser img {
display: inline-block;
margin: 0 auto 1vw auto;
width: 5vw;
min-width: 40px;
max-width: 60px;
height: auto;
}
.teaser p {
margin: 0;
padding: 0;
color: #464646;
} #faq .panel {
margin-bottom: 20px;
background-color: #fff;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
max-width: 750px;
}
#faq .panel-body {
padding: 20px;
}
#faq .panel-heading {
padding: 0;
border-bottom: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #009fe3;
color: #fff;
}
@media (max-width: 767px) {
#faq .panel-title a {
font-size: 16px;
}
}
@media (min-width: 767px) {
#faq .panel-title a {
font-size: 18px;
}
}
@media (min-width: 992px) {
#faq .panel-title a {
font-size: 20px;
}
}
#faq .panel-body p:last-child {
margin-bottom: 0;
}
#faq .panel-title a {
display: block;
width: 100%;
cursor: pointer;
padding: 20px 20px;
font-weight: 500;
}
#faq .panel-title a::after {
display: block;
content: "\f077";
float: right;
font-weight: 700;
line-height: 1;    
font-family: "Font Awesome 5 Free";
font-weight: 900;
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
}
#faq .panel-title a.collapsed::after {
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
}
#faq .panel-title a, #faq .panel-title a:hover, #faq .panel-title a:visited, #faq .panel-title a:focus {
color: #fff;
text-decoration: none;
}
#faq .panel-body .download {
margin-top: 20px;
display: block;
border-top: 1px solid rgba(0,0,0,.2);
padding-top: 20px;
}
#faq .panel-body .download .fa-file-pdf {
margin-right: 5px;
}
#faq .panel-body .download a {
-webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease;
} #kontakt hr {
margin-top: 40px;
margin-bottom: 40px;
}
#kontakt a, #kontakt a:focus, #kontakt a:visited {
color: #fff;
text-decoration: none;
}
#kontakt a:hover {
color: rgba(255,255,255,.5);
text-decoration: none;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.standorte .standort-wrapper hr {
margin-top: 15px;
margin-bottom: 60px;
border: 0;
border-top: 1px solid rgba(0,0,0,.2);
}
.standorte .standort-wrapper:last-child hr {
display: none;
} .parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
} footer {
background: #464646;
color: #fff;
padding: 80px 0 50px 0;
}
footer .footer-row {
margin-bottom: 30px;
}
footer .footer-logo {
display: block;
width: 100%;
max-width: 200px;
height: auto;
}
footer a, footer a:focus, footer a:visited {
color: #fff;
text-decoration: none;
}
footer a:hover, footer li.current-menu-item a {
color: rgba(255,255,255,.5);
text-decoration: none;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
footer ul {
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 767px) {
footer ul li {
padding: 8px 0;
border-bottom: 1px solid #fff;
}
}
@media (min-width: 767px) {
footer ul li {
padding: 15px 0;
border-bottom: 1px solid #fff;
}
}
footer ul li:first-child {
padding-top: 0;
} #copyright {
background: #747474;
color: #fff;
line-height: 1;
padding: 10px 0;
font-size: 14px;
} .image-wrapper {
margin-top: 50px;
}
.post-author {
display: block;
margin-bottom: 10px;
color: rgba(0,0,0,.5);
}
@media (max-width: 767px) {
.post-author {
font-size: 12px;
}
}
@media (min-width: 767px) {
.post-author {
font-size: 13px;
}
}
@media (min-width: 992px) {
.post-author {
font-size: 14px;
}
} .maps-wrapper .map {
position: relative;
padding-bottom: 56%;
height: 0;
overflow: hidden;
border: 1px solid rgba(0,0,0,.2);
margin-bottom: 45px;
}
.maps-wrapper .map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.location-details {
margin-bottom: 45px;
} #accordion-team .panel {
border-radius: 0 !important;
}
#accordion-team .panel-default > .panel-heading {
color: #464646 !important;
background-color: #eaeaea !important;
border-color: #eaeaea !important;
padding: 10px 30px 10px 15px !important;
} 
#accordion-team .panel-default > .panel-heading .panel-title {
line-height: 1 !important;
margin: 0 !important;
}
#accordion-team .panel-default > .panel-heading .panel-title {
position: relative;
}
#accordion-team .panel-default > .panel-heading .panel-title a::after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 0;
top: 0;
font-size: 20px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: all ease .5s;
transform: rotate(180deg);
}
#accordion-team .panel-default > .panel-heading .panel-title a.collapsed::after {
transform: rotate(0deg);
transition: all ease .5s;
}
#accordion-team .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top: none;
}
#accordion-team .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: none;
}
#accordion-team .panel-body {
padding: 15px;
}
#accordion-team .panel-body .row > div:first-child hr  {
display: none;
}
@media (min-width: 992px) {
#accordion-team .panel-body .row > div:first-child + div hr {
display: none;
}
}
@media (max-width: 767px) {
.mrg-bottom-team {
margin-bottom: 48px;
}
}
@media (min-width: 767px) {
.mrg-bottom-team {
margin-bottom: 64px;
}
}
@media (min-width: 992px) {
.mrg-bottom-team {
margin-bottom: 80px;
}
}
.team-more-detail {
font-style: italic;
color: #747474;
} .blog-item {
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid rgba(0,0,0,.15);
}
.blog-item:first-child {
padding-top: 0;
border-top: none;
}
.blog-item .post-author {
margin: 0;
}
.blog-item a h3, .blog-item a:focus h3, .blog-item a:hover h3, .blog-item a:visited h3 {
color: #464646;
}
.blog-item a.read-more {
display: inline-block;
color: #009fe3;
padding-left: 10px;
} #cookie-notice {
background: #464646 !important;
border-top: 1px solid rgba(255,255,255,.2);
}
#cookie-notice .button.bootstrap {
margin-right: .3em;
margin-bottom: 0;
line-height: 20px;
text-align: center;
vertical-align: middle;
color: #fff;
text-shadow: 0 0 0 rgba(0,0,0,0);
background-color: #009fe3 !important;
background-image: none !important;
background-repeat: no-repeat !important;
border: none !important;
box-shadow: inherit !important;
padding: 2px 10px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
} .grecaptcha-badge {
display: none !important;
opacity: 0;
}