@charset "UTF-8";
@import url("//hello.myfonts.net/count/3b7495");
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/*@import 'lib/purecss-1.0.0/base';
@import 'lib/purecss-1.0.0/buttons';
@import 'lib/purecss-1.0.0/forms';
@import 'lib/purecss-1.0.0/grids';
@import 'lib/purecss-1.0.0/grids-responsive';
@import 'lib/purecss-1.0.0/menus';
@import 'lib/purecss-1.0.0/tables';
*/
html { height: 100%; box-sizing: border-box; }

body { position: relative; margin: 0; min-height: 100%; box-sizing: border-box; }

.header-inner, .content, .footer-inner { width: 100%; max-width: 1380px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }

.header-inner { box-sizing: border-box; padding-top: 30px; padding-bottom: 30px; }

.content { padding-top: 50px; padding-bottom: 100px; }

.footer-inner { padding-top: 30px; padding-bottom: 30px; }

.site-footer { background: #a7d8df; }

.text { width: 100%; max-width: 700px; }

/** @license MyFonts Webfont Build ID 3896469, 2020-04-29T03:15:44-0400 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: WeissenhofGrotesk-Bold by Indian Type Foundry URL: https://www.myfonts.com/fonts/indian-type-foundry/weissenhof-grotesk/bold/ Webfont: WeissenhofGrotesk-BoldItalic by Indian Type Foundry URL: https://www.myfonts.com/fonts/indian-type-foundry/weissenhof-grotesk/bold-italic/ Webfont: WeissenhofGrotesk-LightItalic by Indian Type Foundry URL: https://www.myfonts.com/fonts/indian-type-foundry/weissenhof-grotesk/light-italic/ Webfont: WeissenhofGrotesk-Italic by Indian Type Foundry URL: https://www.myfonts.com/fonts/indian-type-foundry/weissenhof-grotesk/regular-italic/ Webfont: WeissenhofGrotesk-Light by Indian Type Foundry URL: https://www.myfonts.com/fonts/indian-type-foundry/weissenhof-grotesk/light/ Webfont: WeissenhofGrotesk-Medium by Indian Type Foundry URL: https://www.myfonts.com/fonts/indian-type-foundry/weissenhof-grotesk/medium/ Webfont: WeissenhofGrotesk-MediumItalic by Indian Type Foundry URL: https://www.myfonts.com/fonts/indian-type-foundry/weissenhof-grotesk/medium-italic/ Webfont: WeissenhofGrotesk-Regular by Indian Type Foundry URL: https://www.myfonts.com/fonts/indian-type-foundry/weissenhof-grotesk/regular/ Webfonts copyright: Copyright 2015 Indian Type Foundry © 2020 MyFonts Inc */
/* @import must be at top of file, otherwise CSS will not work */
@font-face { font-family: 'WeissenhofGrotesk'; font-style: normal; font-weight: 300; src: url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Light/font.woff2") format("woff2"), url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Light/font.woff") format("woff"); }

@font-face { font-family: 'WeissenhofGrotesk'; font-style: italic; font-weight: 300; src: url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-LightItalic/font.woff2") format("woff2"), url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-LightItalic/font.woff") format("woff"); }

@font-face { font-family: 'WeissenhofGrotesk'; font-style: normal; font-weight: 400; src: url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Regular/font.woff2") format("woff2"), url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Regular/font.woff") format("woff"); }

@font-face { font-family: 'WeissenhofGrotesk'; font-style: italic; font-weight: 400; src: url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Italic/font.woff2") format("woff2"), url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Italic/font.woff") format("woff"); }

@font-face { font-family: 'WeissenhofGrotesk'; font-style: normal; font-weight: 500; src: url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Medium/font.woff2") format("woff2"), url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Medium/font.woff") format("woff"); }

@font-face { font-family: 'WeissenhofGrotesk'; font-style: italic; font-weight: 500; src: url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-MediumItalic/font.woff2") format("woff2"), url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-MediumItalic/font.woff") format("woff"); }

@font-face { font-family: 'WeissenhofGrotesk'; font-style: normal; font-weight: 700; src: url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Bold/font.woff2") format("woff2"), url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-Bold/font.woff") format("woff"); }

