CommandBar Explanation
CommandBar Content
*/
--commandbar-border-radius: var(--border-radius);
--commandbar-content-background: var(--color-brightest);
--commandbar-content-padding: var(--padding);
--commandbar-explanation-font-family: var(--font-family);
--commandbar-explanation-padding: var(--padding-hor) 0;
--commandbar-explanation-margin: 0;
--commandbar-explanation-display: block;
--commandbar-frame-background: linear-gradient(
var(--color-primary-gradstart),
var(--color-primary-gradend)
);
--commandbar-frame-padding: var(--padding);
--commandbar-title-padding: 0.5em 0;
--commandbar-title-margin: 0;
--commandbar-title-font-family: var(--font-family);
--commandbar-title-font-size: var(--font-size-xxlarge);
--commandbar-title-display: block;
--commandbar-color: var(--color-brightest);
} /* end :root */
.fmh,
.fmh * {
box-sizing: border-box;
}
/** styleDoc - Control Textfield
*/
.fmh.textfield {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: var(--font-family);
font-size: var(--font-size-base);
padding: var(--textfield-padding);
border-radius: var(--textfield-border-radius);
border: none;
font-family: var(--font-family);
font-weight: var(--font-weight-normal);
background-color: var(--textfield-background);
line-height: var(--line-height);
color: var(--color-text);
}
.fmh.textfield:focus,
.fmh.textfield.focus {
/* background: var(--textfield-background-active); */
outline: var(--textfield-border-outline);
}
.fmh.textfield,
.fmh.textfield * {
box-sizing: border-box;
}
.fmh.label {
font-family: var(--font-family);
font-size: var(--font-size-base);
font-weight: var(--font-weight-normal);
color: var(--color-text);
margin-bottom: 0.25em;
}
/** styleDoc - Control Button
*/
.fmh.button {
font-family: var(--button-font-family);
font-size: var(--button-font-size);
padding: var(--button-padding);
border-radius: var(--button-border-radius);
border: var(--button-border);
text-transform: var(--button-text-transform);
border: var(--button-border);
line-height: var(--button-line-height);
font-weight: var(--button-font-weight);
letter-spacing: var(--button-letter-spacing);
}
.fmh.button:hover,
fmh.button.hover {
background: var(--button-background-hover);
}
/** styleDoc - Control Button option
*/
.fmh.button.option {
color: var(--button-color);
background: var(--button-background-option);
}
.fmh.button.option:hover,
.fmh.button.option.hover {
background: var(--button-background-hover);
}
/** styleDoc - Control Button option selected
*/
.fmh.button.option.selected {
color: var(--button-color);
background-color: var(--button-background-hover);
}
@font-face {
font-family: "FmhIcons";
font-weight: 100;
font-display: swap;
src: local("FmhIcons"), url("https://static.fmh.de/sites/www.fmh.de/fonts/fmh-4a9f96996b8de4dd81ab277b068b4964.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-weight: 100;
font-display: swap;
src: local("Roboto-Thin"), url("https://static.fmh.de/sites/www.fmh.de/fonts/Roboto-Thin-2f1c68f7e82736f910497d29e3add5f1.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-weight: 300;
font-display: swap;
src: local("Roboto-Light"), url("https://static.fmh.de/sites/www.fmh.de/fonts/Roboto-Light-b355aea0c75c3543593a870a3829e417.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-weight: 500;
font-display: swap;
src: local("Roboto-Regular"), url("https://static.fmh.de/sites/www.fmh.de/fonts/Roboto-Regular-0d248fece6f093412c3d55c9712c522b.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-weight: 600;
font-display: swap;
src: local("Roboto-Medium"), url("https://static.fmh.de/sites/www.fmh.de/fonts/Roboto-Medium-5b229d8ff0697253d0f07163fb5f9120.woff") format("woff");
}
@font-face {
font-family: "Roboto-Thin";
font-style: normal;
font-display: swap;
src: local("Roboto-Thin"), url("https://static.fmh.de/sites/www.fmh.de/fonts/Roboto-Thin-2f1c68f7e82736f910497d29e3add5f1.woff") format("woff");
}
@font-face {
font-family: "Roboto-Light";
font-style: normal;
font-display: swap;
src: local("Roboto-Light"), url("https://static.fmh.de/sites/www.fmh.de/fonts/Roboto-Light-b355aea0c75c3543593a870a3829e417.woff") format("woff");
}
@font-face {
font-family: "Roboto-Regular";
font-style: normal;
font-display: swap;
src: local("Roboto-Regular"), url("https://static.fmh.de/sites/www.fmh.de/fonts/Roboto-Regular-0d248fece6f093412c3d55c9712c522b.woff") format("woff");
}
@font-face {
font-family: "Roboto-Medium";
font-style: normal;
font-display: swap;
src: local("Roboto-Medium"), url("https://static.fmh.de/sites/www.fmh.de/fonts/Roboto-Medium-5b229d8ff0697253d0f07163fb5f9120.woff") format("woff");
}
.test {
font-family: "Roboto";
font-weight: 100;
}
html {
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
}
body.fmh-body,
html {
margin: 0;
padding: 0;
height: 100%;
}
.fmh-body {
height: 100%;
/* the checkbox label willbe visible with mobile sizes*/
/*
h1,
h2 {
font-weight: normal;
font-family: 'Roboto-Medium', arial, sans-serif;
display: inline-block;
}
h1 {
color: $color__text--shiny;
}
h2 {
color: white;
}
*/
}
.fmh-body, .fmh-body * {
box-sizing: border-box;
}
.fmh-body__hr {
margin: 2em 0rem;
border: 0;
}
.fmh-body__fmh-main--fmh-topic {
margin-top: 4rem;
}
.fmh-body__mobile-menu-state {
top: 0;
left: 0;
position: absolute;
border: 0;
display: block;
visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
}
.fmh-body__mobile-menu-toggle {
display: block;
visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
}
.icon-wrapper {
position: relative;
padding-right: 2em;
}
.icon-wrapper__icon {
position: absolute;
right: 0;
top: 0;
}
.icon--details {
height: 1rem;
width: 1.5rem;
display: block;
}
.icon--details::before, .icon--details::after {
content: "";
height: 1rem;
width: 1.5rem;
display: block;
position: absolute;
}
.icon--details::before {
border-radius: 3px;
border: 3px solid #3270ae;
}
.icon--details::after {
font-size: 1.2rem;
top: -0.2rem;
left: 0.15rem;
text-align: center;
content: "☶";
}
.icon__email::before {
background-image: url("https://static.fmh.de/sites/www.fmh.de/css/images/email-icon-88d035384f1556b262c4c894acd38535.svg");
}
.icon__linked-in::before {
background-image: url("https://static.fmh.de/sites/www.fmh.de/css/images/linked-in-logo-c7e8ac72f49bff32887db5e31d7b439a.svg");
}
.icon--inline {
color: #ff9900;
margin-right: 1.5em;
}
.icon--inline::before {
margin-right: 0.5em;
content: "";
display: inline-block;
background-size: 1em 1em;
background-repeat: no-repeat;
height: 1em;
width: 1em;
}
.layout-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.layout-wrapper--top {
margin-top: 4rem;
}
.layout-wrapper > .layout {
max-width: 1160px;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}
.layout {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.layout__separator {
height: 0px;
border: 0;
}
.layout__separator--standard {
height: 0.5rem 0;
border: 0;
}
.layout__separator {
height: 0px;
border: 0;
}
.layout__1 {
width: calc(100% * 1 / 1 - 1rem);
flex-grow: 1;
flex-shrink: 0;
min-width: 280px;
}
.layout__2 {
width: calc(100% * 1 / 2 - 1rem);
flex-grow: 1;
flex-shrink: 0;
min-width: 280px;
}
.layout__3 {
width: calc(100% * 1 / 3 - 1rem);
flex-grow: 1;
flex-shrink: 0;
min-width: 280px;
}
.layout__3x2 {
width: calc(100% * 2 / 3 - 1rem);
flex-grow: 1;
flex-shrink: 0;
min-width: 280px;
}
.layout__4 {
width: calc(100% * 1 / 4 - 1rem);
flex-grow: 1;
flex-shrink: 0;
min-width: 280px;
}
.layout__4x2 {
width: calc(100% * 2 / 4 - 1rem);
flex-grow: 1;
flex-shrink: 0;
min-width: 280px;
}
.layout__4x3 {
width: calc(100% * 3 / 4 - 1rem);
flex-grow: 1;
flex-shrink: 0;
min-width: 280px;
}
/*.layout {
$margin: 1rem;
max-width: $content__max-width;
display: flex;
flex-flow: row wrap;
margin: $margin auto $margin auto;
gap: calc(2 * $margin);
$item-margin: 1rem;
&__separator {
height: 0px;
border: 0;
}
&__1 {
//@include calcFlex;
min-width: calc(320px - 2rem);
flex: 1 1 calc(1200px - 2rem);
}
&__2 {
min-width: calc(320px - 2rem);
flex: 1 1 calc(50% - 2rem);
}
&__3 {
min-width: calc(320px - 2rem);
flex: 1 1 calc((100% / 3) - 1rem);
}
&__3x2 {
min-width: calc(320px - 2rem);
flex: 1 1 calc(800px - 2rem);
}
&__4 {
min-width: calc(320px - 2rem);
flex: 1 1 calc(300px - 2rem);
}
}
*/
.fmh-section__figure--center,
.fmh-news__figure--center {
margin-left: auto;
margin-right: auto;
}
.fmh-section__figure--left,
.fmh-news__figure--left {
display: inline-block;
float: left;
margin: 0 1rem 1rem 0;
}
.fmh-section__figure--right,
.fmh-news__figure--right {
float: right;
}
.fmh-section__figure--justify,
.fmh-news__figure--justify {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.fmh-section__figcaption,
.fmh-news__figcaption {
display: block;
font-family: "Roboto-Regular", arial, sans-serif;
font-size: 0.85rem;
color: #424242;
}
.fmh-section__img,
.fmh-news__img {
width: 100%;
height: auto;
display: block;
}
.fmh-section__img--center,
.fmh-news__img--center {
margin-left: auto;
margin-right: auto;
}
.fmh-section__title, .fmh-section__abstract, .fmh-section__description,
.fmh-news__title,
.fmh-news__abstract,
.fmh-news__description {
line-height: 1.5em;
font-size: 1rem;
}
.fmh-section__abstract, .fmh-section__description,
.fmh-news__abstract,
.fmh-news__description {
color: #424242;
font-family: "Roboto-Regular", arial, sans-serif;
}
.fmh-section__abstract a, .fmh-section__description a,
.fmh-news__abstract a,
.fmh-news__description a {
text-decoration: none;
color: #3270ae;
font-family: var(--font-family);
font-size: var(--font-size-base);
}
.fmh-section__abstract a:hover, .fmh-section__description a:hover,
.fmh-news__abstract a:hover,
.fmh-news__description a:hover {
color: #0050a0;
text-decoration: underline;
}
.fmh-section__abstract ul, .fmh-section__description ul,
.fmh-news__abstract ul,
.fmh-news__description ul {
list-style-type: none; /* Removes default bullets */
margin: 0.25rem 0 0.25rem 0;
}
.fmh-section__abstract ul li, .fmh-section__description ul li,
.fmh-news__abstract ul li,
.fmh-news__description ul li {
transform: translateX(1em);
position: relative; /* Positions the pseudo-element relative to the list items */
}
.fmh-section__abstract ul li:before, .fmh-section__description ul li:before,
.fmh-news__abstract ul li:before,
.fmh-news__description ul li:before {
position: absolute;
top: 0.5em;
transform: translateX(-1.25em);
background-color: #3270ae;
border-radius: 50%;
display: inline-block;
height: 0.5rem;
width: 0.5rem;
content: " "; /* Unicode character for a bullet */
}
.fmh-section__more,
.fmh-news__more {
text-decoration: none;
color: #085191;
}
.fmh-section__more:hover,
.fmh-news__more:hover {
text-decoration: underline;
}
.fmh-section__wrapper-link,
.fmh-news__wrapper-link {
text-decoration: none;
}
.fmh-section__wrapper-link:hover .fmh-section__title, .fmh-section__wrapper-link:hover .fmh-section__more,
.fmh-news__wrapper-link:hover .fmh-section__title,
.fmh-news__wrapper-link:hover .fmh-section__more {
text-decoration: underline;
color: #3270ae;
}
.fmh-section__wrapper-link:hover .fmh-section__img,
.fmh-news__wrapper-link:hover .fmh-section__img {
text-decoration: none;
}
.fmh-section__button,
.fmh-news__button {
letter-spacing: var(--button-letter-spacing);
display: inline-block;
background-color: var(--color-primary);
margin: var(--button-margin);
padding: var(--button-padding);
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
border-radius: var(--border-radius);
border: none;
line-height: var(--button-line-height);
color: var(--button-color);
text-decoration: none;
text-transform: uppercase;
font-family: var(--font-family);
}
.fmh-section__button:hover,
.fmh-news__button:hover {
color: var(--button-color-hover);
background-color: var(--button-background-hover);
text-decoration: none;
}
.fmh-section__title {
margin: 0;
padding: 0;
font-weight: normal;
color: rgba(0, 0, 0, 0.87);
font-family: "Roboto-Medium", arial, sans-serif;
}
.fmh-section__description {
color: #424242;
font-family: "Roboto-Regular", arial, sans-serif;
}
.fmh-section__description h2 {
margin-top: 2em;
font-weight: normal;
font-size: 18px;
color: #424242;
font-family: "Roboto-Medium", arial, sans-serif;
}
.fmh-news__title {
display: block;
width: 100%;
margin: 0 0 1em 0;
padding: 0;
font-weight: normal;
font-size: 20px;
color: #3270ae;
font-family: "Roboto-Medium", arial, sans-serif;
}
.fmh-news__description {
margin-top: 1rem;
clear: both;
color: #424242;
font-family: "Roboto-Regular", arial, sans-serif;
}
.fmh-news__description h2 {
margin-top: 2em;
font-weight: normal;
font-size: 18px;
color: #424242;
font-family: "Roboto-Medium", arial, sans-serif;
}
.fmh-header,
.fmh-footer {
font-family: "Roboto-Regular", arial, sans-serif;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.fmh-header,
.fmh-footer {
padding: 0;
}
.fmh-header *,
.fmh-footer * {
margin: 0;
padding: 0;
}
.fmh-header,
.fmh-footer__content {
max-width: 1240px;
}
/*
.fmh-zzv {
display: block;
height: 85px;
&__zinzen-zahlen-vergleiche {
transition: all 3s ease-in-out;
}
}
*/
.fmh-p {
color: #424242;
font-size: 16px;
font-family: "Roboto-Regular", arial, sans-serif;
}
.fmh-p__link {
text-decoration: none;
color: #3270ae;
font-family: var(--font-family);
font-size: var(--font-size-base);
}
.fmh-p__link:hover {
color: #0050a0;
text-decoration: underline;
}
.fmh-global-info__flex-wrapper {
display: flex;
flex-flow: row wrap;
}
.fmh-global-info__fmh-legal-links, .fmh-global-info__fmh-search-label {
width: 100%;
flex: 1 1 100%;
max-width: 25rem;
margin-top: 0.1rem;
margin-left: auto;
margin-right: 0;
position: relative;
}
.fmh-global-info__fmh-legal-links {
margin-bottom: 0.3rem;
}
.fmh-header {
z-index: 1;
display: flex;
flex-flow: row wrap;
position: relative;
/* the checkbox will never be visible */
}
.fmh-header::before {
position: absolute;
bottom: 0px;
content: "";
width: 100vw;
left: calc(-1 * (100vw - 100%) / 2);
border-bottom: 1px solid #0c71b3;
}
.fmh-header__fmh-logo-figure, .fmh-header__fmh-global-info {
padding-top: 0.35rem;
padding-bottom: 0.33rem;
flex: 1 1 50%;
}
.fmh-header__fmh-logo-figure svg {
height: 55px;
}
.fmh-header__fmh-nav {
flex: 1 1 100%;
}
.fmh-legal-links__list {
list-style: none;
display: flex;
justify-content: space-between;
flex-flow: row nowrap;
}
.fmh-legal-links__list-link {
padding: 0.2rem 0.6rem;
font-size: 0.89rem;
text-decoration: none;
display: block;
color: #085191;
text-align: center;
}
.fmh-legal-links__list-link:hover {
color: #00a0ec;
}
.fmh-legal-links__list-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100px;
display: inline-block;
}
.fmh-legal-links__list-item {
position: relative;
white-space: nowrap;
}
.fmh-legal-links__list-item::after {
top: 0.4rem;
right: 0;
position: absolute;
content: "";
height: 0.75rem;
border-right: 1px solid #085191;
}
.fmh-legal-links__list-item:first-child .fmh-legal-links__list-link {
padding-left: 0;
}
.fmh-legal-links__list-item:last-child::after {
border: none;
}
.fmh-legal-links__list-item:last-child .fmh-legal-links__list-link {
padding-right: 0;
}
.fmh-placeholder {
display: inline-block;
}
.fmh-magnify {
display: block;
border-radius: 1rem;
height: 0.825rem;
width: 0.825rem;
border: 2px solid rgba(0, 0, 0, 0.54);
}
.fmh-magnify::after {
content: "";
height: 0.125rem;
width: 0.5rem;
background: rgba(0, 0, 0, 0.54);
position: absolute;
top: 0.7rem;
left: 0.5rem;
transform: rotate(45deg);
}
.fmh-search-label__fmh-magnify {
position: absolute;
right: 1.3rem;
top: 0.6rem;
}
.fmh-search-label__fmh-search {
border-radius: 0.25rem;
border: 0;
background-color: #f0f0f0;
width: 100%;
display: block;
height: 2.5rem;
padding-left: 0.6rem;
font-size: 1rem;
color: rgb(138, 138, 138);
}
.fmh-search-label__fmh-search:focus {
outline: none;
}
.fmh-search-label__fmh-search:active .fmh-search-label__fmh-magnify {
border-color: #085191;
}
.fmh-search-label__fmh-search:active .fmh-search-label__fmh-magnify:after {
background-color: #085191;
}
.fmh-search-label__fmh-search + span {
transition: top 300ms linear;
pointer-events: none;
top: 0;
left: 0;
position: absolute;
margin-left: 0.6rem;
height: 2.5rem;
line-height: 2.5rem;
color: rgba(0, 0, 0, 0.54);
}
.fmh-search-label__fmh-search:not(div):not(:placeholder-shown) + span, .fmh-search-label__fmh-search:focus + span, .fmh-search-label__fmh-search--label-out + span {
border-radius: 0.2rem 0.2rem 0 0;
padding: 0.05rem 0.3rem;
height: 1.3rem;
line-height: 1.2rem;
font-weight: 100;
font-family: "Roboto-Light", arial, sans-serif;
font-weight: bold;
color: #085191;
background-color: #f0f0f0;
font-weight: 600;
font-size: 0.8rem;
top: -0.65rem;
}
.fmh-menu,
.fmh-submenu {
list-style: none;
}
.fmh-menu {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.fmh-page {
margin-top: 7rem;
}
.fmh-page__title, .fmh-page__subtitle {
line-height: 1.3em;
font-family: "Roboto-Medium", arial, sans-serif;
}
.fmh-page__title {
margin: 0;
padding: 0;
font-weight: 400;
font-family: "Roboto-Medium", arial, sans-serif;
color: #00a0ec;
font-size: 1.6rem;
}
.fmh-page__subtitle {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 1.2rem;
color: #424242;
}
.fmh-frame {
border: 15px solid #00a0ec;
border-radius: 3px;
}
.fmh-frame__title {
background-color: #00a0ec;
color: white;
}
.fmh-calc-frame,
.fmh-frame-description {
margin-left: auto;
margin-right: auto;
max-width: 1160px;
}
.fmh-calc-frame {
margin-bottom: 2rem;
}
.fmh-frame-description {
margin-top: 2rem;
font-family: "Roboto-Medium", arial, sans-serif;
background-color: #5490ce;
padding: 0 1rem 0 1rem;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.fmh-frame-description h2 {
margin: 1rem 0rem 1rem 0rem;
font-size: 1.4rem;
line-height: 1.4em;
color: white;
font-weight: normal;
display: inline-block;
}
.fmh-frame-description h3 {
padding: 1em 1rem 0em 1rem;
margin: 0;
font-size: 1.2rem;
background-color: white;
color: #0050a0;
line-height: 1.4em;
font-weight: medium;
display: block;
}
.fmh-frame-description p {
line-height: 1.2em;
margin: 0;
padding: 1rem;
background-color: white;
font-weight: normal;
font-family: "Roboto-Medium", arial, sans-serif;
}
.fmh-frame-description p:first-of-type {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-top: 0;
padding-top: 1rem;
}
.fmh-frame-description p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.fmh-frame-description ul,
.fmh-frame-description ol {
margin: 0;
padding: 0.5rem 1rem 1rem 2rem;
background-color: white;
}
.fmh-frame-description ul li,
.fmh-frame-description ol li {
font-weight: normal;
font-size: 1rem;
line-height: 1.2em;
margin: 0.5rem 1rem 1rem;
}
.fmh-frame-description__blank {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 3px;
background-color: white;
}
.fmh-calc-frame {
padding: 0 1rem 1rem 1rem;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2);
background: linear-gradient(#5490ce, #3b6a99);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fmh-calc-frame__h2 {
font-size: 1.4rem;
line-height: 1.4em;
color: white;
font-weight: normal;
font-family: "Roboto-Medium", arial, sans-serif;
display: inline-block;
}
.fmh-calc-frame__description {
margin: 0rem auto 1rem auto;
font-family: "Roboto-Regular", arial, sans-serif;
}
.fmh-calc-frame__fmh-calc-content {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background-color: white;
padding: 1rem;
}
.fmh-calc-frame__fmh-calc-content > * {
margin-left: auto;
margin-right: auto;
}
.fmh-nav__fmh-menu {
width: 100%;
}
.fmh-nav__fmh-submenu-state {
position: absolute;
display: block;
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
}
.fmh-nav__fmh-submenu {
position: absolute;
left: 0;
display: block;
transition: all 0.3s;
height: auto;
max-height: 0;
overflow: hidden;
}
.fmh-submenu {
border-radius: 0 0 0.2rem 0.2rem;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.fmh-submenu::after {
content: "";
position: absolute;
left: 5rem;
top: 0;
width: 0;
height: 0;
border-left: 0.85rem solid transparent;
border-right: 0.85rem solid transparent;
border-top: 0.85rem solid #e1eaf2;
}
.fmh-submenu__link {
padding: 0.5rem 2rem;
white-space: nowrap;
color: white;
text-decoration: none;
display: block;
font-family: "Roboto-Medium", arial, sans-serif;
vertical-align: middle;
}
.fmh-submenu__link:hover {
color: #00a0ec;
}
.fmh-submenu__link::before {
margin-right: 0.65rem;
margin-top: -0.2rem;
vertical-align: middle;
display: inline-block;
content: "";
height: 0.4rem;
width: 0.4rem;
transform: rotate(45deg);
border-top: 2.5px solid #00a0ec;
border-right: 2.5px solid #00a0ec;
}
.fmh-menu__item {
position: relative;
}
.fmh-menu__item:last-child .fmh-nav__fmh-submenu {
left: auto;
}
.fmh-menu__link {
display: inline-block;
border-radius: 0.2rem 0.2rem 0 0;
height: 2.55rem;
line-height: 2.55rem;
padding-left: 0.6em;
padding-right: 0.6em;
text-decoration: none;
font-family: "Roboto-Medium", arial, sans-serif;
color: #0050a0;
font-size: 1rem;
text-transform: uppercase;
}
.fmh-menu__link:hover {
transition: all 0.3s;
background-color: rgba(225, 234, 242, 0.5);
}
.fmh-body-text__box {
border-radius: 3px;
padding: 1rem;
border: 1px solid #f4f4f4;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.fmh-calc-intro {
padding: 1rem;
}
.fmh-calc-intro__box {
padding: 1rem;
border: 1px solid #f4f4f4;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.fmh-calc-intro__hgroup, .fmh-calc-intro__fmh-body-text {
margin: 0 auto;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.fmh-calc-intro__h1, .fmh-calc-intro__h2 {
text-align: left;
margin: 0.25rem 0;
padding: 0;
}
.fmh-calc-intro__title, .fmh-calc-intro__subtitle {
font-weight: normal;
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 24px;
}
.fmh-calc-intro__subtitle--inline {
margin-left: 0.375rem;
}
.fmh-calc-intro__fmh-body-text h3 {
color: #424242;
font-family: "Roboto-Medium", arial, sans-serif;
font-weight: normal;
font-size: 20px;
}
.fmh-calc-intro__fmh-body-text a {
text-decoration: none;
color: #5fd5ff;
}
.fmh-calc-intro__fmh-body-text a:hover {
text-decoration: underline;
}
.fmh-calc-intro__fmh-body-text p,
.fmh-calc-intro__fmh-body-text li {
font-family: "Roboto-Regular", arial, sans-serif;
}
.fmh-calc-intro__fmh-body-text li {
margin-top: 1em;
margin-bottom: 1em;
}
.fmh-calc-intro__fmh-body-text li:first-child {
margin-top: 0;
}
.fmh-calc-intro__fmh-body-text li:last-child {
margin-bottom: 0;
}
.fmh-topic-intro__box {
padding: 1rem;
border: 1px solid #f4f4f4;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.fmh-topic-intro__hgroup, .fmh-topic-intro__fmh-body-text {
margin: 0 auto;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.fmh-topic-intro__h1, .fmh-topic-intro__h2 {
text-align: left;
margin: 0.25rem 0;
padding: 0;
}
.fmh-topic-intro__title, .fmh-topic-intro__subtitle {
font-weight: normal;
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 24px;
}
.fmh-topic-intro__subtitle--inline {
margin-left: 0.375rem;
}
.fmh-topic-intro__fmh-body-text h3 {
color: #424242;
font-family: "Roboto-Medium", arial, sans-serif;
font-weight: normal;
font-size: 20px;
}
.fmh-topic-intro__fmh-body-text a {
text-decoration: none;
color: #5fd5ff;
}
.fmh-topic-intro__fmh-body-text a:hover {
text-decoration: underline;
}
.fmh-topic-intro__fmh-body-text p,
.fmh-topic-intro__fmh-body-text li {
font-family: "Roboto-Regular", arial, sans-serif;
}
.fmh-topic-intro__fmh-body-text li {
margin-top: 1em;
margin-bottom: 1em;
}
.fmh-topic-intro__fmh-body-text li:first-child {
margin-top: 0;
}
.fmh-topic-intro__fmh-body-text li:last-child {
margin-bottom: 0;
}
.fmh-calc-intro {
background-color: #3270ae;
}
.fmh-calc-intro__title {
color: #5fd5ff;
}
.fmh-calc-intro__subtitle {
color: white;
}
.fmh-calc-intro__subtitle--inline {
margin-left: 0.375rem;
}
.fmh-calc-intro__fmh-body-text a {
color: #5fd5ff;
}
.fmh-calc-intro__fmh-body-text p,
.fmh-calc-intro__fmh-body-text li {
color: white;
}
.in-paragraph-box {
display: flex;
flex-flow: row wrap;
gap: 1em;
}
.in-paragraph-box a {
border-radius: 0.2rem;
letter-spacing: 0.0125em;
text-transform: uppercase;
font-family: "Roboto-Medium", arial, sans-serif;
padding: 0.5em 1em;
}
.fmh-topic-intro__title {
color: #085191;
}
.fmh-topic-intro__subtitle {
color: #3270ae;
}
.fmh-topic-intro__subtitle--inline {
margin-left: 0.375rem;
color: #085191;
}
.fmh-topic-intro__fmh-body-text h3 {
margin-top: 1.5em;
margin-bottom: 1em;
color: #1194db;
}
.fmh-topic-intro__fmh-body-text h4 {
margin-top: 1.5em;
margin-bottom: 1em;
font-family: "Roboto-Medium", arial, sans-serif;
color: #424242;
}
.fmh-topic-intro__fmh-body-text li,
.fmh-topic-intro__fmh-body-text p {
color: #424242;
}
.fmh-topic-intro__fmh-body-text a {
color: #085191;
}
.fmh-topic-intro__fmh-body-text .in-paragraph-box {
margin-left: 1em;
margin-bottom: 1em;
max-width: 50%;
float: right;
}
.fmh-topic-intro__fmh-body-text .in-paragraph-box a {
background-color: #085191;
text-decoration: none;
color: #5fd5ff;
}
.fmh-topic-intro__fmh-body-text .in-paragraph-box a:before {
content: "▶";
margin-right: 0.5em;
}
.fmh-topic-intro__fmh-body-text .in-paragraph-box a:hover {
background-color: #3270ae;
color: white;
}
.fmh-footer {
background-color: #3270ae;
position: relative;
}
.fmh-footer__background-figure {
display: block;
left: 0;
top: 0;
width: 100%;
position: absolute;
}
.fmh-footer__background-image {
margin-left: -3vw;
margin-top: 4rem;
width: 90vw;
height: auto;
display: block;
}
.fmh-footer__fmh-footer-nav {
position: relative;
}
.fmh-footer__legal {
padding: 2.5rem;
background-color: #085191;
text-align: center;
}
.fmh-footer__fmh-legal-footer-nav {
margin-left: auto;
margin-right: auto;
}
.fmh-footer__content {
margin-left: auto;
margin-right: auto;
}
.fmh-footer__p {
line-height: 1.3em;
color: white;
}
.fmh-footer__p--address {
font-style: normal;
font-family: "Roboto-Medium", arial, sans-serif;
}
.fmh-footer__button {
letter-spacing: var(--button-letter-spacing);
display: inline-block;
background-color: var(--color-primary);
margin: var(--button-margin);
padding: var(--button-padding);
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
border-radius: var(--border-radius);
border: none;
line-height: var(--button-line-height);
color: var(--button-color);
text-decoration: none;
text-transform: uppercase;
font-family: var(--font-family);
}
.fmh-footer__button:hover {
color: var(--button-color-hover);
background-color: var(--button-background-hover);
text-decoration: none;
}
.fmh-footer-nav {
padding-top: 1.5rem;
padding-left: 3.5rem;
padding-right: 3.5rem;
padding-bottom: 1.8rem;
}
.fmh-footer-nav__list, .fmh-footer-nav__sub-list {
list-style: none;
}
.fmh-footer-nav__list {
column-count: 2;
column-width: 300px;
column-gap: 5rem;
}
.fmh-footer-nav__item {
padding-top: 0em;
margin-bottom: 1rem;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.fmh-footer-nav__item::before {
margin-right: 0.65rem;
margin-top: -0.2rem;
vertical-align: middle;
display: inline-block;
content: "";
height: 0.4rem;
width: 0.4rem;
transform: rotate(45deg);
border-top: 2.5px solid #00a0ec;
border-right: 2.5px solid #00a0ec;
}
.fmh-footer-nav__link {
line-height: 1.6em;
text-decoration: none;
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 1.1rem;
color: white;
}
.fmh-footer-nav__sub-list {
margin-left: 1.5rem;
}
.fmh-footer-nav__sub-list-link {
margin-left: 1.5rem;
color: white;
line-height: 1.6em;
text-decoration: none;
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 1rem;
display: inline-block;
}
.fmh-footer-nav__sub-list-link::before {
margin-right: 0.65rem;
margin-top: -0.2rem;
vertical-align: middle;
display: inline-block;
content: "";
height: 0.4rem;
width: 0.4rem;
transform: rotate(45deg);
border-top: 2.5px solid #00a0ec;
border-right: 2.5px solid #00a0ec;
}
.fmh-footer-nav__sub-list-link::before {
margin-left: -1.5rem;
}
.fmh-footer-nav__sub-list-link:hover {
color: #00a0ec;
}
.fmh-legal-footer-nav {
text-align: center;
}
.fmh-legal-footer-nav__list {
margin: 1rem 0;
justify-content: center;
list-style: none;
display: flex;
flex-flow: row wrap;
}
.fmh-legal-footer-nav__link {
position: relative;
padding: 0.5em 1em;
display: inline-block;
line-height: 1.3em;
text-decoration: none;
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 1rem;
color: white;
}
.fmh-legal-footer-nav__link:hover {
color: #00a0ec;
}
.fmh-legal-footer-nav__link::after {
top: 0.8em;
right: 0;
position: absolute;
content: "";
height: 0.8em;
border-right: 1.75px solid rgba(255, 255, 255, 0.4);
}
.fmh-legal-footer-nav__item:last-child .fmh-legal-footer-nav__link::after {
border-right: none;
}
@media screen and (max-width: 1240px) {
.fmh-menu__link {
font-size: 0.88rem;
}
.fmh-body__fmh-calc-intro {
padding-left: 1rem;
padding-right: 1rem;
}
.fmh-body__fmh-main--fmh-topic {
margin-top: 0;
}
}
@media screen and (min-width: 961px) {
.fmh-nav__fmh-submenu {
left: -2rem;
}
.fmh-menu__item {
position: relative;
}
.fmh-menu__item:last-child .fmh-nav__fmh-submenu {
right: -1.4vw;
left: auto;
}
.fmh-menu__item:hover > .fmh-nav__fmh-submenu {
background-color: #085191;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
max-height: 800px;
}
.fmh-header {
position: relative;
padding: 1rem 1rem 0 1rem;
}
.fmh-header__fmh-nav {
margin-top: 0.5rem;
margin-left: clamp(0px, (100vw - 100%) / 2 + 1rem, 6rem);
}
.fmh-submenu__item--mobile {
position: absolute;
height: 0;
width: 0;
overflow: hidden;
}
}
.author {
display: flex;
flex-flow: row nowrap;
border-radius: 3px;
padding: 1rem;
gap: 1rem;
align-items: center;
background-color: white;
}
.author__figure {
max-width: 150px;
margin: 0;
}
.author__img {
display: block;
width: 100%;
height: auto;
}
.author__name, .author__expertise {
font-weight: 400;
line-height: 1.5em;
}
.author__name {
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 0.85rem;
margin: 0;
font-weight: 500;
color: #424242;
}
.author__expertise {
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 0.75rem;
margin: 0;
font-weight: 500;
color: #424242;
}
.author__abstract, .author__description {
font-size: 16px;
font-family: "Roboto-Regular", arial, sans-serif;
font-size: 0.9rem;
margin: 0;
font-weight: 500;
color: #0050a0;
}
.author__abstract p, .author__description p {
margin: 0.25em 0;
}
.author__abstract a, .author__description a {
color: #ff9900;
font-weight: 400;
text-decoration: none;
font-size: 0.75rem;
}
.author__abstract a:hover, .author__description a:hover {
text-decoration: underline;
}
.outline {
background-color: #f4f4f4;
}
.outline__wrapper {
margin-left: auto;
margin-right: auto;
display: flex;
flex-flow: row wrap;
align-items: stretch;
row-gap: 1rem;
max-width: 1160px;
padding: 1rem 2rem;
}
.outline__wrapper > * {
flex: 1 1 auto;
}
.outline__title {
display: block;
font-weight: 500;
text-align: left;
font-size: 20px;
margin: 0.5rem 0;
color: #0050a0;
font-family: "Roboto-Medium", arial, sans-serif;
}
.outline__list {
list-style: none;
margin: 0;
padding: 0 0 0 1.5rem;
}
.outline__list-item {
position: relative;
margin: 0.1rem 0 0.1rem 0.25rem;
padding: 0;
}
.outline__list-item--quick::before, .outline__list-item--quick::after, .outline__list-item--related::before, .outline__list-item--related::after {
display: block;
position: absolute;
left: -1.25rem;
top: 0.25rem;
}
.outline__list-item--quick::before {
content: "▶";
color: #0050a0;
}
.outline__list-item--related::before, .outline__list-item--related::after {
font-size: 0.65rem;
width: 0.75rem;
height: 1.23rem;
}
.outline__list-item--related::before {
border: 1px solid #0050a0;
background-color: #0050a0;
border-radius: 2px;
content: "";
}
.outline__list-item--related::after {
border-top: 2px solid white;
width: 0.65rem;
height: 1rem;
font-weight: bold;
left: -1.15rem;
top: 0.4rem;
color: white;
content: "… … …";
line-height: 0.25rem;
}
.outline__list-item--related a {
font-weight: bold;
}
.outline__link {
display: block;
font-family: "Roboto-Regular", arial, sans-serif;
font-size: 16px;
color: #0050a0;
line-height: 1.6em;
text-decoration: none;
}
.outline__link:hover {
text-decoration: underline;
}
@media screen and (max-width: 960px) {
/*
.fmh-zzv {
height: 45px;
}
*/
.fmh-body__header-wrapper {
z-index: 1;
background-color: white;
top: 0;
left: 0;
position: sticky;
}
.fmh-header {
align-content: flex-start;
top: 0;
left: 0;
position: absolute;
box-shadow: 0 1px 2px rgba(8, 81, 145, 0.5);
}
.fmh-header__fmh-logo-figure {
background-color: #fff;
max-height: 100px;
padding: 0.75rem 1rem;
}
.fmh-header__fmh-global-info, .fmh-header__fmh-nav {
transition: all 0.3s;
display: block;
overflow-x: hidden;
width: 960px;
max-width: 0;
height: 0;
}
.fmh-header__fmh-global-info {
order: 3;
}
.fmh-header__fmh-nav {
order: 2;
}
.fmh-header__fmh-logo-figure svg {
height: 45px;
}
.fmh-body {
position: relative;
}
.fmh-body__mobile-menu-toggle {
z-index: 10;
border-radius: 30px;
top: 0.75rem;
right: 1rem;
visibility: visible;
height: 48px;
width: 48px;
position: absolute;
}
.fmh-body__mobile-menu-toggle:hover {
background-color: #f0f0f0;
cursor: pointer;
}
.fmh-body__mobile-menu-toggle::before {
top: 17px;
left: 14px;
border-top: 3px solid rgba(8, 81, 145, 0.6);
border-bottom: 3px solid rgba(8, 81, 145, 0.6);
position: absolute;
content: "";
display: block;
height: 7px;
width: 18px;
}
.fmh-body__mobile-menu-toggle::after {
content: "";
top: 22px;
left: 14px;
position: absolute;
border-top: 3px solid rgba(8, 81, 145, 0.6);
width: 18px;
}
.fmh-body__fmh-main {
padding-top: 4.3rem;
}
.fmh-body__mobile-menu-state:checked ~ .fmh-body__fmh-header {
min-height: 100vh;
background-color: #085191;
}
.fmh-body__mobile-menu-state:checked ~ .fmh-body__fmh-header .fmh-header__fmh-nav,
.fmh-body__mobile-menu-state:checked ~ .fmh-body__fmh-header .fmh-header__fmh-global-info {
max-width: 100vw;
overflow-x: visible;
visibility: visible;
}
.fmh-body__mobile-menu-state:checked ~ .fmh-body__fmh-header .fmh-header__fmh-nav {
margin-top: 2rem;
height: auto;
}
.fmh-body__mobile-menu-state:checked ~ .fmh-body__fmh-header .fmh-header__fmh-global-info {
margin: 2rem 1.6rem;
}
.fmh-body__mobile-menu-state:checked ~ .fmh-body__mobile-menu-toggle::before {
border-color: #0050a0;
border-width: 2.75px;
top: 18px;
left: 20px;
height: 19px;
width: 19px;
transform: rotate(-45deg);
border-bottom: none;
}
.fmh-body__mobile-menu-state:checked ~ .fmh-body__mobile-menu-toggle::after {
border-color: #0050a0;
border-width: 2.75px;
left: 6.5px;
top: 18px;
height: 19px;
width: 19px;
transform: rotate(45deg);
}
.fmh-global-info {
height: 0;
}
.fmh-global-info__fmh-legal-links {
order: 2;
}
.fmh-global-info__fmh-search-label {
order: 1;
}
.fmh-menu {
background-color: #085191;
flex-wrap: wrap;
}
.fmh-menu__item {
width: 100%;
display: block;
}
.fmh-menu__link {
padding-left: 1.5em;
display: block;
color: white;
text-transform: none;
font-size: 1.1rem;
pointer-events: none;
font-family: "Roboto-Regular", arial, sans-serif;
}
.fmh-submenu {
padding-left: 1.3rem;
border-radius: 0;
}
.fmh-submenu::after {
border: none;
}
.fmh-submenu__item, .fmh-submenu__link {
display: block;
}
.fmh-search-label__fmh-search {
background-color: #fff;
}
.fmh-search-label__fmh-placeholder {
background-color: #fff;
}
.fmh-global-info__fmh-search-label {
max-width: 100vw;
}
.fmh-global-info__fmh-legal-links {
max-width: 100vw;
}
.fmh-legal-links {
text-align: center;
}
.fmh-legal-links__list {
margin: 2rem auto 2rem;
width: auto;
display: block;
}
.fmh-legal-links__list-link {
font-size: 1rem;
color: white;
}
.fmh-legal-links__list-item {
display: inline-block;
font-size: 1rem;
color: white;
}
.fmh-legal-links__list-item::after {
top: 0.5rem;
height: 0.8rem;
border-color: rgba(255, 255, 255, 0.5);
}
.fmh-nav {
z-index: 1;
}
.fmh-nav__fmh-submenu {
top: 0;
position: relative;
box-shadow: 0 0 0 transparent;
}
.fmh-nav__fmh-submenu-toggle:hover {
cursor: pointer;
}
.fmh-nav__fmh-submenu-state:checked {
background-color: #3270ae;
}
.fmh-nav__fmh-submenu-state:checked ~ .fmh-nav__fmh-submenu-toggle .fmh-menu__link {
background-color: #3270ae;
}
.fmh-nav__fmh-submenu-state:checked ~ .fmh-nav__fmh-submenu {
background-color: #3270ae;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
max-height: 800px;
}
.fmh-footer__background-image {
margin-left: -10vw;
}
}
.expert-segment {
box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.2);
gap: 0;
margin-bottom: 2rem;
}
.expert-segment__portrait {
flex: 1 1 300px;
}
.expert-segment__text {
position: relative;
flex: 2 2 450px;
margin: 0.5rem 1rem;
/* padding-bottom: 3rem; */
}
.expert-segment__advertisement {
position: absolute;
right: 0;
top: 0;
color: #dcdcdc;
font-family: "Roboto-Regular", arial, sans-serif;
font-weight: bold;
line-height: 1.4em;
font-size: 1rem;
}
.expert-segment__about {
padding-right: 4em;
flex: 2 2 450px;
color: #555;
font-family: "Roboto-Regular", arial, sans-serif;
line-height: 1.4em;
font-size: 0.9rem;
margin-bottom: 0.5em;
}
.expert-segment__title {
margin: 0;
padding: 0;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4em;
color: #3270ae;
font-family: "Roboto-Medium", arial, sans-serif;
}
.expert-segment__figure {
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 100%;
/* min-height: 400px; */
}
.expert-segment__img {
left: 0;
top: 0;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.expert-segment__abstract {
color: #424242;
font-family: "Roboto-Regular", arial, sans-serif;
font-size: 1rem;
}
.expert-segment__abstract a {
text-decoration: none;
color: #085191;
font-weight: bold;
}
.expert-segment__abstract a:hover {
text-decoration: underline;
}
.expert-segment__button {
/*position: absolute;
left: 0rem;
bottom: 0rem;
*/
letter-spacing: var(--button-letter-spacing);
display: inline-block;
background-color: var(--color-primary);
margin: var(--button-margin);
padding: var(--button-padding);
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
border-radius: var(--border-radius);
border: none;
line-height: var(--button-line-height);
color: var(--button-color);
text-decoration: none;
text-transform: uppercase;
font-family: var(--font-family);
text-align: center;
display: block;
width: 100%;
margin-left: 0;
}
.expert-segment__button:hover {
color: var(--button-color-hover);
background-color: var(--button-background-hover);
text-decoration: none;
}
.info-segment__figure {
margin-top: 0.25rem;
}
.info-segment__figure--center {
margin-left: auto;
margin-right: auto;
}
.info-segment__figure--left {
display: inline-block;
float: left;
}
.info-segment__figure--right {
float: right;
}
.info-segment__figure--justify {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.info-segment__figure--no-headline {
margin-top: 0;
}
.info-segment__img {
width: 100%;
height: auto;
display: block;
}
.info-segment__img--center {
margin-left: auto;
margin-right: auto;
}
.info-segment__figcaption {
padding: 0.5em 1em;
line-height: 1.6em;
font-size: 14px;
color: #555;
}
.info-segment__title, .info-segment__abstract, .info-segment__description {
font-size: 1rem;
}
.info-segment__abstract, .info-segment__description {
line-height: 1.5em;
font-size: 1rem;
}
.info-segment__abstract a, .info-segment__description a {
text-decoration: none;
color: #3270ae;
font-family: var(--font-family);
font-size: var(--font-size-base);
}
.info-segment__abstract a:hover, .info-segment__description a:hover {
color: #0050a0;
text-decoration: underline;
}
.info-segment__title {
margin: 0 0 0.5em 0;
padding: 0;
font-size: 1.4rem;
font-weight: bold;
color: rgba(0, 0, 0, 0.87);
font-family: "Roboto-Medium", arial, sans-serif;
}
.info-segment__abstract {
color: #424242;
font-family: "Roboto-Regular", arial, sans-serif;
}
.info-segment__abstract--checked-list ul {
margin: 1em 0 1em 3rem;
padding: 0;
list-style: none;
}
.info-segment__abstract--checked-list li {
margin: 0.5em 0 0.75em 0;
padding: 0;
}
.info-segment__abstract--checked-list ul > li::before {
margin-left: -1.85em;
margin-right: 1.25rem;
transform: rotate(45deg);
content: " ";
display: inline-block;
height: 0.9em;
width: 0.45em;
border: 0.13em solid #5fd5ff;
border-left: none;
border-top: none;
}
.info-segment__description {
color: #424242;
font-family: "Roboto-Regular", arial, sans-serif;
}
.info-segment__more {
text-decoration: none;
color: #085191;
}
.info-segment__more:hover {
text-decoration: underline;
}
.info-segment__wrapper-link {
text-decoration: none;
}
.info-segment__wrapper-link:hover .fmh-section__title, .info-segment__wrapper-link:hover .fmh-section__more {
text-decoration: underline;
color: #3270ae;
}
.info-segment__wrapper-link:hover .fmh-section__img {
text-decoration: none;
}
.topic-segments__description h3 {
font-family: "Roboto-Medium", arial, sans-serif;
font-family: "Roboto-Regular", arial, sans-serif;
}
.topic-segments__description p,
.topic-segments__description li {
font-family: "Roboto-Regular", arial, sans-serif;
line-height: 1.4em;
}
.topic-segments__description a {
text-decoration: none;
font-family: "Roboto-Regular", arial, sans-serif;
color: #085191;
}
@media screen and (max-width: 600px) {
.fmh-header__fmh-logo-figure svg {
height: 45px;
}
.outline--calc {
margin: 0;
padding: 0;
height: 0;
overflow-y: hidden;
visibility: none;
}
/* hiding zzv
.fmh-zzv {
&__zinsen-zahlen-vergleiche {
display: none;
}
}
*/
}
.faq {
background-color: #3270ae;
}
.faq__layout {
padding-top: 1rem;
padding-bottom: 1rem;
}
.faq__title {
margin: 0.25em 0;
padding: 0;
color: #5fd5ff;
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 24px;
}
.faq__subtitle {
margin: 0;
padding: 0;
color: white;
font-family: "Roboto-Medium", arial, sans-serif;
font-size: 20px;
}
.faq__description {
margin: 0;
padding: 0;
color: white;
font-family: "Roboto-Regular", arial, sans-serif;
font-size: 18px;
}
.faq__description a {
text-decoration: none;
color: #5fd5ff;
}
.faq__description a:hover {
text-decoration: underline;
}
.faq__items {
padding: 0;
border-radius: 0.3em;
background-color: #fff;
}
.faq__question, .faq__answer {
margin: 0 1.5em;
}
.faq__question a, .faq__answer a {
text-decoration: none;
color: #3270ae;
font-family: var(--font-family);
font-size: var(--font-size-base);
}
.faq__question a:hover, .faq__answer a:hover {
color: #0050a0;
text-decoration: underline;
}
.faq__question {
position: relative;
list-style: none;
line-height: 1.4em;
margin-top: 1em;
margin-bottom: 1em;
font-weight: 600;
font-family: "Roboto-Regular", arial, sans-serif;
font-size: 16px;
color: #3270ae;
}
.faq__question::after {
transition: all 0.3s;
rotate: -45deg;
display: "block";
right: 0.4rem;
top: 0.4rem;
position: absolute;
border-top: 2px solid #aaa;
border-right: 2px solid #aaa;
content: " ";
height: 0.4rem;
width: 0.4rem;
}
.faq__question:hover {
cursor: pointer;
}
.faq__answer {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.faq__answer p {
line-height: 1.6em;
font-family: "Roboto-Regular", arial, sans-serif;
}
.faq__item {
border-bottom: 1px solid #ddd;
}
.faq__item:last-child {
border-bottom: none;
}
.faq__item[open] {
/*
.faq__answer {
max-height: 400px;
}
& ~ .faq__item {
.faq__answer {
max-height: 0;
}
}
*/
}
.faq__item[open] .faq__question::after {
rotate: 135deg;
}
.iframe {
border: none;
display: block;
height: 800px;
width: 100%;
}
.fmh-award-logo__img {
margin: 1rem auto;
display: block;
height: 150px;
width: auto;
}
.fmh-button {
letter-spacing: var(--button-letter-spacing);
display: inline-block;
background-color: var(--color-primary);
margin: var(--button-margin);
padding: var(--button-padding);
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
border-radius: var(--border-radius);
border: none;
line-height: var(--button-line-height);
color: var(--button-color);
text-decoration: none;
text-transform: uppercase;
font-family: var(--font-family);
}
.fmh-button:hover {
color: var(--button-color-hover);
background-color: var(--button-background-hover);
text-decoration: none;
}
.fmh-link {
text-decoration: none;
color: #3270ae;
font-family: var(--font-family);
font-size: var(--font-size-base);
}
.fmh-link:hover {
color: #0050a0;
text-decoration: underline;
}
/*# sourceMappingURL=index.css.map */