a {
color: #FF9700;
}
a:hover {
color: #FF9700;
text-decoration: underline;
}
.mt-nav {
margin-top: 109px;
}
@media (min-width: 992px) {
.mt-nav {
margin-top: 101px;
}
}
.m-form {
margin: 0 -0.5rem;
}
.link-highlighted {
color: #FF9700 !important;
}
.hidden {
display: none;
}
.text-light-2 {
color: #808080;
}
.text-light-2:hover {
color: #6c6c6c;
}
.text-regular-2 {
color: #1D1D1D;
}
.text-regular-2:hover {
color: #313131;
}
.wpcf7-text {
box-shadow: 0 2px 2px 0 rgba(128, 128, 128, 0.05);
border-radius: 2px;
border: none;
height: 48px;
}
.wpcf7-text:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25);
}
.wpcf7-textarea {
box-shadow: 0 2px 2px 0 rgba(128, 128, 128, 0.05);
border-radius: 2px;
border: none;
}
.wpcf7-textarea:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25);
}
span.wpcf7-list-item {
margin-left: 0;
}
input[type=checkbox] {
height: 1rem;
width: 1rem;
}
.wpcf7-list-item-label {
color: #808080;
}
.btn-primary {
background-color: #FF9700 !important;
border-color: #FF9700 !important;
border-radius: 2px;
text-transform: uppercase;
color: #FFF;
width: 100%;
text-align: center;
height: 48px;
}
.btn-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25);
}
span.wpcf7-not-valid-tip {
color: #E04E4E;
margin-top: 0.2rem;
}
div.wpcf7-validation-errors {
border: 2px solid #E04E4E;
border-radius: 2px;
margin: 0;
padding: 1rem;
}
.section-margin {
margin-top: 80px;
margin-bottom: 80px;
}
@media (min-width: 992px) {
.section-margin {
margin-top: 120px;
margin-bottom: 120px;
}
}
.section-padding {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.section-padding {
padding-top: 120px;
padding-bottom: 120px;
}
}
.section-background {
background-color: #EBEAE9;
}
.section-offset {
position: relative;
padding-top: 0;
margin-bottom: 120px;
padding-bottom: 0;
}
@media (min-width: 992px) {
.section-offset {
margin-bottom: 200px;
}
}
.section-offset > .container {
position: relative;
bottom: -80px;
}
.paragraph-highlighted p,
.paragraph-highlighted > div {
position: relative;
margin-left: 24px;
padding-left: 16px;
}
.paragraph-highlighted p:before,
.paragraph-highlighted > div:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -24px;
height: 100%;
width: 16px;
background: url(//www.reise-medizin.at/wp-content/themes/b4st-child/img/zigzag-repeat.svg) repeat-y;
}
.heading {
font-family: "Archivo", sans-serif;
font-weight: 500;
font-size: 2.5rem;
color: #1D1D1D;
text-align: center;
margin-top: 2.5rem;
margin-bottom: 3rem;
}
.heading-seperator {
margin: 1.5rem 0 0 0;
display: block;
}
.heading-seperator-img {
height: 20px;
}
.btn-with-icon {
border-top-left-radius: 0;
border-top-right-radius: 0;
text-align: left;
position: relative;
font-size: 0.8125rem;
display: flex;
align-items: center;
letter-spacing: 0.1rem;
}
.btn-with-icon:hover .btn-icon {
right: 12px;
transition: all ease-in-out 0.3s;
}
.btn-icon {
transition: all ease-in-out 0.3s;
height: 12px;
position: absolute;
right: 16px;
top: calc(50% - 6px);
}
.card-text {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #808080;
}
.card {
margin-bottom: 40px;
height: 100%;
}
@media (min-width: 992px) {
.card {
margin-bottom: 0;
}
}
.card-img-top {
height: 280px;
object-fit: cover;
background-color: #F2F0ED;
}
.card-footer-line {
height: 4px;
background-color: #FF9700;
}
.card-large {
box-shadow: 0 0 32px 0 rgba(29, 29, 29, 0.2);
border: none;
border-radius: 4px;
}
.card-large__image-col {
min-height: 280px;
height: auto;
}
@media (min-width: 768px) {
.card-large__image-col {
min-height: 420px;
}
}
.card-large__image {
object-fit: cover;
height: 100%;
width: 100%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
@media (min-width: 768px) {
.card-large__image {
border-top-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 0;
}
}
.card-large__text-container {
padding: 1.5rem;
padding-bottom: calc(48px + 1.5rem);
}
.card-large__icon {
height: 64px;
margin-top: 16px;
margin-bottom: 32px;
}
.card-large__heading {
font-size: 1.25rem;
}
.card-large__text {
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.card-large__button {
position: absolute;
bottom: 0;
width: 100%;
padding-left: 1.5rem;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
@media (min-width: 768px) {
.card-large__button {
border-bottom-left-radius: 0;
}
}
.btn-collapse {
background-color: #EBEAE9;
color: #1D1D1D;
border: none;
text-align: left;
position: relative;
box-shadow: none !important;
padding-right: 2rem;
}
.btn-collapse::after {
content: "";
position: absolute;
right: 6px;
top: 6px;
display: inline-block;
height: 24px;
width: 24px;
background-image: url(//www.reise-medizin.at/wp-content/themes/b4st-child/img/plus-icon.svg);
background-repeat: no-repeat;
background-position: center center;
transform: rotate(0deg);
transition: all ease-in-out 0.15s;
}
.btn-collapse:not(.collapsed) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.btn-collapse:not(.collapsed)::after {
transform: rotate(45deg);
transition: all ease-in-out 0.15s;
}
.btn-collapse:hover, .btn-collapse:active, .btn-collapse:focus {
background-color: #d3d1ce !important;
color: #1D1D1D !important;
}
.collapse .card,
.collapsing .card {
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #EBEAE9;
border: none;
}
.navbar {
height: 61px;
background-color: #FFF;
}
@media (min-width: 992px) {
.navbar {
height: 101px;
border-bottom: 2px solid #FF9700;
}
}
.navbar .brand-img {
height: 36px;
}
@media (min-width: 992px) {
.navbar .brand-img {
height: 56px;
}
}
.navbar-toggler {
border-radius: 100px;
border: none !important;
outline: none !important;
background-color: transparent;
}
.navbar-toggler:hover, .navbar-toggler:active {
background-color: #F2F0ED;
box-shadow: none;
}
.navbar-toggler:focus {
box-shadow: none;
background-color: #F2F0ED;
}
.navbar-toggler:visited {
background-color: transparent;
}
.navbar-toggler .navbar-toggler-icon {
background-image: url(//www.reise-medizin.at/wp-content/themes/b4st-child/img/icon_menu_open.svg) !important;
background-size: 20px 15px;
}
.navbar-toggler .navbar-toggler-icon img {
height: 12px;
}
.navbar-toggler.collapsed .navbar-toggler-icon {
background-image: url(//www.reise-medizin.at/wp-content/themes/b4st-child/img/icon_menu_closed.svg) !important;
}
.dropdown-menu {
padding: 0;
border: none;
border: 1px solid #F2F0ED;
}
@media (min-width: 768px) {
.dropdown-menu {
box-shadow: 0 16px 32px 0 rgba(29, 29, 29, 0.5);
}
}
.dropdown-menu .dropdown-item {
padding: 0.5rem 1.5rem;
}
.dropdown-menu .dropdown-item:active {
background-color: #FF9700;
}
.dropdown-menu .menu-item-type-custom {
background-color: #EBEAE9;
}
.dropdown-menu .menu-item-type-custom a:hover {
background-color: #EBEAE9 !important;
}
.dropdown-toggle::after {
margin-left: 0.5em;
vertical-align: 0.125em;
color: #1D1D1D;
}
.navbar-collapse {
box-shadow: 0 0 32px 0 rgba(128, 128, 128, 0.3);
border-bottom: 2px solid #FF9700;
background-color: #FFF;
margin-left: -16px;
margin-right: -16px;
margin-top: 54px;
padding: 16px;
overflow-y: auto;
height: calc(100vh - 164px);
}
@media (min-width: 992px) {
.navbar-collapse.show {
position: absolute;
width: 100%;
top: 54px;
}
}
@media (min-width: 992px) {
.navbar-collapse {
margin: 0;
padding: 0;
box-shadow: none;
border: none;
overflow-y: unset;
height: auto;
}
}
.navbar-light .navbar-nav .nav-link {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #1D1D1D;
}
@media (min-width: 768px) {
.navbar-light .navbar-nav .nav-link {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
.navbar-light .navbar-nav .nav-link:hover {
color: #808080;
}
.navbar-light .navbar-nav .active > .nav-link {
color: #FF9700;
}
@media (min-width: 768px) {
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
}
.sub-navigation {
position: fixed;
top: 61px;
right: 0;
z-index: 1020;
background-color: #FF9700;
height: 48px;
width: 100%;
display: flex;
}
@media (min-width: 992px) {
.sub-navigation {
top: 101px;
width: 580px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 32px 100%);
justify-content: flex-end;
padding-right: calc(2rem + 15px);
}
}
.sub-navigation .sub-navigation-item {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
color: #FFF;
display: flex;
align-items: center;
}
.sub-navigation .sub-navigation-item a {
color: #FFF;
}
.sub-navigation .sub-navigation-phone {
display: none;
}
@media (min-width: 992px) {
.sub-navigation .sub-navigation-phone {
display: flex;
}
}
.sub-navigation .sub-navigation-book {
display: none;
}
@media (min-width: 992px) {
.sub-navigation .sub-navigation-book {
display: flex;
}
}
.sub-navigation .op-overview-shortcode {
display: inline-flex;
}
.sub-navigation .sub-navigation-icon {
display: inline-flex;
padding: 0 16px;
}
@media (min-width: 992px) {
.sub-navigation .sub-navigation-icon {
padding-right: 8px;
padding-left: 32px;
}
}
.side-nav {
position: fixed;
z-index: 1020;
bottom: 0;
display: flex;
left: calc(50% - 84px);
}
@media (min-width: 992px) {
.side-nav {
display: block;
right: 0;
left: auto;
top: calc(50% - 90px);
height: 176px;
}
}
.side-nav .nav-item {
box-shadow: 0 0 16px 0 rgba(128, 128, 128, 0.2);
width: 48px;
height: 48px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
display: flex;
margin: 0 4px;
align-items: center;
background-color: #FFF;
color: #1D1D1D;
transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
.side-nav .nav-item {
width: 132px;
height: 48px;
margin: 8px 0;
border-top-right-radius: 0;
border-bottom-left-radius: 24px;
}
}
@media (min-width: 992px) {
.side-nav .nav-item:hover {
width: 116px;
margin-left: 16px;
transition: all 0.3s ease-in-out;
text-decoration: none;
}
}
.side-nav .side-nav-icon {
margin: 0 auto;
}
@media (min-width: 992px) {
.side-nav .side-nav-icon {
margin-left: 16px;
margin-right: 0;
}
}
.side-nav .side-nav-text {
display: none;
}
@media (min-width: 992px) {
.side-nav .side-nav-text {
display: inline-block;
margin-bottom: 0;
margin-left: 1rem;
}
}
.atf {
width: 100vw;
height: calc(100vh - 109px);
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 992px) {
.atf {
height: calc(100vh - 101px);
}
}
.atf .atf-pre-claim {
font-family: "Archivo", sans-serif;
font-weight: 500;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.2rem;
font-size: 0.875rem;
color: #FFF;
padding-bottom: 0.875rem;
text-align: center;
}
.atf .atf-claim {
font-family: "Archivo", sans-serif;
font-weight: 500;
color: #FFF;
font-size: 1.6rem;
text-align: center;
}
@media (min-width: 768px) {
.atf .atf-claim {
font-size: 3rem;
}
}
.atf .atf-claim::after {
display: block;
content: "";
height: 0.625rem;
background-color: #FF9700;
margin-top: -0.7rem;
margin-left: 10%;
width: 80%;
}
@media (min-width: 768px) {
.atf .atf-claim::after {
margin-top: -1rem;
}
}
@media (min-width: 992px) {
.atf .atf-claim::after {
margin-left: -2%;
width: 104%;
}
}
.atf-half {
height: calc(70vh - 109px);
background-position: center center;
position: relative;
}
@media (min-width: 992px) {
.atf-half {
height: calc(50vh - 109px);
}
}
.atf-half:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(70vh - 109px);
background-color: rgba(0, 0, 0, 0.4);
content: "";
}
@media (min-width: 992px) {
.atf-half:before {
height: calc(50vh - 109px);
}
}
.atf-half .atf-title {
font-family: "Archivo", sans-serif;
font-weight: 500;
display: inline-block;
color: #FFF;
font-size: 1.6rem;
text-align: left;
}
@media (min-width: 768px) {
.atf-half .atf-title {
font-size: 3rem;
}
}
.atf-half .atf-title::after {
display: block;
content: "";
height: 0.625rem;
background-color: #FF9700;
margin-top: -1rem;
}
@media (min-width: 992px) {
.atf-half .atf-title::after {
width: 100%;
}
}
.atf-half .atf-sub-title {
font-family: "Archivo", sans-serif;
font-weight: 500;
font-weight: 400;
letter-spacing: 0.05rem;
line-height: 1.5;
font-size: 0.875rem;
color: #FFF;
padding: 0.875rem 0;
}
.atf-half.background-mobile-20 {
background-position: 20% center;
}
.faq__heading {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 1.25rem;
margin-bottom: 2rem;
}
.faq__block {
margin-top: 80px;
margin-bottom: 80px;
}
.faq__collapse {
margin-bottom: 0.625rem;
}
.vaccinations__collapse {
margin-top: 16px;
margin-bottom: 16px;
}
.vaccinations__collapse .btn {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.vaccinations__intro {
margin-top: 16px;
}
@media (min-width: 768px) {
.vaccinations__intro {
margin-top: 0;
}
}
.vaccinations__heading {
font-family: "Archivo", sans-serif;
font-weight: 500;
font-size: 2.5rem;
color: #1D1D1D;
font-size: 1.25rem;
margin-bottom: 2rem;
}
.vaccinations__card {
margin-top: 32px;
margin-bottom: 32px;
}
@media (min-width: 768px) {
.vaccinations__card {
margin-bottom: 64px;
}
}
.vaccinations__outro {
padding-top: 16px;
border-top: 1px solid whitesmoke;
}
.continent__heading {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: bold;
font-size: 1.25rem;
margin-bottom: 0.6rem;
margin-top: 1rem;
}
.continent .nav-item {
box-shadow: 0 2px 2px 0 rgba(128, 128, 128, 0.05);
background-color: #FFF;
border-radius: 0;
margin-right: 8px;
margin-bottom: 8px;
}
.continent .nav-item .nav-link {
color: #1D1D1D;
}
.continent .nav-item .nav-link.active {
background-color: #FF9700;
color: #FFF;
border-radius: 0;
}
.continent .tab-content {
box-shadow: 0 2px 2px 0 rgba(128, 128, 128, 0.05);
background-color: #FFF;
margin-top: 32px;
padding: 1rem;
}
.continent .tab-content p:last-child {
margin-bottom: 0;
}
.footer {
background-color: #F2F0ED;
}
.footer .footer-bottom-line {
box-shadow: 0 0 32px 0 rgba(128, 128, 128, 0.2);
display: flex;
align-items: center;
background-color: #EBEAE9;
padding-top: 16px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.footer .footer-bottom-line {
height: 90px;
padding-bottom: 0;
padding-top: 0;
}
}
.footer .footer-bottom-line .seperator {
display: none;
}
@media (min-width: 992px) {
.footer .footer-bottom-line .seperator {
display: inline-block;
}
}
.footer .footer-bottom-line-left {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 8px;
}
@media (min-width: 992px) {
.footer .footer-bottom-line-left {
justify-content: flex-start;
flex-direction: row;
margin-top: 0;
}
}
.footer .footer-bottom-line-right {
display: flex;
align-items: center;
justify-content: center;
margin-top: 32px;
}
@media (min-width: 992px) {
.footer .footer-bottom-line-right {
justify-content: flex-end;
margin-top: 0;
}
.footer .footer-bottom-line-right .text-sm-right:nth-child(2) {
order: 3;
}
.footer .footer-bottom-line-right .text-sm-right:nth-child(3) {
order: 2;
}
}
.footer .text-sm-left {
font-size: 0.8125rem;
margin-bottom: 0;
}
.footer .text-sm-right {
font-size: 0.8125rem;
padding-left: 1rem;
margin-bottom: 0;
}
.footer .seperator {
color: #808080;
padding: 0 0.5rem;
cursor: default;
}
.footer a {
color: #1D1D1D;
}
.footer a:hover {
color: #808080;
}
.footer .footer-heading {
font-family: "Archivo", sans-serif;
font-weight: 500;
font-size: 2.5rem;
color: #1D1D1D;
text-align: center;
margin-top: 2.5rem;
margin-bottom: 3rem;
}
.footer .footer-content {
margin-bottom: 64px;
}
.footer .map {
height: 320px;
width: 100%;
background-color: #808080;
border-radius: 2px;
background-size: cover;
}
@media (min-width: 992px) {
.footer .map {
height: 468px;
}
}
.card-services {
box-shadow: 0 0 32px 0 rgba(128, 128, 128, 0.3);
border: none;
}
.card-services .card-footer {
border: none;
}
.card-services .card-services-heading {
font-family: "Archivo", sans-serif;
font-weight: 500;
font-size: 2.5rem;
color: #1D1D1D;
font-size: 1.25rem;
display: inline-block;
margin-bottom: 1rem;
}
.card-services .card-services-heading:after {
display: block;
content: "";
height: 0.3rem;
background-color: #EBEAE9;
margin-top: -0.5rem;
}
.card-news {
box-shadow: 0 0 32px 0 rgba(128, 128, 128, 0.3);
border: none;
}
.card-news .card-news-heading {
font-family: "Archivo", sans-serif;
font-weight: 500;
font-size: 2.5rem;
color: #1D1D1D;
font-size: 1.25rem;
}
.card-news .card-news-date {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #FF9700;
font-size: 0.8125rem;
}
.card-news .card-news-read-more {
color: #FF9700;
display: inline-block;
}
.card-news .card-news-read-more:hover .card-news-read-more-icon {
transition: all ease-in-out 0.3s;
margin-left: 4px;
}
.card-news .card-news-read-more-icon {
transition: all ease-in-out 0.3s;
margin-left: 0;
}
.section-news {
margin-bottom: -80px;
}
.section-overlay {
height: 120px;
background-color: #F2F0ED;
}
.praxis__heading {
font-family: "Archivo", sans-serif;
font-weight: 500;
font-size: 2.5rem;
color: #1D1D1D;
font-size: 1.25rem;
margin-top: 32px;
margin-bottom: 16px;
}
.praxis .op-table th {
width: 120px;
}