@font-face { font-family: 'WeissenhofGrotesk'; font-style: italic; font-weight: 700; src: url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-BoldItalic/font.woff2") format("woff2"), url("../fonts/WeissenhofGrotesk/WeissenhofGrotesk-BoldItalic/font.woff") format("woff"); }

html, button, input, select, textarea { font-family: "WeissenhofGrotesk", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 500; color: #7a7a7a; }

html { font-size: 100%; }

body, input, textarea { font-size: 19.2px; font-size: 1.2rem; line-height: 1.5em; }

a { outline: none; color: #7a7a7a; text-decoration: underline; transition: all ease 0.3s; }

a:hover, a:active, a.active { text-decoration: none; color: #6fc2d7; }

.site-nav a { color: #719c8b; text-decoration: none; }

.site-nav a:hover, .site-nav a:active, .site-nav a.active { color: #6fc2d7; }

.site-nav a:hover .highlighted, .site-nav a:active .highlighted, .site-nav a.active .highlighted { color: #6fc2d7; }

.site-nav a .highlighted { color: #c45a55; transition: all ease 0.3s; }

.lang-nav a { color: #c45a55; text-decoration: none; }

.lang-nav a:hover, .lang-nav a:active, .lang-nav a.active { color: #6fc2d7; }

.site-footer a { color: #fff; }

.site-footer a:hover, .site-footer a:active, .site-footer a.active { text-decoration: none; }

.bg-turquois a, .bg-green a, .bg-red a { color: #fff; }

a[href^="tel"] { text-decoration: none !important; }

p { margin: 0 0 1em 0; }

p:last-child { margin-bottom: 0; }

.site-footer p:not(:last-child) { margin-bottom: 0.35em; }

h1, h2, h3, h4, h5, h6 { font-size: 19.2px; font-size: 1.2rem; margin: 0 0 1em 0; font-weight: 500; }

h1 { font-size: 25.6px; font-size: 1.6rem; line-height: 1.5em; color: #6fc2d7; font-weight: 700; }

.bg-turquois h1, .bg-green h1, .bg-red h1 { color: #fff; }

h2 { font-size: 29.6px; font-size: 1.85rem; line-height: 1.4em; }

h2.foldout-title { margin-bottom: 0.75em; }

h2.foldout-title a { display: block; position: relative; padding-right: 40px; }

h2.foldout-title a:after { content: ''; position: absolute; top: -0.2em; right: 0; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid transparent; border-bottom: 16px solid #d4e8e5; }

.closed h2.foldout-title a:after { transform: rotate(180deg); margin-top: 16px; }

h2.foldout-title a:hover:after { border-bottom-color: #6fc2d7; }

h3 { font-size: 19.2px; font-size: 1.2rem; line-height: 1.4em; font-weight: 700; }

blockquote { margin: 0 0 1em 0; font-size: 17.6px; font-size: 1.1rem; line-height: 1.4em; }

.text-large { font-size: 21.6px; font-size: 1.35rem; line-height: 1.55em; }

.text-small { font-size: 14.4px; font-size: 0.9rem; line-height: 1.4em; }

footer { color: #fff; font-weight: 400; }

.nobreak { white-space: nowrap; }

.bg-turquois, .bg-green, .bg-red { color: #fff; }

.bg-turquois .text-small, .bg-green .text-small, .bg-red .text-small { opacity: 0.7; }

.content .frontpage { font-weight: 400; }

.frontpage .teaser { color: #719c8b; }

.highlighted { color: #c45a55; }

nav ul, nav li { margin: 0; padding: 0; list-style: none; }

.header-nav { margin-top: 30px; margin-left: 15px; }

.header-nav .lang-nav { margin-top: 15px; }

.logo { box-sizing: border-box; width: 100%; max-width: 380px; height: auto; padding-right: 35px; }

.logo a, .logo img { display: block; width: 100%; height: auto; }

.logo h1 { display: none; }

.clear { clear: both; }

.foldout { border-bottom: 1px solid #7a7a7a; margin-bottom: 1em; }

.foldout .foldout-content { padding-bottom: 20px; }

.bg-turquois { background: #6fc2d7; }

.bg-green { background: #99c7c7; }

.bg-red { background: #c45a55; }

.block-img { padding: 0 !important; }

.block-img img { display: block; width: 100%; height: auto; }

.frontpage .teaser { max-width: 550px; margin-bottom: 2em; }

.frontpage .columns { margin-right: -20px; margin-left: -20px; }

.frontpage .block { padding: 30px 20px; margin-bottom: 12px; }

.frontpage strong, .frontpage .more { font-weight: 500; }

.header-menu-button { display: none; position: absolute; top: 30px; right: 15px; }

.js .header-menu-button { display: block; }

.header-menu-button .text-menu { display: none; }

.nav-active .header-menu-button { position: fixed; top: 30px; right: 30px; z-index: 2; }

.nav-icon { display: block; margin: 10px; width: 36px; }

.nav-icon:after, .nav-icon:before, .nav-icon span { background-color: #6fc2d7; border-radius: 2px; content: ''; display: block; height: 5px; margin: 7px 0; transition: all .2s ease-in-out; }

.nav-active .nav-icon:before { transform: translateY(12px) rotate(135deg); }

.nav-active .nav-icon:after { transform: translateY(-12px) rotate(-135deg); }

.nav-active .nav-icon span { transform: scale(0); }

a:hover .nav-icon:after, a:hover .nav-icon:before, a:hover .nav-icon span { background-color: #719c8b; }

.site-footer .col:not(:last-child) { padding-bottom: 15px; }

.bg-logo { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: -1; }

.bg-logo .bg-logo-r { position: absolute; top: 20%; right: 1%; left: 42%; transform: rotate(-55deg); transform-origin: top right; opacity: 0.25; }

.bg-logo .bg-logo-l { position: absolute; bottom: 35%; right: 10%; left: -72%; transform: rotate(55.5deg); transform-origin: bottom left; opacity: 0.12; }

.bg-logo .bg-logo-inner { position: relative; width: 100%; height: 0; padding-bottom: 60.5%; }

.bg-logo .bg-logo-inner:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: url("../img/signet.svg") no-repeat; background-size: contain; }

.map { margin: 40px 0 20px 0; width: 100%; height: 450px; }

.onlinetermine { margin-bottom: 1em; }

.text img { display: block; width: 100%; height: auto; margin-top: 1.5em; margin-bottom: 2em; }

.button-doctolib, .button-doctolib-inline { display: inline-block; text-align: center; opacity: 0.95; background: #6fc2d7; color: #ffffff; overflow: hidden; border-radius: 4px; text-decoration: none; padding: 10px; box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25); }

.button-doctolib:hover, .button-doctolib-inline:hover { color: #ffffff; background: #9cbba6; }

.button-doctolib .logo-doctolib, .button-doctolib-inline .logo-doctolib { display: block; width: 50%; height: auto; margin: 10px auto 3px auto; }

.button-doctolib { position: fixed; top: 320px; right: 0; z-index: 1; width: 100px; border-radius: 4px 0 0 4px; font-size: 14.4px; font-size: 0.9rem; line-height: 1.4; }

.button-doctolib-inline { width: 220px; }

.button-doctolib-inline .logo-doctolib { margin-top: 15px; }

@media screen and (min-width: 568px) { .button-doctolib { top: 100px; } }

@media screen and (min-width: 700px) { .button-doctolib { top: 200px; } }

@media screen and (min-width: 1130px) { .button-doctolib { top: 180px; } }

@media screen and (max-width: 699px) { .js .header-nav { position: fixed; right: -290px; top: 0; bottom: 0; width: 280px; box-sizing: border-box; margin: 0; padding: 100px 20px 30px 20px; background: rgba(255, 255, 255, 0.9); z-index: 1; box-shadow: -3px 0 5px 0 rgba(122, 122, 122, 0.5); transition: right ease 0.3s; } .js.nav-active .header-nav { right: 0; } }

@media screen and (min-width: 568px) { .header-inner, .content, .footer-inner { padding-left: 30px; padding-right: 30px; box-sizing: border-box; } .frontpage .columns { margin-right: -30px; margin-left: -30px; } .frontpage .block { padding-left: 30px; padding-right: 30px; } }

@media screen and (min-width: 700px) { .header-nav { margin-left: 0; } .header-nav nav, .header-nav li { display: inline-block; } .header-nav .site-nav li, .header-nav .lang-nav li:not(:last-child) { margin-right: 0.25em; } .header-nav .lang-nav { margin-top: 0; } .js .header-menu-button { display: none; } }

@media screen and (min-width: 800px) { .header-nav .site-nav li, .header-nav .lang-nav li:not(:last-child) { margin-right: 1em; } }

@media screen and (min-width: 768px) { .columns { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .columns .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .columns .col-1-6 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; max-width: 16.666%; } .columns .col-40 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; box-sizing: border-box; padding-left: 6px; } .columns .col-60 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; box-sizing: border-box; padding-right: 6px; } .content { padding-bottom: 300px; } .site-footer { position: absolute; right: 0; bottom: 0; left: 0; background: #a7d8df; } .site-footer .columns .col { padding-right: 15px; } }

@media screen and (min-width: 1024px) { .text, .teaser { margin-left: 7%; } }

@media screen and (min-width: 1130px) { .site-header { height: 250px; } .content { padding-top: 0; } .header-nav { float: right; margin-top: 5px; } .logo { float: left; } .sticky-header .site-header { position: fixed; top: 0; left: 0; right: 0; height: 70px; background: #fff; box-shadow: 0px 3px 5px 0px rgba(122, 122, 122, 0.5); z-index: 3; } .sticky-header .site-header .header-inner { height: 100%; padding-top: 5px; padding-bottom: 5px; } .sticky-header .site-header .header-inner .logo, .sticky-header .site-header .header-inner .logo a, .sticky-header .site-header .header-inner .logo img { width: auto; height: 100%; } .sticky-header .site-header .header-nav { margin-top: 0; height: 100%; } .sticky-header .site-header .header-nav:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .sticky-header .site-header .header-nav nav { vertical-align: middle; } .sticky-header .page { padding-top: 250px; } }

@media screen and (min-width: 1300px) { .logo { max-width: 550px; } .text, .teaser { margin-left: 105px; } }

@media screen and (min-width: 1400px) { .text { margin-left: 30px; } .teaser { margin-left: 0; } }

.onlinetermine { border: 1px solid transparent; border-radius: 5px; background: rgba(255, 255, 255, 0.75); }

.onlinetermine > p { margin: 10px; }

/*# sourceMappingURL=style.css.map */