@charset "UTF-8"; /* moved by compressor */ /* default styles for extension "tx_frontend" */ .ce-align-left { text-align: left; } .ce-align-center { text-align: center; } .ce-align-right { text-align: right; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } .ce-left .ce-gallery, .ce-column { float: left; } .ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; } .ce-right .ce-gallery { float: right; } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { display: table-caption; caption-side: bottom; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: 2px solid #000000; padding: 0px; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 10px; } .ce-image .ce-gallery { margin-bottom: 0; } .ce-intext.ce-right .ce-gallery { margin-left: 10px; } .ce-intext.ce-left .ce-gallery { margin-right: 10px; } .ce-below .ce-gallery { margin-top: 10px; } .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 10px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } /* Headline */ .ce-headline-left { text-align: left; } .ce-headline-center { text-align: center; } .ce-headline-right { text-align: right; } /* Uploads */ .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /* Table */ .ce-table { width: 100%; max-width: 100%; } .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; } .ce-table thead th { border-bottom: 2px solid #dadada; } .ce-table th, .ce-table td { border-top: 1px solid #dadada; } .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; } /* Space */ .frame-space-before-extra-small { margin-top: 1em; } .frame-space-before-small { margin-top: 2em; } .frame-space-before-medium { margin-top: 3em; } .frame-space-before-large { margin-top: 4em; } .frame-space-before-extra-large { margin-top: 5em; } .frame-space-after-extra-small { margin-bottom: 1em; } .frame-space-after-small { margin-bottom: 2em; } .frame-space-after-medium { margin-bottom: 3em; } .frame-space-after-large { margin-bottom: 4em; } .frame-space-after-extra-large { margin-bottom: 5em; } /* Frame */ .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; } .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; } .frame-indent { margin-left: 15%; margin-right: 15%; } .frame-indent-left { margin-left: 33%; } .frame-indent-right { margin-right: 33%; } .h-category--aerzte { background-color: #fc0 !important; color: #333; } .h-category--patienten { background-color: #c20 !important; } .h-category--fortbildung { background-color: #80c !important; } .h-category--wohlfahrtsfonds { background-color: #0c6 !important; } .sub { font-size: 0.7em; top: -0.4em; } .body__headline, h1, h2, h3, h4 { font-family: "Lato", sans-serif; font-weight: bold; line-height: 1.5; } @media print { .body__headline, h1, h2, h3, h4 { page-break-after: avoid; page-break-before: avoid; } } .body__headline--h1, h1 { font-size: 2rem; text-transform: uppercase; } .body__headline--h2, h2 { font-size: 1.6rem; } .body__headline--h3, h3 { font-size: 1.3rem; } .body__headline--h4, h4 { font-size: 1.1rem; } p { margin-bottom: 20px; line-height: 1.5; } a { color: #005c8a; text-decoration: underline; } a:hover { color: #005c8a; } @media print { a:not(.btn) { text-decoration: none; } } .highlight { padding: 3px; background: #e1e2e3; color: #333; display: inline-block; } a.external-link:after { display: inline-block; content: ' '; background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/external-link.svg') no-repeat 3px 7px; background-size: 13px 13px; height: 18px; width: 18px; } a.download:after { display: inline-block; content: ' '; background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/download.svg') no-repeat 3px 6px; background-size: 16px 16px; height: 20px; width: 20px; } a.mail:before { display: inline-block; content: ' '; background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/envelope.svg') no-repeat 0 1px; background-size: 13px 13px; height: 13px; width: 14px; } a.mail--white:before { background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/envelope-white.svg') no-repeat 0 1px; background-size: 15px 15px; height: 15px; width: 15px; margin-right: 10px; } @media print { a.mail--white:before { display: none; } } span.fax:before { display: inline-block; content: ' '; background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/fax-white.svg') no-repeat 0 9px; background-size: 15px 15px; height: 24px; width: 24px; } @media print { span.fax:before { display: none; } } span.phone:before { display: inline-block; content: ' '; background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/phone.svg') no-repeat 0 0; background-size: 15px 15px; height: 13px; width: 16px; } span.phone--white:before { display: inline-block; content: ' '; background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/phone-white.svg') no-repeat 0 9px; background-size: 15px 15px; height: 24px; width: 24px; } @media print { span.phone--white:before { display: none; } } ul { list-style: none; } li { margin-bottom: 5px; } li:before { content: ''; width: 10px; height: 10px; background: #e1e2e3; display: inline-block; margin-top: 8px; padding: 5px; position: relative; left: -10px; margin-left: -10px; float: left; } ol li:before { background: none !important; } table { margin-bottom: 20px; } .content-wrapper--aerzte li:before, .content-wrapper--aerzte .highlight, .content-wrapper--aerzte .list__header--funktionaere { background: #fc0; } .content-wrapper--patienten li:before, .content-wrapper--patienten .highlight, .content-wrapper--patienten .list__header--funktionaere { background: #c20; } .content-wrapper--fortbildung li:before, .content-wrapper--fortbildung .highlight, .content-wrapper--fortbildung .list__header--funktionaere { background: #80c; } .content-wrapper--wohlfahrtsfonds li:before, .content-wrapper--wohlfahrtsfonds .highlight, .content-wrapper--wohlfahrtsfonds .list__header--funktionaere { background: #0c6; } .content-wrapper--aerztekammer li:before, .content-wrapper--aerztekammer .highlight, .content-wrapper--aerztekammer .list__header--funktionaere { background: #0087cc; } .content-wrapper--light-text .highlight, .content-wrapper--light-text .list__header--funktionaere { color: #fff; } .mfp__fotocredit { font-size: 12px; color: #bbc2c6; margin: 3px 0 0 170px; } .image-credit { display: inline-block; width: 100%; font-size: 12px; line-height: 14px; padding-top: 5px; color: #bbc2c6; text-decoration: none; } .vrs-captcha .frc-banner { display: none; } .body { background: #f5f5f5; font-family: "Open Sans", sans-serif; font-weight: 400; overflow-y: scroll; font-size: 1rem; color: #333; line-height: 1.5; } @media print { .body { background: #fff; } } .body__p--lead { font-size: 1.1rem; } .body__icon { background-size: cover; float: left; height: 32px; margin-right: 5px; width: 32px; } .body__icon--fax { height: 32px; margin-right: 5px; width: 32px; } .body__icon--print { height: 20px; width: 20px; margin: 0 8px 0 7px; position: relative; top: 5px; } .body__icon--login { float: none; } .body__icon--login:hover, .body__icon--login:focus { box-shadow: none; } .body__icon--euro { margin-top: 10px; } .body__icon svg { transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); } .body__btn { color: #fff; cursor: pointer; background: #0087cc; border: none; border-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); font-size: 1rem; width: 100%; height: 37px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); padding: 0; } @media only screen and (min-width: 768px) { .body__btn { width: auto; } } @media only screen and (min-width: 1200px) { .body__btn { height: 40px; } } .body__btn:hover, .body__btn:focus { background-color: #0076b3; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.22); } .body__btn--sm { font-size: 0.875rem; height: initial; margin-bottom: 10px; margin-right: 10px; padding: 5px 10px; width: initial; } @media only screen and (min-width: 576px) { .body__btn--sm { margin-bottom: 0; } } .body__btn--low-key { border: 1px solid #bbc2c6; background: none; color: #333; font-weight: 400; } .body__btn--low-key:active, .body__btn--low-key:focus, .body__btn--low-key:hover { background: none; color: #333; } .body__btn--mimic-link { background: transparent; border: 0; box-shadow: none; color: #333; padding: 0; } .body__btn--mimic-link:hover { background: transparent; box-shadow: none; color: #333; } .body__btn--print { background: #e1e2e3; color: #333; display: none; float: right; font-size: 0.875rem; height: 30px; line-height: 30px; margin-left: 10px; padding: 0 8px 0 2px; } .body__btn--print:focus, .body__btn--print:hover { background: #e1e2e3; } @media only screen and (min-width: 768px) { .body__btn--print { display: inline-block; } } @media print { .body__btn--print { display: none; } } .body__link--no-copy { color: #005c8a; font-weight: normal; text-decoration: none; } .body__link--no-copy:hover { font-weight: normal; text-decoration: underline; } .body__link--back { display: inline-block; font-size: 0.875rem; font-weight: normal; text-decoration: none; } @media print { .body__link--back { display: none; } } .body__link--back:hover { color: #333; font-weight: normal; text-decoration: underline; } .body__link--back:hover svg { animation: spin 0.5s ease-out 0.1s; } .body__link--back .body__icon { height: 16px; width: 16px; } .body__link--back svg { height: 16px; margin-top: -3px; width: 16px; } .body__link--from-button { background: none; border: none; color: #005c8a; cursor: pointer; padding: 0; } .body__link--from-button:focus { outline: none; } .body__link--from-button:hover { text-decoration: underline; } .menu--breadcrumbs { font-size: 0.8rem; padding: 0; margin: 30px 0 10px; } .menu--breadcrumbs:before, .menu--breadcrumbs:after { content: " "; display: table; } .menu--breadcrumbs:after { clear: both; display: block; height: 1px; margin-top: -1px; visibility: hidden; } .menu--breadcrumbs { *zoom: 1; } .menu--breadcrumbs .menu__item { float: left; list-style-type: none; position: relative; margin-right: 25px; } .menu--breadcrumbs .menu__item:after { content: ' '; background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg') no-repeat 0 0; padding: 6px; position: absolute; top: 3.8px; right: -19px; } .menu--breadcrumbs .menu__item:before { display: none; } .menu--breadcrumbs .menu__item--last:after { background: none; } .menu--breadcrumbs .menu__link { text-decoration: none; color: #333; } .menu--breadcrumbs .menu__link:hover { color: #0087cc; } .menu--breadcrumbs .menu__link--non-clickable { text-transform: uppercase; } .menu--breadcrumbs .menu__link--non-clickable:hover { color: #333; } .menu--main { padding: 0; background: #fff; z-index: 100; position: relative; border-top: 3px solid #393b3b; border-bottom: 3px solid #393b3b; margin-top: -2px; } .menu--main:before, .menu--main:after { content: " "; display: table; } .menu--main:after { clear: both; display: block; height: 1px; margin-top: -1px; visibility: hidden; } .menu--main { *zoom: 1; } @media only screen and (min-width: 576px) { .menu--main { margin-top: -3px; } } @media only screen and (min-width: 768px) { .menu--main { margin-top: -6px; } } @media only screen and (min-width: 992px) { .menu--main { margin-top: -32px; background: none; border-top: none; border-bottom: none; } } .menu--main .menu__item { list-style-type: none; border-bottom: 1px solid #bbc2c6; padding: 10px; border-left: 30px solid #bbc2c6; margin-bottom: 0; } .menu--main .menu__item:before { display: none; } .menu--main .menu__item--last { border-bottom: none; } .menu--main .menu__item--click { background: #e1e2e3; } @media only screen and (min-width: 992px) { .menu--main .menu__item--click { background: none; } } @media only screen and (min-width: 992px) { .menu--main .menu__item--click .menu__link { background: #e1e2e3; } } .menu--main .menu__item--aerzte .menu__link:after { background-color: #fc0; } @media only screen and (min-width: 992px) { .menu--main .menu__item--aerzte .menu__link:hover, .menu--main .menu__item--aerzte .menu__link--active { border-bottom: 3px solid #fc0; } } .menu--main .menu__item--patienten .menu__link:after { background-color: #c20; } @media only screen and (min-width: 992px) { .menu--main .menu__item--patienten .menu__link:hover, .menu--main .menu__item--patienten .menu__link--active { border-bottom: 3px solid #c20; } } .menu--main .menu__item--fortbildung .menu__link:after { background-color: #80c; } @media only screen and (min-width: 992px) { .menu--main .menu__item--fortbildung .menu__link:hover, .menu--main .menu__item--fortbildung .menu__link--active { border-bottom: 3px solid #80c; } } .menu--main .menu__item--wohlfahrtsfonds .menu__link:after { background-color: #0c6; } @media only screen and (min-width: 992px) { .menu--main .menu__item--wohlfahrtsfonds .menu__link:hover, .menu--main .menu__item--wohlfahrtsfonds .menu__link--active { border-bottom: 3px solid #0c6; } } .menu--main .menu__item--aerztekammer .menu__link:after { background-color: #0087cc; } @media only screen and (min-width: 992px) { .menu--main .menu__item--aerztekammer .menu__link:hover, .menu--main .menu__item--aerztekammer .menu__link--active { border-bottom: 3px solid #0087cc; } } @media only screen and (min-width: 576px) { .menu--main .menu__item { border-left: 92px solid #bbc2c6; } } @media only screen and (min-width: 992px) { .menu--main .menu__item { float: left; border-bottom: none; padding: 0; border-left: none; margin-bottom: 5px; } } .menu--main .menu__link { color: #333; text-transform: uppercase; margin-right: 21px; padding: 7px 20px 9px 5px; font-size: 1rem; font-weight: bold; position: relative; text-decoration: none; cursor: pointer; z-index: 300; } @media only screen and (min-width: 992px) { .menu--main .menu__link { padding: 7px 20px 8px 5px; margin-right: 10px; } } @media only screen and (min-width: 1200px) { .menu--main .menu__link { padding: 10px 20px 8px 5px; margin-right: 45px; } } .menu--main .menu__link:hover { text-decoration: none; transition: all 0.2s ease-in-out; z-index: 30; } .menu--main .menu__link:after { content: " "; width: 8px; height: 8px; background-color: #f5f5f5; display: inline; position: absolute; top: 16px; right: 9px; } @media only screen and (min-width: 1200px) { .menu--main .menu__link:after { width: 10px; height: 10px; right: 5px; top: 17px; } } .menu--main .menu__link--active { background: #e1e2e3; } @media only screen and (min-width: 992px) { .menu--main .menu__link--active { background: none; } } @media only screen and (min-width: 992px) { .menu--main .menu__link--active .menu__link { z-index: 10; } } .menu--meta { padding: 0; } @media only screen and (min-width: 768px) { .menu--meta { padding-left: 50px; } } .menu--meta .menu__item { list-style-type: none; } .menu--meta .menu__item:before { display: none; } .menu--meta .menu__link { color: #bed4e0; font-size: 1rem; } @media only screen and (min-width: 768px) { .menu--meta .menu__link { font-size: 1.1rem; } } .menu--meta .menu__link:hover { background: #bed4e0; color: #484848; text-decoration: none; } .menu--side { padding: 0; margin-bottom: 40px; } .menu--side .menu__item { list-style-type: none; position: relative; background: #fff; margin-bottom: 1px; } .menu--side .menu__item:before { background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg') no-repeat 3px 0; display: block; position: relative; left: 15px; top: 15px; } .menu--side .menu__item--last:after { background: none; } .menu--side .menu__item:hover, .menu--side .menu__item--active { background: #e1e2e3; } .menu--side .menu__link { text-decoration: none; color: #333; display: block; padding: 15px 25px; } .menu--side .menu__link:hover { color: #0087cc; } .submenu { display: none; background: #fff; opacity: 1; list-style: none; padding: 44px 5px 0 15px; margin-left: -40px; margin-top: -34px; margin-bottom: -15px; position: relative; z-index: 20; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @media only screen and (min-width: 576px) { .submenu { margin-left: -102px; } } @media only screen and (min-width: 992px) { .submenu { margin-left: 0; opacity: 0.97; position: absolute; padding: 15px 10px; margin-top: 7px; left: -160px; width: 960px; border-top: 2px solid #e1e2e3; border-left: 92px solid #e1e2e3; } } @media only screen and (min-width: 1200px) { .submenu { width: 1138px; left: -190px; margin-top: 7px; border-left: 100px solid #e1e2e3; } } .submenu__item:before { display: none; } @media only screen and (min-width: 992px) { .submenu__item { border-left: 1px solid #e1e2e3; padding: 0 6px; float: left; width: 202px; } } @media only screen and (min-width: 1200px) { .submenu__item { width: 247px; } } .submenu__link { font-size: 1rem; color: #333; font-weight: bold; text-decoration: none; } .submenu__link--active { background: #e1e2e3; } .submenu__link:hover { background: #e1e2e3; color: #333; text-decoration: none; } .menu__item--aerzte .submenu { border-left: 30px solid #fc0; } .menu__item--aerztekammer .submenu { border-left: 30px solid #0087cc; } .menu__item--wohlfahrtsfonds .submenu { border-left: 30px solid #0c6; } .menu__item--fortbildung .submenu { border-left: 30px solid #80c; } .menu__item--patienten .submenu { border-left: 30px solid #c20; } @media only screen and (min-width: 576px) { .menu__item--aerzte .submenu { border-left: 92px solid #fc0; } .menu__item--aerztekammer .submenu { border-left: 92px solid #0087cc; } .menu__item--wohlfahrtsfonds .submenu { border-left: 92px solid #0c6; } .menu__item--fortbildung .submenu { border-left: 92px solid #80c; } .menu__item--patienten .submenu { border-left: 92px solid #c20; } } @media only screen and (min-width: 992px) { .menu__item--aerzte .submenu { border-top: 3px solid #fc0; } .menu__item--aerztekammer .submenu { border-top: 3px solid #0087cc; } .menu__item--wohlfahrtsfonds .submenu { border-top: 3px solid #0c6; } .menu__item--fortbildung .submenu { border-top: 3px solid #80c; } .menu__item--patienten .submenu { border-top: 3px solid #c20; } } @media only screen and (min-width: 1200px) { .menu__item--aerzte .submenu { border-top: 3px solid #fc0; border-left: 100px solid #fc0; } .menu__item--aerztekammer .submenu { border-top: 3px solid #0087cc; border-left: 100px solid #0087cc; } .menu__item--wohlfahrtsfonds .submenu { border-top: 3px solid #0c6; border-left: 100px solid #0c6; } .menu__item--fortbildung .submenu { border-top: 3px solid #80c; border-left: 100px solid #80c; } .menu__item--patienten .submenu { border-top: 3px solid #c20; border-left: 100px solid #c20; } } .subsubmenu { list-style: none; padding: 10px; border-left: 1px solid #e1e2e3; } @media only screen and (min-width: 992px) { .subsubmenu { padding: 10px 10px 10px 0; border-left: none; } } .subsubmenu__item { margin-bottom: 13px; line-height: 1.2rem; position: relative; } .subsubmenu__item:before { display: none; } .subsubmenu__link { color: #333; font-size: 0.9rem; text-decoration: none; font-weight: 600; } .subsubmenu__link--active { background: #e1e2e3; } .subsubmenu__link:hover { background: #e1e2e3; } .subsubmenu__icon { width: 20px; cursor: pointer; position: absolute; right: 0; top: 0; } .subsubmenu__icon--active { transform: rotate(180deg); } .subsubsubmenu { border-left: none; margin-top: 10px; } .subsubsubmenu__item { margin-bottom: 13px; } .subsubsubmenu__item:before { background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg') no-repeat 3px 0; display: block; margin-top: 5px; } .subsubsubmenu__link { color: #333; font-size: 0.9rem; text-decoration: none; font-weight: 600; } .subsubsubmenu__link--active { background: #e1e2e3; } .subsubsubmenu__link:hover { background: #e1e2e3; } .header { position: relative; height: 160px; background: #fff; } @media only screen and (min-width: 1200px) { .header { height: 163px; } } @media print { .header { height: 150px; } } @media print { .header__col-logo { max-width: 120px; } } .header__logo { width: 71px; height: 116px; margin-bottom: 35px; } @media only screen and (min-width: 576px) { .header__logo { height: 160px; width: 98px; margin-bottom: 0; } } @media only screen and (min-width: 1200px) { .header__logo { height: 163px; width: 100px; } } @media print { .header__logo { height: 124px; width: 76px; } } .header__icon { fill: #393b3b; width: 90%; } @media only screen and (min-width: 992px) { .header__icon { width: 100%; } } .header__logo-text { margin: 30px 5px 0 -10px; } @media only screen and (min-width: 576px) { .header__logo-text { margin: 35px 0 0 -30px; } } @media only screen and (min-width: 768px) { .header__logo-text { margin: 40px 0 0 -65px; } } @media only screen and (min-width: 992px) { .header__logo-text { margin: 42px 0 0; } } @media print { .header__logo-text { float: left; margin-top: 60px; width: 250px; } } .header--bg { background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Images/wasserzeichen.png'); background-position: top center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 116px; position: absolute; } @media only screen and (min-width: 576px) { .header--bg { height: 110px; } } @media only screen and (min-width: 768px) { .header--bg { height: 115px; } } @media only screen and (min-width: 1200px) { .header--bg { height: 123px; } } @media print { .header--bg { background-image: none; } } .login { position: relative; margin: -35px 0 0; } @media only screen and (min-width: 576px) { .login { margin: -51px 0 0; } } @media only screen and (min-width: 768px) { .login { margin: 43px 0 0; } } @media only screen and (min-width: 992px) { .login { margin: 47px 0 0; } } .login__icon svg { width: 50%; fill: #fff; margin-left: 5px; } .login__link { color: #fff; text-decoration: none; display: block; line-height: 2.5rem; height: 45px; box-shadow: none; } @media only screen and (min-width: 576px) { .login__link { height: 51px; line-height: 2.9rem; } } @media only screen and (min-width: 992px) { .login__link { height: 40px; line-height: 2.3rem; } } .login__link:hover { color: #fff; text-decoration: none; box-shadow: none; background: #0087cc; } .nav__icon { cursor: pointer; float: right; fill: #fff; margin-top: -45px; width: 100%; height: 45px; background: #0087cc; line-height: 2.6rem; } @media only screen and (min-width: 576px) { .nav__icon { margin-top: -51px; height: 51px; line-height: 3rem; } } @media only screen and (min-width: 768px) { .nav__icon { height: 46px; margin-top: -46px; } } .userarea { font-size: 0.9rem; font-weight: bold; color: #6b6f6f; } @media only screen and (min-width: 768px) { .userarea { margin-top: 15px; } } .userarea__icon { fill: #6b6f6f; } .userarea__logout-link, .userarea__portal-link { display: block; font-size: 0.9rem; text-decoration: none; height: 25px; font-weight: bold; margin-top: 5px; } .userarea__portal-link:after { content: ' '; background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right--light.svg'); display: inline-block; color: #fff; padding: 7px; position: relative; top: 2px; left: 2px; } .userarea__portal-link:hover:after { background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg'); } .userarea__name { display: block; font-size: 0.8rem; padding-top: 3px; text-decoration: underline; } .userarea__link { color: #6b6f6f; display: block; padding-left: 5px; text-decoration: none; word-wrap: break-word; } .userarea__link:hover { color: #6b6f6f; text-decoration: none; } .userarea .userarea__icon { height: 25px; width: 25px; fill: #849097; } .userarea--mobile { margin-top: -35px; width: 100%; background: blue; position: relative; } @media only screen and (min-width: 576px) { .userarea--mobile { margin: -51px 0 0; } } @media only screen and (min-width: 768px) { .userarea--mobile { margin: 43px 0 0; } } @media only screen and (min-width: 992px) { .userarea--mobile { margin: 46px 0 0; } } .userarea--mobile .btn { height: 45px; } @media only screen and (min-width: 576px) { .userarea--mobile .btn { height: 50px; } } .userarea--mobile .userarea__icon { height: 45px; fill: #fff; float: none; position: absolute; left: 0; right: 0; margin: auto; top: 8px; width: 24px; } @media only screen and (min-width: 576px) { .userarea--mobile .userarea__icon { top: 8px; width: 32px; } } .userarea--mobile .userarea__links { position: absolute; z-index: 20; right: 0; width: 400%; } .userarea--mobile .userarea__links .btn { height: auto; padding: 5px; } .accordion__item { position: relative; width: 100%; } .accordion__head { cursor: pointer; background: #e1e2e3; padding: 10px 40px 10px 50px; position: relative; height: 100%; display: block; } .accordion__icon-wrapper { position: absolute; left: 0; top: 0; width: 40px; height: 100%; background: #000; opacity: 0.4; z-index: 30; } .accordion__icon { position: absolute; right: 10px; width: 20px; top: 17%; } .accordion__icon--question { z-index: 20; left: 10px; right: inherit; fill: #e1e2e3; } .accordion__body { background: #fff; display: none; padding: 15px; margin-bottom: 10px; } .accordion__question { position: relative; background: #000; opacity: 0.4; float: left; } .arztsuche__banner-wrapper { margin-bottom: 0; } @media only screen and (min-width: 576px) { .arztsuche__banner-wrapper { margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .arztsuche__banner-wrapper { margin-bottom: 30px; } } @media print { .arztsuche__banner-wrapper { display: none; } } .arztsuche__banner { background-position: center center; background-size: cover; z-index: 15; } .arztsuche__advanced-search { background: #595959; padding: 10px 0; } .arztsuche__advanced-search--hidden { display: none; } .arztsuche__pagetitle { display: inline-block; font-size: 1.2rem; margin: 20px 0 10px; padding: 5px 10px 5px 0; } @media only screen and (min-width: 576px) { .arztsuche__pagetitle { background: #fff; padding-left: 10px; } } @media only screen and (min-width: 768px) { .arztsuche__pagetitle { font-size: 2rem; margin-top: 100px; } } @media print { .arztsuche__col--list { flex-basis: 100%; max-width: 100%; } } .arztsuche__btn { background: #c20; color: #fff; margin-bottom: 20px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); } @media print { .arztsuche__btn { display: none; } } .arztsuche__btn:focus { background: #c20; outline: 5px auto #4dc3ff; } .arztsuche__btn:hover { background: #b31e00; color: #fff; } .arztsuche__btn--submit { font-size: 1.2rem; height: 40px; margin-bottom: 1rem; padding: 0 20px; width: 100%; } @media only screen and (min-width: 768px) { .arztsuche__btn--submit { height: 63px; margin-bottom: 10px; width: auto; } } .arztsuche__btn--reset-search { background: #fff; color: #005c8a; font-size: 0.875rem; height: auto; line-height: 1; padding: 9px 7px; width: auto; } @media only screen and (min-width: 768px) { .arztsuche__btn--reset-search { padding: 5px 7px 4px; } } .arztsuche__btn--reset-search:focus, .arztsuche__btn--reset-search:hover { background: #f2f2f2; color: #333; text-decoration: none; } .arztsuche__btn--bar { background: none; box-shadow: none; line-height: 35px; margin: 0; padding: 0; } .arztsuche__btn--bar:focus, .arztsuche__btn--bar:active, .arztsuche__btn--bar:hover { background: none; box-shadow: none; color: #fff; text-decoration: underline; } .arztsuche__btn--bar path { fill: #fff; } .arztsuche__btn--advanced-search { display: block; margin: 0 auto; width: 100%; } @media only screen and (min-width: 576px) { .arztsuche__btn--advanced-search { width: 50%; } } .arztsuche__icon--reset-search { height: 16px; margin-top: -1px; width: 16px; } .arztsuche__icon--bar { height: 16px; margin-top: -1px; width: 16px; } .arztsuche__quicksearch-list { padding-left: 20px; } @media only screen and (min-width: 768px) { .arztsuche__search-container { margin-bottom: 30px; } } .arztsuche__field-wrapper { background: #fff; border: 1px solid transparent; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); display: inline-block; margin-bottom: 1rem; width: 100%; } @media only screen and (min-width: 768px) { .arztsuche__field-wrapper { margin-bottom: 0; } } .arztsuche__field-wrapper--disabled { background-color: #e9ecef; } .arztsuche__label-inside { color: #005c8a; display: block; font-size: 0.875rem; margin-bottom: 0; padding: 5px 0 0 10px; } .arztsuche__search-field { border: none; font-size: 1.2rem; height: 35px; padding: 0 10px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); width: 100%; } .arztsuche__search-field:disabled { background: #e9ecef; } .arztsuche__search-field:focus { outline: none; } .arztsuche__search-field--second { border-left: 1px solid #ccc; padding-right: 120px; width: 40%; } .arztsuche-details { margin-top: 0; } .arztsuche-details__body { margin-bottom: 40px; } .arztsuche-details__title { font-size: 1.625rem; line-height: 1.5; margin: 10px 0 15px; text-transform: none; } @media only screen and (min-width: 576px) { .arztsuche-details__title { font-size: 2rem; margin-top: 0; } } @media print { .arztsuche-details__title { font-size: 2rem; margin-bottom: 15px; } } .arztsuche-details__section { background: #fff; margin-bottom: 30px; } .arztsuche-details__tile { background: #fff; font-size: 1rem; margin-bottom: 30px; } .arztsuche-details__tile-body { background: #f5f5f5; padding: 8px 8px 0; } @media only screen and (min-width: 576px) { .arztsuche-details__tile-body { background: none; padding-top: 0; } } .arztsuche-details__header { background: #595959; color: #fff; font-size: 1.125rem; font-weight: 400; line-height: 1.3; margin-bottom: 0; padding: 4px 8px; } @media only screen and (min-width: 768px) { .arztsuche-details__header { font-size: 1.25rem; margin-bottom: 20px; } } .arztsuche-details__header--plain { background: none; color: #333; font-weight: 600; margin-bottom: 8px; padding: 0; } .arztsuche-details__header--sub { background: none; border-bottom: 1px solid lightgrey; color: #333; font-weight: 600; margin-bottom: 10px; padding: 0; text-transform: none; } @media only screen and (min-width: 768px) { .arztsuche-details__header--sub { font-weight: 400; } } @media print { .arztsuche-details__header--sub { border-color: #595959; } } .arztsuche-details__header--sub--zusatzfaecher { border-bottom: none; margin-bottom: 5px; } .arztsuche-details__label { font-weight: 600; } @media only screen and (min-width: 768px) { .arztsuche-details__label { font-weight: 800; } } @media only screen and (min-width: 992px) { .arztsuche-details__label { float: left; } } .arztsuche-details__paragraph { margin-bottom: 20px; } .arztsuche-details__paragraph--tiny-space { margin-bottom: 10px; } @media only screen and (min-width: 992px) { .arztsuche-details__paragraph--float-left { margin-left: 150px; } } .arztsuche-details__list-title { margin-bottom: 0; } .arztsuche-details__icon-text { margin-bottom: 0; } .arztsuche-details__icon-text--spacing { margin-bottom: 20px; } .arztsuche-details__icon-text--status-orange { background-color: #ffcb6b; display: inline-block; padding: 0 4px; } .arztsuche-details__icon { height: 16px; width: 16px; } .arztsuche-details__icon--globe { margin-top: 4px; } .arztsuche-details__icon--envelope { margin-top: 4px; } .arztsuche-details__icon--phone { margin-top: 5px; } .arztsuche-details__icon--fax { margin-top: 4px; } .arztsuche-details__icon--map-marker { margin-top: 3px; } .arztsuche-details__icon--accessible { margin-top: 4px; } .arztsuche-details__icon--clock { margin-top: 4px; } .arztsuche-details__info-block { margin: 10px 0 20px; } .arztsuche-details__info-block--top { margin-top: 0; } .arztsuche-details__dl { margin-bottom: 0; } .arztsuche-details__dd { margin-bottom: 0; } .arztsuche-details__table { width: 100%; } .arztsuche-details__table--emphasized { background: #99ddff; } .arztsuche-details__tr--head { border-bottom: 1px solid lightgrey; } .arztsuche-details__th { width: 33.333%; } .arztsuche-details__list { margin-bottom: 20px; padding: 0; } @media only screen and (min-width: 992px) { .arztsuche-details__list--float-left { margin-left: 150px; } } .arztsuche-details__list--ordi-zfs { border-bottom: 1px solid lightgrey; margin-bottom: 10px; padding-bottom: 2px; } .arztsuche-details__element { list-style-type: none; margin-bottom: 0; padding-left: 20px; } @media print { .arztsuche-details__element { background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg') no-repeat 0 6px; background-size: 12px; } } @media print { .arztsuche-details__element:before { content: none; } } .arztsuche-details__element--rwd-spacing { margin-bottom: 10px; } @media only screen and (min-width: 768px) { .arztsuche-details__element--rwd-spacing { margin-bottom: 0; } } .arztsuche-details__element--status-red { background-color: #ff937e; width: max-content; } .arztsuche-details__element--status-orange { background-color: #ffcb6b; width: max-content; } .arztsuche-details__element--status-green { background-color: #a9d784; width: max-content; } .arztsuche-details__element--ordi-zfs { font-size: 1rem; } .arztsuche-details__element--ordi-zfs:before { margin-top: 7px; } .arztsuche-details__brackets { display: block; padding-right: 4px; } @media only screen and (min-width: 768px) { .arztsuche-details__brackets { display: inline; } } @media only screen and (min-width: 768px) { .arztsuche-details__brackets:before { content: ' ('; } } @media only screen and (min-width: 768px) { .arztsuche-details__brackets:after { content: ')'; } } .arztsuche-details--gruppenpraxis .arztsuche-details__header { display: none; } .arztsuche-ordinationszeiten { margin-bottom: 20px; padding: 0; } @media only screen and (min-width: 992px) { .arztsuche-ordinationszeiten { margin-left: 150px; } } .arztsuche-ordinationszeiten__item { border-left: 10px solid #e1e2e3; margin-bottom: 8px; padding-left: 10px; } .arztsuche-ordinationszeiten__item:before { content: none; } .arztsuche-ordinationszeiten__item--status-green { border-left-color: #a9d784; } .arztsuche-ordinationszeiten__day { font-weight: 600; width: 100px; } .arztsuche-ordinationszeiten__opening-hours { text-align: left; } .arztsuche-ordinationszeiten__tel-vereinbarung { font-size: 0.875rem; margin-bottom: 4px; } .aside { margin-bottom: 40px; } .aside .frame-type-textmedia, .aside .frame-type-uploads { background: #fff; padding: 15px; } .aside .frame-type-textmedia .fileuploads__extension, .aside .frame-type-uploads .fileuploads__extension { padding: 0; height: 35px; } .aside .frame-type-textmedia .fileuploads__icon, .aside .frame-type-uploads .fileuploads__icon { width: 80%; height: 80%; margin-left: 3px; margin-top: 3px; } .autocomplete { background: #fff; border: 1px solid #aaa; } .autocomplete__label { color: #999; font-size: 0.8125rem; padding: 3px 5px 0 0; text-align: right; } .autocomplete__suggestion { background: #fff; cursor: pointer; padding: 0 5px; } .autocomplete__suggestion strong { color: #0087cc; font-weight: normal; } .autocomplete .autocomplete-selected { background: #0087cc; color: #fff; } .autocomplete .autocomplete-selected strong { color: #fff; } .banner { position: relative; } .banner__image { width: 100%; } .banner__pagetitle { position: relative; background-color: #bbc2c6; padding: 5px 10px; width: 100%; } @media only screen and (min-width: 576px) { .banner__pagetitle { font-size: 2rem; position: absolute; bottom: 50px; width: auto; } } @media print { .banner__pagetitle { background-color: inherit; margin-top: 20px; padding: 0; } } .banner__pagetitle h1 { font-size: 1.2rem; margin: 0; text-transform: none; } @media only screen and (min-width: 576px) { .banner__pagetitle h1 { font-size: 2rem; text-transform: uppercase; } } @media print { .banner__pagetitle h1 { font-size: 2rem; page-break-after: avoid; text-transform: uppercase; } } .content-wrapper--aerzte .banner__pagetitle { background-color: #fc0; } @media print { .content-wrapper--aerzte .banner__pagetitle { background-color: inherit; } } .content-wrapper--patienten .banner__pagetitle { background-color: #c20; } @media print { .content-wrapper--patienten .banner__pagetitle { background-color: inherit; } } .content-wrapper--fortbildung .banner__pagetitle { background-color: #80c; } @media print { .content-wrapper--fortbildung .banner__pagetitle { background-color: inherit; } } .content-wrapper--wohlfahrtsfonds .banner__pagetitle { background-color: #0c6; } @media print { .content-wrapper--wohlfahrtsfonds .banner__pagetitle { background-color: inherit; } } .content-wrapper--aerztekammer .banner__pagetitle { background-color: #0087cc; } @media print { .content-wrapper--aerztekammer .banner__pagetitle { background-color: inherit; } } .content-wrapper--light-text .banner__pagetitle { color: #fff; } @media print { .content-wrapper--light-text .banner__pagetitle { color: #333; } } .ce-gallery__row { margin-left: -1px; margin-right: -1px; } @media only screen and (min-width: 576px) { .ce-gallery__row { margin-left: -4px; margin-right: -4px; } } @media only screen and (min-width: 768px) { .ce-gallery__row { margin-left: -8px; margin-right: -8px; } } .ce-gallery__col { padding-left: 1px; padding-right: 1px; } @media only screen and (min-width: 576px) { .ce-gallery__col { padding-left: 4px; padding-right: 4px; } } @media only screen and (min-width: 768px) { .ce-gallery__col { padding-left: 8px; padding-right: 8px; } } .ce-gallery__img-wrap { margin-bottom: 2px; } @media only screen and (min-width: 576px) { .ce-gallery__img-wrap { margin-bottom: 8px; } } @media only screen and (min-width: 768px) { .ce-gallery__img-wrap { margin-bottom: 16px; } } .ce-gallery .image-caption { background: #e1e2e3; font-size: 0.875rem; line-height: 1.2; padding: 10px; } .ce-gallery .img-fluid { width: 100%; } .cke_contents { margin: 15px !important; font-size: 0.9rem; } .cke_contents p { line-height: 1rem; } .cke_focus.cke_chrome { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .cookie-consent { display: none; /* background: $bg--light; bottom: 0; font-size: 1rem; overflow: hidden; padding: 20px; position: fixed; width: 100%; z-index: 9999; &__message { display: block; margin-bottom: 10px; @include mediaQuery($md) { width: 80%; float: left; } @include mediaQuery($lg) { width: 85%; float: left; } } &__btn { text-decoration: none; padding: 5px 15px; font-size: 1rem; width: auto; height: auto; @include mediaQuery($md) { float: right; } &:hover, &:active { color: #fff; } } */ } .cc-invisible { display: none; } .cookie-settings { background: #fff; padding: 40px 30px; } .cookie-settings__group { position: relative; width: 100%; } .cookie-settings__head { cursor: pointer; background: #e1e2e3; padding: 10px 40px 10px 50px; position: relative; height: 100%; display: block; } .cookie-settings__icon-wrapper { position: absolute; left: 0; top: 0; width: 40px; height: 100%; background: #000; opacity: 0.4; z-index: 30; } .cookie-settings__icon { position: absolute; right: 10px; width: 20px; top: 17%; } .cookie-settings__icon--settings { z-index: 20; left: 10px; right: inherit; fill: #e1e2e3; } .cookie-settings__body { background: #fff; display: none; padding: 15px 15px 0; margin-bottom: 10px; } .cookie-settings__description { margin-bottom: 15px; } .cookie-settings__cookie { padding-bottom: 5px; } .cookie-settings__btn { margin-top: 30px; width: auto; padding: 10px 30px; font-size: 1rem; height: auto; } .container-big { position: relative; margin-bottom: 40px; } .container-big__header { position: absolute; background: #bbc2c6; top: 20px; left: 0; padding: 5px 10px; text-transform: uppercase; } @media only screen and (min-width: 320px) { .container-big__header { left: 20px; } } .container-big__icon { left: 5px; position: absolute; width: 20px; } .container-big__item { position: relative; margin-bottom: 15px; } .container-big__item:before { display: none; } .container-big__link { background: #bbc2c6; color: #333; padding: 5px 10px 5px 30px; font-weight: bold; text-decoration: none; } .container-big__link:hover { color: #333; } .container-big__link-container { position: absolute; top: 120px; left: 0; list-style: none; padding: 0; } @media only screen and (min-width: 320px) { .container-big__link-container { top: 80px; left: 20px; } } .container-big--light-text .container-big__link, .container-big--light-text .container-big__header { color: #fff; } .container-big--light-text .container-big__icon { fill: #fff; } .container-big--aerzte .container-big__link, .container-big--aerzte .container-big__header { background-color: #fc0; } .container-big--patienten .container-big__link, .container-big--patienten .container-big__header { background-color: #c20; } .container-big--fortbildung .aerzte-ausbildung__link, .container-big--fortbildung .aerzte-ausbildung__header { background-color: #80c; } .container-big--wohlfahrtsfonds .container-big__link, .container-big--wohlfahrtsfonds .container-big__header { background-color: #0c6; } .container-big--aerztekammer .container-big__link, .container-big--aerztekammer .container-big__header { background-color: #0087cc; } .cta__link { background: #bbc2c6; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #333; display: inline-block; margin: 20px 0; padding: 5px 70px 8px 15px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); text-decoration: none; position: relative; } .cta__link:hover { background: #adb6ba; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.22); text-decoration: none; color: #333; } .cta__icon { background: #000; opacity: 0.4; position: absolute; right: 0; top: 0; height: 100%; width: 50px; display: flex; justify-content: center; align-items: center; margin: 0; } .cta__icon svg { fill: #fff; position: relative; } .cta__title { font-family: "Lato", sans-serif; font-size: 1.4rem; } .aside .cta__link { width: 100%; } .content-wrapper--aerzte .cta__link { background: #fc0; } .content-wrapper--aerzte .cta__link:hover { background: #e6b800; } .content-wrapper--patienten .cta__link { background: #c20; } .content-wrapper--patienten .cta__link:hover { background: #b31e00; } .content-wrapper--fortbildung .cta__link { background: #80c; } .content-wrapper--fortbildung .cta__link:hover { background: #7700b3; } .content-wrapper--wohlfahrtsfonds .cta__link { background: #0c6; } .content-wrapper--wohlfahrtsfonds .cta__link:hover { background: #00b359; } .content-wrapper--aerztekammer .cta__link { background: #0087cc; } .content-wrapper--aerztekammer .cta__link:hover { background: #0076b3; } .content-wrapper--light-text .cta__link { color: #fff; } .content-wrapper--light-text .cta__link:hover { color: #fff; } .databox { margin-top: 40px; } .databox__header-wrapper { background: #0087cc; color: #fff; margin-bottom: 8px; } .databox__header-wrapper h2 { display: inline-block; padding: 10px; margin-bottom: 0; } .databox__link-wrapper { display: inline-block; padding: 15px 15px 10px 0; } .databox__link { font-family: "Lato", sans-serif; color: #fff; } .databox__box { padding: 15px; background: #fff; } .databox__switch { display: inline-block; height: 40px; margin-top: 10px; } @media only screen and (min-width: 992px) { .databox__switch--right { float: right; margin-top: 0; } } .databox__switch-text { display: inline-block; min-height: 50px; margin-bottom: 5px; vertical-align: middle; } @media only screen and (min-width: 576px) { .databox__switch-text { min-height: 40px; } } @media only screen and (min-width: 992px) { .databox__switch-text { padding-left: 5px; } } .databox__info { margin-bottom: 10px; } .databox__refresh { cursor: pointer; } @media only screen and (min-width: 768px) { .databox__refresh { margin-top: 10px; } } .databox__row--new { font-weight: 600; } .databox__document { color: #005c8a; cursor: pointer; text-decoration: none !important; } .databox__document:hover, .databox__document:active, .databox__document:focus { border-bottom: 1px solid #005c8a; } .databox__filter { margin-top: 5px; margin-bottom: 1rem; width: auto; } @media only screen and (min-width: 768px) { .databox__filter { margin-top: 0; } } .databox__icon { position: relative; } .databox__icon svg { width: 20px; height: 20px; } .databox__icon--external-link { top: 13px; left: 10px; } .databox__icon--external-link svg { fill: #e1e2e3; } .databox__icon--checkmark { top: -3px; width: 25px; height: 25px; } @media only screen and (min-width: 992px) { .databox__icon--checkmark { margin-left: 75px; } } @media only screen and (min-width: 1200px) { .databox__icon--checkmark { margin-left: 180px; } } .databox__icon--checkmark svg { fill: #595959; } .databox__icon--angle-left svg { fill: #fff; } .databox__icon--angle-left--dark { fill: #333; margin-right: -5px; } .databox__icon--cog { float: none; top: -3px; left: 3px; } .databox__icon--cog svg { fill: #005c8a; } .databox__icon--info { float: right; fill: #e1e2e3; } @media only screen and (min-width: 1200px) { .databox__icon--info { right: 25px; } } .databox__icon--info svg { width: 32px; height: 32px; fill: #767676; } .databox__btn-group { position: relative; width: 173px; } .databox__btn { display: inline-block; font-size: 0.875rem; height: auto; min-width: 130px; padding: 5px 10px; text-decoration: none; width: auto; } .databox__btn:hover { text-decoration: none; color: #fff; } .databox__btn--disabled { background-color: #ccc; box-shadow: none; color: #333; } .databox__btn--disabled:hover, .databox__btn--disabled:active, .databox__btn--disabled:focus { background-color: #ccc; box-shadow: none; color: #333; cursor: default; } .databox__btn--pending:before, .databox__btn--success:before { content: ""; } .databox__btn--finished:before { content: '\2713\0020'; } .databox__btn--error { background-color: #c20; color: #fff; } .databox__btn--error:hover, .databox__btn--error:active, .databox__btn--error:focus { background-color: #c20; color: #fff; } .databox__btn--error:before { content: ''; } .databox__payment-info-icon { position: absolute; right: 0; top: 0; } .databox__payment-info--error { color: #767676; display: block; font-size: 0.75rem; } .databox__payment-modal-links--icon { width: 50%; cursor: pointer; } .databox .dataTables_filter { display: none; } .databox .table-wrap { display: block; overflow-x: auto; white-space: nowrap; } .databox .dataTables_paginate { display: table; border-spacing: 5px; } .databox .dataTables_paginate .paginate_button { background-color: #f5f5f5; border: 3px solid transparent; cursor: pointer; height: 2rem; width: 2rem; line-height: 1.625rem; margin-right: 5px; margin-left: 0; padding: 0; border-radius: 0; display: inline-block; vertical-align: middle; min-width: auto; } .databox .dataTables_paginate .paginate_button:active, .databox .dataTables_paginate .paginate_button:hover { cursor: pointer; background-image: none; background-color: #c2c2c2; color: #333 !important; text-decoration: none; border: 3px solid transparent; box-shadow: none; } .databox .dataTables_paginate .paginate_button.disabled { cursor: default; visibility: hidden; } .databox .dataTables_paginate .paginate_button.current { cursor: default; border: 3px solid transparent; background-image: none; background-color: #c2c2c2; color: #333; text-decoration: none; } .databox .dataTables_paginate .paginate_button.current:active, .databox .dataTables_paginate .paginate_button.current:hover { cursor: pointer; box-shadow: none; background-image: none; background-color: #c2c2c2; color: #333 !important; text-decoration: none; border: 3px solid transparent; } .databox .dataTables_paginate .paginate_button .paginate__icon { display: block; height: 2rem; width: 2rem; background-size: 1rem; background-repeat: no-repeat; } .databox .dataTables_paginate .paginate_button .paginate__icon--prev { background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-left.svg'); background-position: 3px 6px; } .databox .dataTables_paginate .paginate_button .paginate__icon--next { background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg'); background-position: 4px 6px; } .databox--overview { margin-top: 0; width: 100%; float: right; } @media only screen and (min-width: 992px) { .databox--overview { margin-top: 40px; margin-right: 15px; width: 465px; } } @media only screen and (min-width: 1200px) { .databox--overview { width: 555px; } } .databox--overview .databox__header { background: #0087cc; color: #fff; padding: 10px; } .databox--overview .databox__box { min-height: 260px; } @media only screen and (min-width: 576px) { .databox--overview .databox__box { min-height: 220px; } } .databox--overview .databox__text { margin-bottom: 15px; } .databox--overview .databox__new-docs { font-weight: 600; color: #0c6; } .databox--overview .databox__switch { margin-top: 0; } .databox--overview .databox__switch-text { margin-left: -5px; } @media only screen and (min-width: 320px) { .databox--overview .databox__switch-text { margin-left: -15px; } } @media only screen and (min-width: 992px) { .databox--overview .databox__switch-text { margin-left: -10px; } } .databox--overview .databox__no-link-fill { background: #fff; padding: 15px; } .databox--overview .databox__link-external { color: #333; text-decoration: none; background: #fff; margin-top: 10px; } .databox--overview .databox__link-external:hover { color: #333; text-decoration: none; } .databox--overview .databox__link-external-text { background: #fff; margin: 5px 0; padding: 10px; } .databox--overview .databox__link-external-text:before { background: none; padding: 10px; margin-left: -15px; } .databox--overview .databox__link-external-text:hover { background: #fbfcfc; } .databox--overview .databox__icon--checkmark { margin-left: 0; } .databox-popup { background: #fff; padding: 40px 30px; } .databox-popup__checkbox-container { position: relative; height: 100%; display: block; } .databox-popup__checkbox-wrapper { position: absolute; left: 0; top: 0; width: 42px; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } .databox-popup__checkbox { position: absolute; opacity: 0; height: 0; width: 0; cursor: pointer; } .databox-popup__checkbox:not(:checked) + .databox-popup__label:before { background-color: transparent; } .databox-popup__checkbox:not(:checked) + .databox-popup__label:after { opacity: 0; transform: scale(0); } .databox-popup__checkbox:checked + .databox-popup__label:before { background-color: #e1e2e3; } .databox-popup__checkbox:checked + .databox-popup__label:after { opacity: 1; transform: scale(1); } .databox-popup__label { font-weight: bold; margin-bottom: 0; cursor: pointer; width: 100%; height: 44px; padding: 10px 40px 0 50px; background: #e1e2e3; position: relative; } .databox-popup__label:before { content: ''; position: absolute; top: 11px; left: 10px; height: 22px; width: 22px; border: 2px solid #e1e2e3; border-radius: 3px; background-color: #e1e2e3; z-index: 2; } .databox-popup__label:after { content: '\2713\0020'; position: absolute; top: 6px; left: 12px; font-size: 1.3rem; font-weight: 800; color: #0c6; transition: all 0.2s; z-index: 2; } .databox-popup__label:hover:before { background-color: #e1e2e3 !important; } .databox-popup__btn { margin-top: 20px; margin-right: 10px; width: auto; padding: 10px 20px; font-size: 1rem; height: auto; text-decoration: none; display: inline-block; } .databox-popup__btn:hover { text-decoration: none; color: #fff; } .databox-popup__btn--low-key:hover { color: #333; } .databox-popup__close { padding: 0; overflow: visible; background: transparent; border: 0; display: block; z-index: 1200; box-shadow: none; touch-action: manipulation; width: 44px; height: 44px; position: absolute; right: 0; top: -30px; text-align: center; font-size: 1.6rem; } .databox-popup .mfp-close { opacity: 0; cursor: default; } .filter { border: 1px solid #e1e2e3; margin-bottom: 10px; } .filter__heading { background: #e1e2e3; font-weight: bold; margin-bottom: 10px; padding: 5px 0; } @media only screen and (min-width: 576px) { .filter__reset-container { width: 98%; text-align: right; } } .filter__reset { cursor: pointer; text-decoration: underline; font-weight: 600; font-size: 0.938rem; } .filter__reset:active, .filter__reset:focus, .filter__reset:hover { background: none; } .filter__amountitems { font-size: 0.938rem; margin: 15px 0 30px; font-weight: 600; } .content-wrapper--aerzte .filter__heading { background: #fc0; } .content-wrapper--patienten .filter__heading { background: #c20; } .content-wrapper--fortbildung .filter__heading { background: #80c; } .content-wrapper--wohlfahrtsfonds .filter__heading { background: #0c6; } .content-wrapper--aerztekammer .filter__heading { background: #0087cc; } .content-wrapper--light-text .filter__heading { color: #fff; } .filter--arztsuche { background: #e1e2e3; border: none; margin-bottom: 0; } @media only screen and (min-width: 768px) { .filter--arztsuche { background: #fff; margin-bottom: 40px; } } @media only screen and (min-width: 768px) { .filter--arztsuche { margin-bottom: 0; } } @media print { .filter--arztsuche { display: none; } } .filter--arztsuche .filter__info-text { display: none; font-size: 0.875rem; } .filter--arztsuche .filter__info-text--error { color: #c20; } .filter--arztsuche .filter__header { background: #595959; color: #fff; font-size: 0.875rem; line-height: 35px; margin-bottom: 0; padding: 10px 20px; } @media only screen and (min-width: 768px) { .filter--arztsuche .filter__header { background: #c20; font-size: 1.1rem; margin-bottom: 10px; padding: 5px 20px; } } .filter--arztsuche .filter__body { padding: 15px 20px 20px; } @media only screen and (min-width: 768px) { .filter--arztsuche .filter__body { padding-top: 5px; } } .filter--arztsuche .filter__section { margin-bottom: 40px; } @media only screen and (min-width: 576px) { .filter--arztsuche .filter__section { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 15px; } } .filter--arztsuche .filter__section--last { border: none; margin-bottom: 0; } .filter--arztsuche .filter__subsection { margin-bottom: 14px; padding-bottom: 10px; } @media only screen and (min-width: 576px) { .filter--arztsuche .filter__subsection { border-bottom: 1px solid #ddd; margin-bottom: 10px; } } .filter--arztsuche .filter__formatted-address { display: none; font-size: 0.875rem; } .filter--arztsuche .filter__wrapper--buttons { margin-bottom: 10px; } .filter--arztsuche .filter__wrapper--buttons:before, .filter--arztsuche .filter__wrapper--buttons:after { content: " "; display: table; } .filter--arztsuche .filter__wrapper--buttons:after { clear: both; display: block; height: 1px; margin-top: -1px; visibility: hidden; } .filter--arztsuche .filter__wrapper--buttons { *zoom: 1; } .filter--arztsuche .filter__label { font-weight: 600; margin-bottom: 8px; } .filter--arztsuche .filter__label--option { font-size: 0.875rem; font-weight: normal; margin: 0; } .filter--arztsuche .filter__label--small { font-size: 0.875rem; margin: 0 0 5px; } .filter--arztsuche .filter__label--button { background: #fff; border: 3px solid transparent; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); cursor: pointer; float: left; font-size: 0.875rem; font-weight: normal; line-height: 24px; height: 32px; margin: 0 8px 6px 0; padding: 1px 5px; } .filter--arztsuche .filter__label--button:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.22); } .filter--arztsuche .filter__label--button-focus { outline: 5px auto #4dc3ff; } .filter--arztsuche .filter__label--button-active { border: 3px solid #c20; } .filter--arztsuche .filter__input:focus, .filter--arztsuche .filter__select:focus { outline: 5px auto #4dc3ff; } .filter--arztsuche .filter__checkbox--button { position: absolute; opacity: 0; } .filter--arztsuche .filter__input-btn-container { height: 36px; } .filter--arztsuche .filter__input-btn { background-color: #eee; border-color: #ced4da; font-size: 0.8125rem; line-height: 1.1; padding: 1px 12px; } .filter--arztsuche .filter__reset-radius-search { background: transparent; border: 1px solid #ccc; border-radius: 0.25rem; color: #333; display: none; font-size: 0.875rem; line-height: 1.2; margin-bottom: 1rem; text-align: left; white-space: normal; } .filter--arztsuche .filter__reset-radius-search:focus { outline: 5px auto #4dc3ff; } .filter--arztsuche .filter__reset-radius-search--disabled { cursor: default; opacity: 0.3; } .filter--arztsuche .filter__icon { height: 16px; width: 16px; } .filter--arztsuche .filter__icon--toggle-filter { display: inline-block; margin-left: -5px; margin-top: -1px; } .filter--arztsuche .filter__icon--toggle-filter svg { fill: #fff; } .filter--arztsuche .filter__icon--warning-indicator { margin-top: 3px; } .filter--arztsuche .filter__icon--warning-indicator path { fill: #fc0; } .filter--arztsuche .filter__icon--error { margin-top: 3px; } .filter--arztsuche .filter__icon--reset-filter { background-position-y: 3px; } .filter--arztsuche .filter__warning { color: #c20; font-size: 0.875rem; margin-bottom: 5px; } .filter--arztsuche .filter__text-header, .filter--arztsuche .filter__text-button { color: #fff; display: inline-block; font-size: 0.875rem; font-weight: normal; line-height: 1.5; padding: 5px; text-decoration: none; } @media only screen and (min-width: 576px) { .filter--arztsuche .filter__text-header, .filter--arztsuche .filter__text-button { padding: 3px 6px; } } .filter--arztsuche .filter__text-header:focus, .filter--arztsuche .filter__text-button:focus { border-color: #fff; } @media only screen and (min-width: 768px) { .filter--arztsuche .filter__text-header--toggle, .filter--arztsuche .filter__text-button--toggle { display: none; } } .filter--arztsuche .filter__text-header--reset, .filter--arztsuche .filter__text-button--reset { border: 1px solid transparent; border-radius: 4px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); } .filter--arztsuche .filter__text-header--reset:active, .filter--arztsuche .filter__text-header--reset:hover, .filter--arztsuche .filter__text-button--reset:active, .filter--arztsuche .filter__text-button--reset:hover { border-color: #fff; } .filter--arztsuche .filter__text-header { display: none; padding: 0; } @media only screen and (min-width: 768px) { .filter--arztsuche .filter__text-header { display: inline-block; } } .filter--arztsuche .filter__select2-wrapper { margin-bottom: 20px; } .filter--arztsuche--dark { background: #595959; color: #fff; margin: 20px 0 10px; } .filter--arztsuche--dark .filter__section { border-bottom: none; padding: 0; } .filter--arztsuche--dark .filter__section--last { margin-bottom: 40px; } .filter--arztsuche--dark .filter__label--button { color: #333; } .filter--arztsuche--dark .filter__reset { color: #bed4e0; } .filter--arztsuche--dark .filter__info-text--error { background: #fff; padding: 4px 9px; } .filter--arztsuche--dark .filter__reset-radius-search { border-color: #fff; color: #fff; } .filter--arztsuche--dark .filter__reset-radius-search svg { fill: #fff; } .filter--arztsuche--dark .filter__warning { color: #ffc4b8; } .filter--arztsuche--dark .select2-selection__choice { color: #333; } .filter--funktionaere { margin-bottom: 20px; } .filter--funktionaere .filter__select { display: block; } .filter--funktionaere .filter__select--hide { display: none; } .fileuploads__extension { padding: 10px 6px; background: #e1e2e3; height: 60px; width: 100%; } @media only screen and (min-width: 768px) { .fileuploads__extension { padding: 10px 2px; } } @media only screen and (min-width: 992px) { .fileuploads__extension { padding: 10px; } } @media only screen and (min-width: 1200px) { .fileuploads__extension { padding: 15px; } } @media print { .fileuploads__extension { background: none; } } .fileuploads__description { font-weight: normal; } .fileuploads__image { width: 100%; border: 1px solid #e1e2e3; } .fileuploads__link { font-weight: bold; color: #333; } .fileuploads__item { margin-bottom: 20px; background: #e1e2e3; padding: 5px; } @media only screen and (min-width: 576px) { .fileuploads__item { background: none; padding: 0; } } @media print { .fileuploads__item { background: none; padding: 0; margin-left: -30px; } } .fileuploads__filesize, .fileuploads__type { font-size: 0.8rem; } .fileuploads__type { margin-left: 10px; } .content-wrapper--aerzte .fileuploads__extension { background: #fc0; } @media print { .content-wrapper--aerzte .fileuploads__extension { background: none; } } .content-wrapper--patienten .fileuploads__extension { background: #c20; } @media print { .content-wrapper--patienten .fileuploads__extension { background: none; } } .content-wrapper--fortbildung .fileuploads__extension { background: #80c; } @media print { .content-wrapper--fortbildung .fileuploads__extension { background: none; } } .content-wrapper--wohlfahrtsfonds .fileuploads__extension { background: #0c6; } @media print { .content-wrapper--wohlfahrtsfonds .fileuploads__extension { background: none; } } .content-wrapper--aerztekammer .fileuploads__extension { background: #0087cc; } @media print { .content-wrapper--aerztekammer .fileuploads__extension { background: none; } } .content-wrapper--light-text .fileuploads__icon { fill: #fff; } @media print { .content-wrapper--light-text .fileuploads__icon { background: none; } } .form label { font-size: 0.9rem; } .form__error { background-color: #f2dede; border: 1px solid #ebccd1; margin: 5px 0 0; color: #a94442; padding: 4px 0 6px 5px; font-size: 0.9rem !important; font-style: unset !important; width: 100%; display: block; } .form__input, .form .form-control { border: 1px solid #e1e2e3; border-radius: 0; font-size: 0.9rem; } .form__input:focus, .form .form-control:focus { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .form__input:placeholder, .form .form-control:placeholder { font-size: 0.9rem; } .form__input[readonly], .form .form-control[readonly] { background: #f6f6f7; } .form__input:disabled, .form .form-control:disabled { background: none; opacity: 0.2; } .form__fieldset legend { background: #e1e2e3; padding: 0 10px; margin-bottom: 20px; } .form__radio:hover, .form__checkbox:hover, .form .form-check-input:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .form__submit { border: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); cursor: pointer; padding: 0 30px; background: #e1e2e3; font-weight: bold; } .form__submit:hover, .form__submit:focus { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.22); } .form__file-label, .form .custom-file-label { border-radius: 0; } .form__file-label:after, .form .custom-file-label:after { content: "Durchsuchen"; } .form__custom-file:focus, .form .custom-file:focus { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .form__paragraph { font-size: 0.9rem; } .form .radio { display: inline-block; margin-right: 0; width: 100%; } .form .radio__options { display: inline-block; } .form .radio__options:not(:first-child) { margin-left: 11px; } .form .radio .parsley-errors-list { clear: right; float: right; } .form .required { font-size: 0.8rem; padding: 0 0 0 2px; } .form .help-block { font-size: 0.8rem; font-style: italic; } .form .actions { display: inline-block; } .content-wrapper--aerzte .form__submit { background: #fc0; } .content-wrapper--patienten .form__submit { background: #c20; } .content-wrapper--fortbildung .form__submit { background: #80c; } .content-wrapper--wohlfahrtsfonds .form__submit { background: #0c6; } .content-wrapper--aerztekammer .form__submit { background: #0087cc; } .content-wrapper--light-text .form__submit { color: #fff; } .parsley-errors-list { display: none; margin: 5px 0 15px; padding: 0; list-style-type: none; background-color: #f2dede; border: 1px solid #ebccd1; width: 100%; float: none; } .parsley-errors-list.filled { display: block; } .parsley-errors-list li { color: #a94442; padding: 4px 0 0 5px; font-size: 0.9rem; } .parsley-errors-list li:before { background: none; } .form--search .form-group { margin-bottom: -15px; } .form--search label { font-size: 1rem; } .form--search .form__submit { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .frame { margin-bottom: 40px; } } .home-tile { height: 100%; margin-bottom: 20px; } .home-tile--newstiles { border-top: 15px solid #0087cc; background: #fff; height: auto; } @media only screen and (min-width: 992px) { .home-tile--newstiles { height: 555px; } } .info-window { font-family: "Open Sans", sans-serif; font-size: 0.875rem; font-weight: 400; max-width: 300px; min-width: 150px; } .info-window__title { font-size: 1rem; font-weight: 600; margin-bottom: 10px; } .info-window__paragraph { margin-bottom: 10px; } .info-window__list { margin-bottom: 5px; padding-left: 0; } .info-window__list-item { background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg') no-repeat 0 2px; background-size: 12px; line-height: 1.3; padding-left: 20px; } .info-window__list-item:before { content: none; } .list__item--hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .list__element { margin-bottom: 10px; background: #fbfcfc; padding: 0 0 10px; } .list__header { background: #0087cc; padding: 5px 15px; color: #fff; font-weight: 600; font-size: 1.1rem; display: block; margin-bottom: 5px; } @media only screen and (min-width: 576px) { .list__header { font-size: 1.25rem; } } .list__header--sub { background: #e1e2e3; font-size: 1rem; color: #333; margin: 5px 0; } .list__header--sub-dark { background: #595959; font-size: 1rem; color: #fff; margin: 5px 0; } .list__footer { border-top: 1px solid #e1e2e3; padding: 10px; } .list__icon { display: inline-block; height: 14px; margin-top: 4px; width: 14px; } .list__link { font-weight: normal; color: #333; } .list__link:hover { font-weight: normal; } .list__no-result { display: none; } .list__title { text-transform: none; font-size: 1.3rem; } .list--ansprechpartner .list__portrait { padding-top: 5px; } .list--ansprechpartner .list__kontakttext { font-weight: bold; padding-top: 10px; } .list--ansprechpartner-aside { background: #fff; } .list--ansprechpartner-aside .list__element { background: #fff; } .list--ansprechpartner-aside .list__kontakttext { font-weight: bold; padding-top: 10px; margin-bottom: 5px; } .list--ansprechpartner-aside .list__portrait { padding-top: 5px; } .list--arztsuche { font-size: 1rem; } @media only screen and (min-width: 768px) { .list--arztsuche { font-size: 0.875rem; } } .list--arztsuche .list__title { margin-bottom: 0; position: relative; } .list--arztsuche .list__paragraph--status-absent { background-color: #ff937e; display: inline-block; margin-bottom: 10px; padding: 0 4px 0 3px; } @media only screen and (min-width: 768px) { .list--arztsuche .list__paragraph--status-absent { margin-bottom: 5px; } } .list--arztsuche .list__paragraph--status-open { background-color: #a9d784; display: inline-block; margin-bottom: 10px; padding: 0 4px 0 3px; } @media only screen and (min-width: 768px) { .list--arztsuche .list__paragraph--status-open { margin-bottom: 5px; } } .list--arztsuche .list__paragraph--status-soon { background-color: #ffcb6b; display: inline-block; margin-bottom: 10px; padding: 0 4px 0 3px; } @media only screen and (min-width: 768px) { .list--arztsuche .list__paragraph--status-soon { margin-bottom: 5px; } } .list--arztsuche .list__paragraph--ntext { border: 1px solid #c20; color: #c20; font-size: 14px; margin-bottom: 10px; padding: 10px; } .list--arztsuche .list__link--title { background: #595959; color: #fff; display: block; font-size: 1.125rem; font-weight: normal; padding: 5px 30px 5px 10px; text-decoration: none; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); } @media only screen and (min-width: 768px) { .list--arztsuche .list__link--title { font-size: 1.25rem; } } @media print { .list--arztsuche .list__link--title { background: none; border-bottom: 1px solid #595959; color: #333; padding: 0; } } .list--arztsuche .list__link--title:active, .list--arztsuche .list__link--title:focus, .list--arztsuche .list__link--title:hover { background: #c20; text-decoration: none; } .list--arztsuche .list__icon { display: inline-block; height: 14px; margin-top: 4px; width: 14px; } .list--arztsuche .list__box { background: #fff; margin-bottom: 20px; padding: 10px 10px 0; } @media only screen and (min-width: 768px) { .list--arztsuche .list__box { font-size: 0.875rem; } } .list--arztsuche .list__box-title-wrapper { margin-bottom: 2px; } .list--arztsuche .list__box-title { display: inline-block; font-weight: 800; line-height: 1.3; margin-bottom: 2px; } @media print { .list--arztsuche .list__box-title { font-weight: 600; } } .list--arztsuche .list__box-content { margin-bottom: 10px; } @media only screen and (min-width: 768px) { .list--arztsuche .list__box-content { margin-bottom: 15px; } } .list--arztsuche .list__box-list { margin-bottom: 0; padding-left: 0; } .list--arztsuche .list__box-item { line-height: 1.3; padding-left: 20px; } .list--arztsuche .list__box-item--no-bullet { background: none; background-size: initial; padding-left: 0; } .list--arztsuche .list__box-item--no-space { margin-bottom: 0; } @media print { .list--arztsuche .list__box-item { background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg') no-repeat 0 3px; background-size: 12px; } } .list--arztsuche .list__box-item:before { margin-top: 4px; } @media print { .list--arztsuche .list__box-item:before { content: none; } } .list--arztsuche .list__box-icon { height: 16px; width: 16px; } .list--arztsuche .list__box-locality { display: block; margin-bottom: 5px; } @media only screen and (min-width: 992px) { .list--arztsuche .list__box-locality { display: inline; } } @media only screen and (min-width: 992px) { .list--arztsuche .list__box-locality:before { content: ' – '; } } .list--funktionaere { padding-left: 0; } .list--funktionaere .list__header { font-size: 1.125rem; } .list--funktionaere .list__header:before { background: none; display: none; } .list--funktionaere .list__inner-list { padding-left: 0; } .list--funktionaere .list__info-wrap { padding: 10px; margin-bottom: -15px; /* p { margin-bottom: 0; } */ } .list--funktionaere .list__img-wrap { text-align: center; margin-top: -25px; } @media only screen and (min-width: 992px) { .list--funktionaere .list__img-wrap { margin-top: 0; text-align: left; } } .list--funktionaere .list__group-photo { padding-top: 10px; width: auto; max-height: 300px; } @media only screen and (min-width: 992px) { .list--funktionaere .list__group-photo { max-height: none; } } .list--funktionaere .list__img-caption { font-size: 0.875rem; line-height: 1.2; padding: 5px; background: #fbfcfc; } .list--funktionaere .list__element { padding: 0; background: none; } .list--funktionaere .list__element:before { background: none; display: none; } .list--funktionaere .list__element--inner-list { background: #fbfcfc; } .list--funktionaere .list__name { font-weight: bold; } .list--funktionaere .list__link { font-weight: bold; color: #005c8a; } .list--funktionaere .list__info { font-weight: normal; } .list--offer .list__title { font-size: 1.1rem; line-height: 0.9rem; } .list--offer .list__header { background: #c2c2c2; margin-top: -5px; } .list--offer .list__element { padding: 0 15px; margin-top: 25px; } .list--offer .list__footer { padding: 0; font-size: 0.9rem; } .list--offer .list__link { text-decoration: none; font-weight: bold; } .list--offer .list__link:hover { text-decoration: none; } .list--offer .list__pdf-link { position: relative; } .list--offer .list__icon { width: 16px; height: 16px; margin-top: 0; position: absolute; left: -20px; } .list--show { margin-bottom: 40px; } .list--show .list__row { padding: 5px; } @media only screen and (min-width: 576px) { .list--show .list__row { border-top: 1px solid #e1e2e3; } } @media only screen and (min-width: 576px) { .list--show .list__row--last { border-bottom: 1px solid #e1e2e3; } } .list--show .list__row--head { background: #eeefef; } .list--show .list__row:hover { background: #eeefef; } .list--staff .list__role { padding: 10px 0; font-weight: bold; } .list--wochenenddienste { padding: 0; } .list--wochenenddienste .list__header { background-color: #c2c2c2; color: #333; font-size: 1.1rem; } .list--wochenenddienste .list__element { margin: 0 0 10px; padding: 0; } .list--wochenenddienste .list__element:before { background: none; } .list--wochenenddienste .list__element--inner { margin-bottom: 20px; } .list--wochenenddienste .list__inner-list { padding: 10px 10px 10px 15px; } .list--wochenenddienste .list__von-bis { font-weight: 600; } @media only screen and (min-width: 992px) { .list--wochenenddienste .list__row { display: flex; } } .list--wochenenddienste .list__row-element { flex: 1; } .list--wochenenddienste .list__row-element--name { flex: 2; } @media only screen and (min-width: 992px) { .list--wochenenddienste .list__row-element--bezeichnung { text-align: right; } } .maincontent { background: #fff; padding: 15px; margin-bottom: 40px; } @media only screen and (min-width: 576px) { .maincontent { padding: 20px; } } @media print { .maincontent { padding: 0; } } .maintenance-box { margin-top: 20px; } @media only screen and (min-width: 768px) { .maintenance-box { margin-top: -20px; } } @media only screen and (min-width: 992px) { .maintenance-box { margin-right: 15px; margin-top: 0; } } .map { position: relative; } @media print { .map { display: none; } } .map__no-results { background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); display: none; left: 10px; margin: 40px; padding: 15px; position: absolute; top: 70px; z-index: 99; } @media only screen and (min-width: 576px) { .map__no-results { top: 90px; } } .map__plane { border: 1px solid #ddd; display: none; height: 400px; width: 100%; } @media only screen and (min-width: 768px) { .map__plane { height: 600px; } } .mfp__download { float: left; margin-right: 20px; margin-top: -3px; text-decoration: none; } .mfp__download:hover { color: #fff; } .mfp__caption { color: #333; margin: 3px 0 0 170px; } .mfp-img { padding-top: 0; } img.mfp-img { padding-bottom: 0; } .mfp-bottom-bar { background: #fff; padding: 10px; } .mfp-counter { color: #333; font-size: 0.875rem; right: 10px; top: 17px; } @keyframes spin { 100% { transform: rotate(360deg); } } .news { margin-bottom: 40px; } .news__header { font-size: 1rem; font-family: "Open Sans", sans-serif; } .news__img-wrap { min-height: 120px; float: left; margin-right: 10px; width: 15%; } .news__link { text-decoration: none; width: 100%; } .news__teaser-text { font-size: 1rem; color: #333; width: 80%; float: left; margin-bottom: 20px; } .news__footer { border-top: 1px solid #f5f5f5; padding: 20px; margin: 25px -20px 20px; } .news .no-news-found { padding: 20px; } .news-header { padding: 15px; width: 100%; height: 57px; } .news-header h2 { position: absolute; float: left; font-size: 1.2rem; line-height: 1.68; text-transform: uppercase; } @media only screen and (min-width: 320px) { .news-header h2 { font-size: 1.7rem; line-height: 1; } } .news-header__link-wrapper { position: relative; display: block; } .news-header__link { font-family: "Lato", sans-serif; font-weight: bold; position: absolute; right: 0; top: 3px; } .news-header__icon { position: absolute; width: 20px; height: 20px; top: 3px; } .news-header--trainings { background: #80c; color: #fff; height: 93px; } @media only screen and (min-width: 576px) { .news-header--trainings { height: 57px; } } .news-header--trainings .news-header__link { color: #fff; left: 20px; top: 35px; } @media only screen and (min-width: 576px) { .news-header--trainings .news-header__link { left: inherit; top: 3px; } } .news-header--trainings .news-header__icon { fill: #fff; left: 0; top: 35px; } @media only screen and (min-width: 576px) { .news-header--trainings .news-header__icon { left: inherit; top: 3px; right: 90px; } } .news-header--news { background: #fff; color: #333; border-bottom: 1px solid #f2f4f5; } .news-header--news .news-header__link { color: #333; } .news-header--news .news-header__icon { fill: #333; right: 70px; } .news--aside { height: auto !important; padding-bottom: 10px; } .news--single .news--event .body__icon--calendar, .news--single .news--event .body__icon--map-marker { fill: #0087cc; } .news--event--aside { background: #fff; padding: 15px; } .news--home { background: #fff; height: 468px; } @media only screen and (min-width: 992px) { .news--home { margin-bottom: 40px; } } @media only screen and (min-width: 1200px) { .news--home { height: 555px; } } .news--home .news__header { margin-bottom: 0; } .news--home .news__date { font-size: 0.875rem; } .news--home .news__link { color: #333; text-decoration: none; } .news--home .news__link:hover { text-decoration: underline; } .news--home .article { margin-bottom: 3px; padding: 0 15px; } .news--home .article--first { padding-top: 15px; } .news--single .news__date { font-size: 0.875rem; clear: both; } @media only screen and (max-width: 1200px) { .news--single .news__date { width: 100%; } } .news--single .news__dateheader { display: flex; margin-bottom: 2rem; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid #f5f5f5; } @media only screen and (max-width: 1200px) { .news--single .news__dateheader { flex-wrap: wrap; } } .news--single .news__info_old_article { display: inline-flex; margin-right: 0; margin-left: auto; background: #fc0; font-weight: bold; align-self: center; padding: 5px; font-size: 0.85rem; } @media only screen and (max-width: 1200px) { .news--single .news__info_old_article { margin-right: auto; margin-left: 0; margin-top: 0.5rem; } } .news--single .news__author { margin-top: 30px; font-size: 0.875rem; } .news--single .news__author-image { border-radius: 50px; float: left; margin-right: 20px; } .news--single .news__headline { font-size: 1.6rem; text-transform: none; } .news--single .news__image { margin-bottom: 10px; } .news--single .news__image--referent { float: left; margin-right: 5px; } .news--single .news__alttext-referent { display: block; } .news--single .news__teaser-text { font-size: inherit; font-weight: bold; width: 100%; float: none; } .news--single .news__related-wrap { margin-top: 60px; } .news--single h2 { font-size: 1.4rem; } .news--single .body__icon--calendar, .news--single .body__icon--map-marker, .news--single .body__icon--euro { fill: #80c; } .news--slider { background: cadetblue; } .news--trainings .news__address { font-size: 0.9rem; margin-bottom: 5px; } .news--trainings .news__address .body__icon--map-marker { fill: #6b6f6f; width: 15px; margin-top: -2px; margin-left: -2px; } .news--trainings .news__header { font-size: 1rem; } @media only screen and (min-width: 992px) { .news--trainings .news__header { font-size: 0.9rem; } } @media only screen and (min-width: 1200px) { .news--trainings .news__header { font-size: 1rem; } } .news--trainings .news__item { margin-bottom: 12px; background: #f2f4f5; } .news--trainings .news__item:hover { background: #fefefe; } .news--trainings .news__text-wrapper { padding: 10px; } .news--trainings .news__link { color: #333; text-decoration: none; font-weight: normal; } .news--trainings .news__link:hover { text-decoration: none; } .news--trainings .news__date-wrapper { font-weight: bold; background: #c2c2c2; height: 100%; } .news--trainings .news__date-weekday { float: left; display: inline-block; font-size: 1.5rem; text-align: center; margin-left: 5px; } @media print { .news--trainings .news__date-weekday { width: 100%; } } .news--trainings .news__date-weekday:after { content: ','; margin-left: -5px; } @media only screen and (min-width: 576px) { .news--trainings .news__date-weekday { float: none; display: block; font-size: 0.9rem; text-align: center; margin-left: 0; padding-top: 5px; } .news--trainings .news__date-weekday:after { content: ''; margin-left: 0; } } @media only screen and (min-width: 992px) { .news--trainings .news__date-weekday { font-size: 1rem; } } @media only screen and (min-width: 1200px) { .news--trainings .news__date-weekday { font-size: 1.3rem; } } .news--trainings .news__date-day { font-size: 1.5rem; float: left; text-align: center; margin-right: 5px; margin-left: 5px; } @media only screen and (min-width: 576px) { .news--trainings .news__date-day { font-size: 1.5rem; float: none; margin-right: 0; margin-left: 0; } } @media only screen and (min-width: 992px) { .news--trainings .news__date-day { font-size: 2rem; } } @media only screen and (min-width: 1200px) { .news--trainings .news__date-day { font-size: 2.3rem; top: -5px; position: relative; } } @media print { .news--trainings .news__date-day { text-align: center; font-size: 2rem; float: none; } } .news--trainings .news__date-month { font-size: 1.5rem; position: relative; top: 0; } @media only screen and (min-width: 576px) { .news--trainings .news__date-month { text-align: center; top: -6px; font-size: 0.9rem; } } @media only screen and (min-width: 992px) { .news--trainings .news__date-month { font-size: 1rem; } } @media only screen and (min-width: 1200px) { .news--trainings .news__date-month { font-size: 1.3rem; top: -12px; } } @media print { .news--trainings .news__date-month { text-align: center; top: -8px; } } .news--trainings .news__time { font-size: 0.8rem; } @media only screen and (min-width: 576px) { .news--trainings .news__time { -webkit-hyphens: auto; hyphens: auto; margin-left: 0; margin-right: 15px; margin-bottom: 5px; } } @media only screen and (min-width: 768px) { .news--trainings .news__time { margin-right: 10px; } } @media only screen and (min-width: 992px) { .news--trainings .news__time { margin-left: 0; margin-right: 0; } } .news--trainings .news__teaser-text { font-size: 0.9rem; margin-bottom: 5px; float: none; width: 100%; } .news--trainings .news__date-text p { margin-bottom: 0; } .news--trainings--home .news__address { margin-bottom: 0; } @media only screen and (min-width: 576px) { .news--trainings--home .news__date-month { font-size: 1.4rem; top: -18px; } } @media only screen and (min-width: 992px) { .news--trainings--home .news__date-month { font-size: 1.2rem; } } @media only screen and (min-width: 1200px) { .news--trainings--home .news__date-month { font-size: 1.5rem; top: -18px; } } .news--trainings--home .news__date-day { margin-left: 10px; } @media only screen and (min-width: 576px) { .news--trainings--home .news__date-day { font-size: 2.6rem; margin-left: 0; } } @media only screen and (min-width: 992px) { .news--trainings--home .news__date-day { font-size: 2.3rem; } } @media only screen and (min-width: 1200px) { .news--trainings--home .news__date-day { font-size: 2.6rem; top: 0; } } .news--trainings--home .news__item--first { margin-top: 30px; } @media only screen and (min-width: 992px) { .news--trainings--home .news__item--first { margin-top: 10px; } } @media only screen and (min-width: 1200px) { .news--trainings--home .news__item--first { margin-top: 30px; } } .news--trainings--home .news-list-view { background: #fff; padding-bottom: 26px; } @media only screen and (min-width: 992px) { .news--trainings--home .news-list-view { padding-bottom: 3px; } } @media only screen and (min-width: 1200px) { .news--trainings--home .news-list-view { padding-bottom: 26px; } } @media only screen and (min-width: 768px) { .news--trainings--aside .news__header { font-size: 0.8rem; } } @media only screen and (min-width: 992px) { .news--trainings--aside .news__header { font-size: 1rem; } } .news--trainings--aside .news__item--first { margin-top: 30px; } @media only screen and (min-width: 768px) { .news--trainings--aside .news__date-day { float: left; margin-left: 5px; font-size: 1.4rem; } } @media only screen and (min-width: 992px) { .news--trainings--aside .news__date-day { float: none; margin-left: 0; font-size: 2.3rem; } } @media only screen and (min-width: 768px) { .news--trainings--aside .news__date-month { font-size: 1rem; top: -10px; } } @media only screen and (min-width: 992px) { .news--trainings--aside .news__date-month { font-size: 1.5rem; top: -18px; } } .news--trainings--aside .news-header--trainings { background: #fff; color: #333; border-bottom: 1px solid #f2f4f5; } @media only screen and (min-width: 768px) { .news--trainings--aside .news-header--trainings { height: 93px; } } @media only screen and (min-width: 1200px) { .news--trainings--aside .news-header--trainings { height: 57px; } } .news--trainings--aside .news-header--trainings h2 { font-size: 1.7rem; } @media only screen and (min-width: 768px) { .news--trainings--aside .news-header--trainings h2 { font-size: 1.2rem; line-height: 1.5; } } @media only screen and (min-width: 992px) { .news--trainings--aside .news-header--trainings h2 { font-size: 1.7rem; line-height: 1.2; } } .news--trainings--aside .news-header__link { color: #333; } @media only screen and (min-width: 768px) { .news--trainings--aside .news-header__link { left: 20px; top: 35px; } } @media only screen and (min-width: 1200px) { .news--trainings--aside .news-header__link { left: inherit; top: 3px; } } .news--trainings--aside .news-header__icon { fill: #333; } @media only screen and (min-width: 768px) { .news--trainings--aside .news-header__icon { left: 0 !important; top: 35px !important; } } @media only screen and (min-width: 1200px) { .news--trainings--aside .news-header__icon { left: inherit !important; top: 3px !important; right: 80px !important; } } .news--trainings--aside .news-list-view { background: #fff; padding-bottom: 25px; } .newstile { display: inline-block; position: relative; height: 210px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); text-decoration: none; margin-bottom: 20px; } @media only screen and (min-width: 320px) { .newstile { height: 250px; } } @media only screen and (min-width: 768px) { .newstile { height: 210px; } } @media only screen and (min-width: 992px) { .newstile { height: 250px; } } .newstile:hover { text-decoration: none; } .newstile__description { padding: 5px; font-size: 0.8rem; } @media only screen and (min-width: 576px) { .newstile__description { font-size: 1rem; padding: 10px; } } .newstile__link-container { overflow: hidden; background: #e1e2e3; } .newstile__link-container a { text-decoration: none; } .newstile__image { transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); width: 100%; } .newstile__title { background-color: #0087cc; font-size: 0.8rem; color: #333; position: relative; padding: 5px; } .newstile__title--light-text { color: #fff; } @media only screen and (min-width: 576px) { .newstile__title { font-size: 1.1rem; position: absolute; top: 125px; left: 10px; } } @media only screen and (min-width: 768px) { .newstile__title { font-size: 0.8rem; top: 70px; } } @media only screen and (min-width: 992px) { .newstile__title { font-size: 1.1rem; top: 110px; } } @media only screen and (min-width: 1200px) { .newstile__title { top: 135px; } } .newstile__title--aerzte { background-color: #fc0; } .newstile__title--patienten { background-color: #c20; } .newstile__title--fortbildung { background-color: #80c; } .newstile__title--wohlfahrtsfonds { background-color: #0c6; } .newstile__title--aerztekammer { background-color: #0087cc; } .newstile__description { color: #333; } .newstile--hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .newstile--hover .newstile__image { transform: scale(1.1); } @media only screen and (min-width: 576px) { .newstile--hover .newstile__image { transform: scale(1.1) translate(0, -7.5px); } } .newstiles { padding: 15px 0 0; } @media only screen and (min-width: 576px) { .newstiles { padding-left: 0; padding-right: 0; } } .newstiles__row { margin-left: 1px; margin-right: 1px; } @media only screen and (min-width: 576px) { .newstiles__row { margin-left: 7.5px; margin-right: 7.5px; } } .newstiles__col { padding-left: 5px; padding-right: 5px; margin-top: 0; margin-bottom: -15px; } @media only screen and (min-width: 576px) { .newstiles__col { padding-left: 7.5px; padding-right: 7.5px; margin-top: -5px; margin-bottom: -5px; } } .newstiles--aside .newstile { height: auto; } @media only screen and (min-width: 576px) { .newstiles--aside .newstile__title { top: 230px; } } @media only screen and (min-width: 768px) { .newstiles--aside .newstile__title { top: 135px; } } @media only screen and (min-width: 992px) { .newstiles--aside .newstile__title { top: 180px; } } @media only screen and (min-width: 1200px) { .newstiles--aside .newstile__title { top: 225px; } } .pagination { padding: 0; display: table; margin-left: auto; margin-right: auto; margin-top: 30px; } .pagination:before, .pagination:after { content: " "; display: table; } .pagination:after { clear: both; display: block; height: 1px; margin-top: -1px; visibility: hidden; } .pagination { *zoom: 1; } .pagination li:before { display: none; } .pagination__element, .pagination li { float: left; list-style-type: none; margin-right: 5px; } .pagination__element .active a.page, .pagination li .active a.page { background-color: #c2c2c2; color: #333; text-decoration: none; } .pagination__element .disabled a, .pagination li .disabled a { cursor: default; } .pagination__element .disabled a:hover, .pagination li .disabled a:hover { background-color: #f5f5f5; box-shadow: none; } .pagination__link, .pagination a.page { background-color: #f5f5f5; border: 3px solid transparent; cursor: pointer; display: table-cell; height: 2rem; line-height: 1.625rem; min-width: 2rem; text-align: center; text-decoration: none; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); } .pagination__link:active, .pagination__link:hover, .pagination a.page:active, .pagination a.page:hover { background-color: #c2c2c2; color: #333; text-decoration: none; } .pagination__link--current, .pagination a.page--current { background-color: #c2c2c2; cursor: default; } .pagination__link--current:active, .pagination__link--current:hover, .pagination a.page--current:active, .pagination a.page--current:hover { box-shadow: none; } .pagination__link--disabled, .pagination a.page--disabled { cursor: default; } .pagination__link--disabled:hover, .pagination a.page--disabled:hover { background-color: #f5f5f5; box-shadow: none; } .pagination__link--icon, .pagination a.page--icon { background-repeat: no-repeat; background-size: 1rem; display: block; height: 2rem; width: 2rem; } .pagination__link--prev, .pagination a.page--prev { background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-left.svg'); background-position: 3px 6px; } .pagination__link--next, .pagination a.page--next { background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg'); background-position: 4px 6px; } .pagination--arztsuche { margin: 0; } .pagination--arztsuche .pagination__info { margin-bottom: 0.5rem; } @media only screen and (min-width: 768px) { .pagination--arztsuche .pagination__info { font-size: 0.875rem; } } @media print { .pagination--arztsuche .pagination__info { font-size: 0.857rem; margin: 1rem 0; } } .pagination--arztsuche .pagination__list { padding: 0; display: table; margin: 0 0 20px; } @media print { .pagination--arztsuche .pagination__list { display: none; } } .pagination--arztsuche .pagination__link { margin-right: auto; padding: 0; } .pagination--arztsuche .pagination__page-elements { padding-left: 0; } .portal-links { width: 100%; margin-right: 15px; color: #005c8a; float: left; } @media only screen and (min-width: 992px) { .portal-links { margin-top: 40px; width: 465px; min-height: 350px; } } @media only screen and (min-width: 1200px) { .portal-links { width: 555px; } } .portal-links__header { background: #0087cc; color: #fff; padding: 10px; } .portal-links__list { padding: 0; } .portal-links__icon { position: relative; top: 10px; left: 10px; } .portal-links__icon svg { width: 20px; height: 20px; fill: #e1e2e3; } .portal-links__icon--info { float: right; top: auto; left: auto; } .portal-links__icon--info svg { width: 32px; height: 32px; } .portal-links__item { background: #fff; margin: 5px 0; padding: 10px; } .portal-links__item:before { background: none; padding: 10px; margin-left: -15px; } .portal-links__item:hover { background: #fbfcfc; } .portal-links__link { color: #333; text-decoration: none; } .portal-links__link:hover { color: #333; text-decoration: none; } .portal-userdata { padding-bottom: 10px; width: 100%; float: left; margin: 40px 15px 0 0; } @media only screen and (min-width: 992px) { .portal-userdata { width: 465px; } } @media only screen and (min-width: 1200px) { .portal-userdata { width: 555px; } } .portal-userdata__box { background-color: #fff; padding: 15px; min-height: 335px; } .portal-userdata--fullwidth { width: 100%; } .portal-userdata--fullwidth .portal-userdata__box { min-height: auto; } .portal-userdata__header { padding: 5px 0 0; } .portal-userdata__row { border-top: 1px solid #f5f5f5; padding: 5px 0; } .portal-userdata__row--head { font-weight: 600; } .quicklinks { margin-bottom: 40px; } .quicklinks__element { position: relative; background: #e1e2e3; margin-bottom: 10px; overflow: hidden; } .quicklinks__element--light-text .quicklinks__link { color: #fff; } .quicklinks__element--light-text .quicklinks__link:hover { color: #fff; } .quicklinks__element--light-text .quicklinks__icon { fill: #fff; } .quicklinks__element--aerztekammer { background: #0087cc; } .quicklinks__element--aerzte { background: #fc0; } .quicklinks__element--patienten { background: #c20; } .quicklinks__element--fortbildung { background: #80c; } .quicklinks__element--wohlfahrtsfonds { background: #0c6; } .quicklinks__header { position: absolute; left: 15px; top: 0; font-size: 1.3rem !important; } @media only screen and (min-width: 320px) { .quicklinks__header { top: 5px; font-size: 1.7rem !important; } } @media only screen and (min-width: 576px) { .quicklinks__header { top: 25px; } } @media only screen and (min-width: 992px) { .quicklinks__header { font-size: 1.2rem !important; } } @media only screen and (min-width: 1200px) { .quicklinks__header { font-size: 1.7rem !important; } } .quicklinks__subheader { width: 90%; position: absolute; left: 15px; top: 30px; font-weight: bold; font-size: 0.8rem; } @media only screen and (min-width: 320px) { .quicklinks__subheader { font-size: 0.8rem; top: 42px; } } @media only screen and (min-width: 576px) { .quicklinks__subheader { font-size: 1rem; top: 65px; width: 69%; } } @media only screen and (min-width: 992px) { .quicklinks__subheader { font-size: 0.9rem; top: 55px; } } @media only screen and (min-width: 1200px) { .quicklinks__subheader { top: 65px; } } .quicklinks__icon { position: absolute; right: -20px; bottom: -20px; display: block; opacity: 0.2; height: 110px; width: 110px; clip: rect(0 90px 90px 0); } @media only screen and (min-width: 576px) { .quicklinks__icon { right: -30px; bottom: -30px; height: 200px; width: 200px; clip: rect(0 170px 170px 0); } } @media only screen and (min-width: 992px) { .quicklinks__icon { right: -30px; bottom: -30px; height: 190px; width: 190px; clip: rect(0 160px 160px 0); } } @media only screen and (min-width: 1200px) { .quicklinks__icon { right: -30px; bottom: -30px; height: 200px; width: 200px; clip: rect(0 170px 170px 0); } } .quicklinks__link { display: block; color: #333; height: 89.1px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); overflow: hidden; } @media only screen and (min-width: 576px) { .quicklinks__link { height: 178.3px; } } @media only screen and (min-width: 992px) { .quicklinks__link { height: 149px; } } @media only screen and (min-width: 1200px) { .quicklinks__link { height: 178.3px; } } .quicklinks__link:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.22); color: #333; text-decoration: none; } .quicklinks__link:hover .quicklinks__icon { transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); } @media only screen and (min-width: 576px) { .quicklinks__link:hover .quicklinks__icon { height: 210px; width: 210px; clip: rect(0 180px 180px 0); } } .quicklinks__list { padding: 0; margin: 0; } .quicklinks--aside .quicklinks__link { height: 140px; } .quicklinks--aside .quicklinks__link:hover .quicklinks__icon { height: 170px; width: 170px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); clip: rect(0 140px 150px 0); } .quicklinks--aside .quicklinks__header { top: 25px; line-height: 1.3; font-size: 1.1rem !important; } @media only screen and (min-width: 576px) { .quicklinks--aside .quicklinks__header { font-size: 1.3rem !important; } } @media only screen and (min-width: 768px) { .quicklinks--aside .quicklinks__header { font-size: 1.1rem !important; } } @media only screen and (min-width: 992px) { .quicklinks--aside .quicklinks__header { font-size: 1.3rem !important; } } .quicklinks--aside .quicklinks__subheader { top: 75px; font-size: 1rem !important; } @media only screen and (min-width: 768px) { .quicklinks--aside .quicklinks__subheader { font-size: 0.8rem !important; } } @media only screen and (min-width: 992px) { .quicklinks--aside .quicklinks__subheader { font-size: 1rem !important; } } .quicklinks--aside .quicklinks__icon { right: -30px; bottom: -20px; height: 160px; width: 160px; clip: rect(0 130px 140px 0); } .related { margin-bottom: 20px; margin-top: 20px; } .related h4 { text-transform: uppercase; } .related__box-title { font-family: "Lato", sans-serif; font-size: 1.25rem; margin-bottom: 10px; } .related__list { padding: 5px 20px; } .related__title, .related__link { font-weight: bold; font-size: 0.875rem; line-height: 1.39rem; color: #333; } .related__description { font-size: 0.875rem; display: block; } .related--news .related__date { display: block; font-size: 0.75rem; } .search { margin: -35px 0 0; position: absolute; left: 100%; transform: translate(-100%, 0%); width: 50px; height: 45px; transition: width 0.2s; overflow: hidden; padding-left: 48px; } @media only screen and (min-width: 576px) { .search { margin: -51px 0 0; height: 51px; } } @media only screen and (min-width: 768px) { .search { margin: -46px 0 0; } } @media only screen and (min-width: 992px) { .search { margin: 47px 0 0; height: 40px; } } .search__button { display: none; position: absolute; right: 0; height: 45px; width: 45px; padding-left: 5px; background: #0087cc; } @media only screen and (min-width: 576px) { .search__button { height: 51px; } } @media only screen and (min-width: 768px) { .search__button { height: 45px; } } @media only screen and (min-width: 992px) { .search__button { height: 40px; } } .search__seperate { display: inline; background: #6b6f6f; padding: 20px 1px; position: relative; top: 3px; } @media only screen and (min-width: 576px) { .search__seperate { top: 8px; } } @media only screen and (min-width: 768px) { .search__seperate { top: 3px; } } @media only screen and (min-width: 992px) { .search__seperate { padding: 1px; top: 11px; } } .search__input { position: absolute; left: 11px; width: calc(100% - 70px); height: 46px; border: none; font-size: 1rem; padding: 0 48px 0 20px; background: #bbc2c6; margin-left: -11px; } .search__input:-ms-clear { width: 0; height: 0; } @media only screen and (min-width: 320px) { .search__input { font-size: 1.2rem; } } @media only screen and (min-width: 576px) { .search__input { height: 51px; } } @media only screen and (min-width: 768px) { .search__input { height: 46px; } } @media only screen and (min-width: 992px) { .search__input { top: 0; left: 10px; height: 40px; padding: 0 55px 0 10px; background: transparent; margin-left: 0; } } .search__icon { cursor: pointer; display: block; position: absolute; right: 5px; top: 6px; width: 30px; height: 30px; fill: #fff; } @media only screen and (min-width: 576px) { .search__icon { top: 10px; } } @media only screen and (min-width: 768px) { .search__icon { top: 7px; } } @media only screen and (min-width: 992px) { .search__icon { right: 5px; fill: #6b6f6f; } } .search__icon--active, .search__icon--close { display: none; } input#ke_search_sword { position: relative; width: 100%; } .form--search .form-group { margin-bottom: 1rem; } .search--active { background: #fff; border-right: 2px solid #6b6f6f; color: #333; height: 45px; width: 100%; } @media only screen and (min-width: 576px) { .search--active { height: 51px; } } @media only screen and (min-width: 768px) { .search--active { width: 100%; } } @media only screen and (min-width: 992px) { .search--active { height: 40px; width: 180%; } } .search--active .search__input { width: 100%; } .search--active .search__icon { display: none; } .search--active .search__icon--active { display: block; fill: #fff; height: 25px; margin-left: 4px; margin-top: 1px; width: 27px; } @media only screen and (min-width: 992px) { .search--active .search__icon--active { margin-top: -2px; } } .search--active .search__icon--close { display: block; fill: #e1e2e3; height: 20px; right: 45px; top: 9px; width: 20px; } @media only screen and (min-width: 576px) { .search--active .search__icon--close { top: 11px; } } @media only screen and (min-width: 768px) { .search--active .search__icon--close { height: 20px; width: 20px; top: 9px; } } @media only screen and (min-width: 992px) { .search--active .search__icon--close { top: 7px; } } .search--active .search__icon--close:hover { fill: #666666; } .search-related { background: #fff; padding: 5px; margin-bottom: 20px; } .search-related__acknowledgements { text-decoration: none; } .search-related__list { margin-bottom: 10px; padding: 0; margin-left: 25px; } .search-related__list--cols-2 { column-count: 2; } .search-related__list--cols-3 { column-count: 3; } .search-related__title { font-weight: bold; } .search-related__element { line-height: 1; list-style-type: none; } .search-related__element:before { width: 5px; height: 5px; padding: 0; left: -8px; margin-left: -8px; margin-top: 7px; } .search-related__link { font-size: 0.875rem; list-style-type: none; margin-bottom: 0; } .search-related__acknowledgements { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 0.8125rem; } .search-related__acknowledgements:hover { color: #999; } .search-resultlist__item { margin: 20px 0; } .search-resultlist__title { font-weight: bold; } .search-resultlist__fileicon a:before { content: ""; display: inline-flex; vertical-align: middle; height: 17px; width: 17px; position: relative; top: 0; background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/download.svg'); background-repeat: no-repeat; } .search-resultlist__fileextension { font-weight: normal; font-size: 0.75em; } .search-resultlist__teaser { font-size: 0.875rem; } .search-resultlist__url { margin: 10px 0; font-size: 0.9rem; } .search-resultlist__link { color: #006599; } .search-resultlist__num-results { border-bottom: 1px solid #e1e2e3; } .search-resultlist .hit { font-weight: bold; color: inherit !important; } .search-resultlist__footer { border-top: 1px solid #e1e2e3; padding: 20px 0; } .search-resultlist__pagination ul { padding: 0; } .search-resultlist__pagination li { margin: 5px; } .search-resultlist__pagination li .current a { background-color: #c2c2c2; color: #333; text-decoration: none; } .search-resultlist__pagination a { background-color: #f5f5f5; border: 3px solid transparent; cursor: pointer; display: table-cell; height: 2rem; line-height: 1.625rem; margin-right: 10px; text-align: center; text-decoration: none; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); width: 2rem; } .search-resultlist__pagination a:hover { background-color: #c2c2c2; color: #333; text-decoration: none; } .search-resultlist__pagination a.current { background-color: #c2c2c2; cursor: default; } .search-resultlist__pagination a.prev { background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-left.svg'); background-repeat: no-repeat; background-position: 0 1px; text-indent: -9999px; width: 30px; } .search-resultlist__pagination a.next { background-image: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/Arrows/angle-right.svg'); background-repeat: no-repeat; background-position: 0 1px; text-indent: -9999px; width: 30px; } .search-resultlist__result-txt { display: table; margin-left: auto; margin-right: auto; font-size: 0.9rem; } .search-resultlist .search-result-meta-info-container { display: flex; flex-direction: row; place-items: center; gap: 0.5rem; padding: 0.125rem 0; } .search-resultlist .search-result-meta-info-container-footer { display: flex; flex-direction: column; place-content: center; padding: 0.125rem 0; } .search-resultlist .search-result-meta-info-container-footer div { line-height: 1.25; } .search-resultlist .search-result-path { font-size: 0.75em; color: #222; border-left: 2px solid #ccc; padding-left: 0.25rem; } .search-resultlist .search-result-type-tag { font-size: 0.75em; padding: 0.1em 0.375em; border-radius: 2px; background: #e9e9e9; color: #222; } .search-resultlist .search-result-date-label { font-size: 0.75em; color: #222; } .search-resultlist .search-resultlist__teaser { display: block; margin: 0.25rem 0; color: #666; } .search-resultlist .search-resultlist__result-number { font-weight: bold; font-size: 0.75em; vertical-align: text-bottom; margin-right: 0.25em; color: #666; } #kesearch_results.search-resultlist .result-list-item { padding: 0.5rem; margin: 1rem -0.5rem; background: #f9f9f9; } .select2-container--default.select2-container--focus { outline: 5px auto #4dc3ff; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #ced4da; } .select2-container--default .select2-search:before { content: none; } .select2-container--default .select2-selection { font-size: 0.8125rem; } .select2-container--default .select2-selection--multiple { border-color: #ced4da; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 9px 9px 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice { border: none; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2); line-height: 1.3; margin-top: 0; padding: 0 5px 3px; white-space: normal; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #c20; font-size: 1rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #c20; } .select2-container--default .select2-selection__choice:before { content: none; } .select2-results__option { font-size: 0.875rem; } .session { margin-top: -20px; } .session .cta__title { font-size: 1.1rem; } .session .body__icon { height: 26px; width: 25px; margin-right: 0; } .session__success, .session__fail { display: none; margin-top: 20px; } .session__success .body__icon, .session__fail .body__icon { margin-right: 10px; } .shariff { display: inline-block; float: right; } .shariff .facebook { background: #e1e2e3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); cursor: pointer; height: 30px; width: 100%; } .shariff .facebook a { text-decoration: none; color: #333; display: block; } .shariff .facebook a:hover { color: #333; } .shariff .shariff-button { display: inline-block; margin-left: 10px; padding-right: 8px; transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1); width: auto; } .shariff .shariff-button:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.22); } .shariff a > span:first-child { display: inline-block; height: 30px; width: 30px; float: left; } .shariff a > span:first-child.fa-facebook-f { background: url('../../../_assets/b19a9ade16c8d9b58cfd7b08b3242ac0/Icons/facebook-f.svg') no-repeat 3px 6px; background-size: 20px; } .shariff ul { padding-left: 0; margin-bottom: 0; } .shariff li:before { display: none; } .shariff .share_text { font-size: 0.875rem; font-weight: normal; display: inline-block; line-height: 30px; } .spinner { bottom: 0; display: none; height: 200px; left: 0; margin: auto; right: 0; position: fixed; top: 0; width: 200px; z-index: 10000; } .spinner--show { display: block; } .spinner__animation, .spinner__animation:after { border-radius: 50%; width: 200px; height: 200px; } .spinner__animation { margin: 0 auto; font-size: 10px; position: relative; text-indent: -9999em; border: 1.1em solid rgba(227, 6, 19, 0.2); border-left-color: #c20; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .staff__icon { height: 16px; width: 16px; } .staff__text { margin-bottom: 20px; } .staff__list { margin-bottom: 0; padding: 0; } .staff__element { list-style-type: none; margin-bottom: 10px; } .staff__element:before, .staff__element:after { content: " "; display: table; } .staff__element:after { clear: both; display: block; height: 1px; margin-top: -1px; visibility: hidden; } .staff__element { *zoom: 1; } .staff__element--last { margin-bottom: 0; } .staff__portrait { float: left; margin-right: 20px; } .staff__name { font-weight: 800; } .staff--ansprechpartner { background: #fff; padding: 10px; } .staff--ansprechpartner-aside { background: #a1c3d4; padding: 10px; } .switch { position: relative; width: 60px; -webkit-user-select: none; user-select: none; display: inline-block; } @media only screen and (min-width: 576px) { .switch { width: 70px; } } .switch__checkbox { display: none; } .switch__label { display: block; overflow: hidden; cursor: pointer; margin: 0; } .switch__inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .switch__inner:before, .switch__inner:after { display: block; float: left; width: 50%; height: 30px; padding: 3px 0; font-size: 1rem; box-sizing: border-box; background-color: #e1e2e3; color: #333; } .switch__inner:before { content: "Ein"; padding-left: 10px; } @media only screen and (min-width: 576px) { .switch__inner:before { padding-left: 15px; } } .switch__inner:after { content: "Aus"; padding-right: 5px; text-align: right; } @media only screen and (min-width: 576px) { .switch__inner:after { padding-right: 15px; } } .switch__switch { display: block; width: 20px; height: 30px; margin: 0; background: #bbc2c6; position: absolute; top: 0; bottom: 0; right: 40px; border: none; border-radius: 0; transition: all 0.3s ease-in 0s; } @media only screen and (min-width: 576px) { .switch__switch { right: 50px; } } .switch__checkbox:checked + .switch__label .switch__inner { margin-left: 0; } .switch__checkbox:checked + .switch__label .switch__switch { right: 0; background-color: #0087cc; } .table__header--hidden { display: none; } .table__row--hidden { display: none; } .table__td--small-font { font-size: 0.875rem; } .table__footer--hidden { display: none; } .table-rwd { display: block; } @media only screen and (min-width: 576px) { .table-rwd { display: flex; flex-wrap: wrap; } } .table-rwd--2cols > .table-rwd__cell { width: 50%; } .table-rwd--3cols > .table-rwd__cell { width: 33.33%; } .table-rwd--4cols > .table-rwd__cell { width: 25%; } .table-rwd--5cols > .table-rwd__cell { width: 20%; } .table-rwd__cell { background: #e1e2e3; box-sizing: border-box; flex-grow: 1; list-style: none; overflow: hidden; padding: 3px; width: 100%; } @media only screen and (min-width: 576px) { .table-rwd__cell { border-bottom: solid 1px #fff; } } .table-rwd__cell--head { font-weight: bold; } .table-rwd__cell--empty { padding: 0; } .table-rwd__cell--today { background: #b3e5ff; } .teaser { position: relative; } @media only screen and (min-width: 320px) { .teaser__wrapper { position: relative; } } .teaser img { width: 100%; } .teaser__box { background: #bbc2c6; bottom: 0; padding: 15px 15px 0; width: 105%; z-index: 200; } @media only screen and (min-width: 576px) { .teaser__box { width: 100%; } } @media only screen and (min-width: 992px) { .teaser__box { position: absolute; width: 465px; } } @media only screen and (min-width: 1200px) { .teaser__box { width: 554px; } } .teaser__box--aerzte { background-color: #fc0; } .teaser__box--patienten { background-color: #c20; } .teaser__box--fortbildung { background-color: #80c; } .teaser__box--wohlfahrtsfonds { background-color: #0c6; } .teaser__box--aerztekammer { background-color: #0087cc; } .teaser__title { font-size: 1.2rem; text-transform: none; } @media only screen and (min-width: 1200px) { .teaser__title { font-size: 1.5rem; } } .teaser__title--light-text a { color: #fff !important; } .teaser__title--light-text a:hover { color: #fff !important; } .teaser__link, .teaser a { color: #333; text-decoration: none; font-family: "Open Sans", sans-serif; } .teaser__link:hover, .teaser a:hover { color: #333; } .teaser__link--light-text, .teaser a--light-text { color: #fff; } .teaser__link--light-text:hover, .teaser a--light-text:hover { color: #fff; } .teaser__description { background: #bbc2c6; color: #333; font-size: 1rem; margin-bottom: 0; padding: 5px 15px 15px; width: 100%; height: 500%; line-height: 1.3; margin-top: -10px; } @media only screen and (min-width: 992px) { .teaser__description { margin-top: 0; min-height: 85px; } } @media only screen and (min-width: 1200px) { .teaser__description { min-height: 95px; } } .teaser__description--light-text { color: #fff; } .teaser__description--light-text:hover { color: #fff; } .teaser__description--aerzte { background-color: #fc0; } .teaser__description--patienten { background-color: #c20; } .teaser__description--fortbildung { background-color: #80c; } .teaser__description--wohlfahrtsfonds { background-color: #0c6; } .teaser__description--aerztekammer { background-color: #0087cc; } .teaser .slick-arrow__icon { display: none !important; width: 60px; height: 60px; cursor: pointer; position: absolute; top: 50%; z-index: 20; margin-top: -100px; } .teaser .slick-arrow__icon svg { fill: #fff; } @media only screen and (min-width: 576px) { .teaser .slick-arrow__icon { display: block !important; } } .teaser .slick-arrow__icon--next { right: 10px; } .teaser .slick-arrow__icon--prev { left: 10px; } .teaser .slick-dots { display: none !important; list-style: none; font-size: 0; } @media only screen and (min-width: 576px) { .teaser .slick-dots { display: block !important; position: absolute; right: 5px; top: 5px; } } @media only screen and (min-width: 992px) { .teaser .slick-dots { right: 5px; bottom: 40px; top: inherit; } } @media only screen and (min-width: 1200px) { .teaser .slick-dots { right: 5px; bottom: 50px; top: inherit; } } .teaser .slick-dots li { float: left; padding: 0 0 0 5px; } .teaser .slick-dots li:before { display: none; } .teaser .slick-dots li button { padding: 5px; cursor: pointer; background: #bbc2c6; border: 1px solid #bbc2c6; color: #333; } .teaser .slick-dots li.slick-active button { background: #393b3b; border: 1px solid #393b3b; color: #fff; } .wochenenddienste__filter { background: #f5f5f5; margin-bottom: 30px; padding: 15px; } .wochenenddienste__fields { display: grid; grid-column-gap: 15px; grid-template: "field1 field1" auto "field2 field3" auto / 1fr 1fr; margin-bottom: 20px; } .wochenenddienste__form-group:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: field1; } .wochenenddienste__form-group:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: field2; } .wochenenddienste__form-group:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: field3; } .wochenenddienste__btn { margin-right: 5px; min-width: 100px; padding: 0 20px; width: auto; } @media only screen and (min-width: 576px) { .wochenenddienste__btn { min-width: 150px; } } .wochenenddienste__btn--submit { background-color: #c20; } .wochenenddienste__btn--submit:active, .wochenenddienste__btn--submit:focus, .wochenenddienste__btn--submit:hover { background-color: #b31e00; } .wochenenddienste__no-results { display: none; } .footer { background: #595959; border-top: 7px solid #888; color: #fff; font-size: 0.875rem; padding: 30px 0; } @media print { .footer { background: #fff; color: #333; padding: 20px 0 0; } } .footer .frame { margin-bottom: 0; } .footer a { color: #fff; } @media print { .footer a { color: #333; } } @media only screen and (min-width: 576px) { .footer { font-size: 1rem; } } .footer__accessibility { padding: 0; } .footer__address { margin-bottom: 20px; } @media print { .footer__address { padding: 0; } } .footer__contact-icon { height: 18px; margin: 2px 16px 0 0; width: 18px; } .footer__link { color: #fff; } .footer__link:hover { color: #fff; text-decoration: underline; } .footer__menu { padding-top: 30px; border-top: 1px solid #6c6c6c; } @media only screen and (min-width: 768px) { .footer__menu { border-top: none; border-left: 1px solid #6c6c6c; padding-top: 0; } } .footer__opening-time { margin-bottom: 5px; } .footer__copyright { background: #595959; border-top: 1px solid #6c6c6c; font-size: 0.8rem; padding: 30px 0; color: #fff; } @media print { .footer__copyright { background: #fff; border-top: none; color: #333; padding: 5px 0 0; } } .footer__social { margin-top: 20px; } @media only screen and (min-width: 768px) { .footer__social { margin-left: 50px; } } .footer__social .social__icon { cursor: pointer; background: #fff; width: 35px; height: 35px; border-radius: 35px; margin-right: 10px; padding: 7px; } .footer__social-links { display: inline-block; }