/**
 *  @template       path-biobank.org print.css
 *  @version        see info.php of this template
 *  @author         Internet-Service Berlin
 *  @copyright      Internet-Service Berlin
 *  @license        All rights reserved
 *  @license terms  no use without written permission
 *  @platform       see info.php of this template
 */

@font-face {font-family: 'assistant-bold';src: url('../fonts/assistant-bold-webfont.woff2') format('woff2'),url('../fonts/assistant-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'assistant-light';src: url('../fonts/assistant-light-webfont.woff2') format('woff2'),url('../fonts/assistant-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'assistant-regular';src: url('../fonts/assistant-regular-webfont.woff2') format('woff2'),url('../fonts/assistant-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'caladea-italic';src: url('../fonts/caladea-italic-webfont.woff2') format('woff2'),url('../fonts/caladea-italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Font Awesome 5 Solid';font-style: normal;font-weight: 900;font-display: block;src:url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");}
@font-face {font-family: 'Font Awesome 5 Regular';font-style: normal;font-weight: 400;font-display: block;src:url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff");}
html body {background:#fff;font-family:'assistant-regular',sans-serif;font-size:25px;line-height:32px;font-weight:normal;color:#000;height:100%;}
* {margin:0;padding:0;box-sizing:border-box;}
a, img {border:none;outline:none;}
strong, b {font-family:'assistant-bold',sans-serif;font-weight:normal;}
.slicknav_menu, #menu {display:none;}
.clr {clear:both;height:1px;line-height:1px;font-size:0;background:transparent;}
::placeholder {color:#919191;opacity: 1;}
:-ms-input-placeholder {color:#919191;}
::-ms-input-placeholder {color:#919191;}
.fa,.fas,.far {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.far {font-family: 'Font Awesome 5 Regular';font-weight:400;}
.fas {font-family: 'Font Awesome 5 Solid';font-weight: 900;}
.fa-envelope::before {content: "\f0e0";}
.fa-phone::before {content: "\f095";}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Transitions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a, a:after, input, input::-webkit-file-upload-button, textarea, button, form, p, img, span, li, i, div, header {transition: 0.25s;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
header {position:static;width:100%;height:auto !important;background:#fff;}
#logo {text-align:center;}
#logo img {max-width:100%;width:100%;height:auto;}
#logo_image {width:492px;height:295px;margin:0 auto;position:relative;}
.image {position:static;}
.image:nth-child(2) {display:none;}
#spende_top, .spende_btn, .newsletter_m {display:none !important;}
nav, .lang, .search {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT FRAME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentframe {width:100%;padding:0 !important;background:#fff;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {width:100%;position:relative;}
section {width:100%;margin:0 0 60px 0;}
section a:link, section a:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;color:#739F37;text-decoration:none;}
section a:focus, section a:hover, section a:active {color:#A465B2;}
section a.btn_violet:link, section a.btn_violet:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;font-size:25px;line-height:25px;color:#fff;background:#A465B2;text-decoration:none;display:flex;width:360px;height:90px;justify-content:center;align-items:center;margin:0 auto;}
section a.btn_violet:focus, section a.btn_violet:hover, section a.btn_violet:active {background:#824d8e;}
section a.btn_green:link, section a.btn_green:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;font-size:25px;line-height:25px;color:#fff;background:#709b36;text-decoration:none;display:flex;width:360px;height:90px;justify-content:center;align-items:center;margin:0 auto;}
section a.btn_green:focus, section a.btn_green:hover, section a.btn_green:active {background:#5F832F;}
section h1 {font-size:50px;line-height:58px;font-family:'assistant-light',sans-serif;font-weight:normal;margin:0 0 27px 0;}
section h1.green {font-size:40px;line-height:47px;font-family:'assistant-light',sans-serif;font-weight:normal;margin:0 0 27px 0;color:#739F37;}
section .col h1 {padding:0 130px 0 0;}
section h2 {font-size:25px;line-height:32px;font-family:'assistant-bold',sans-serif;font-weight:normal;margin:0 0 27px 0;text-transform:uppercase;letter-spacing:5px;}
section p, section ul {margin:0 0 25px 0;}
.colframe {width:100%;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:0;}
.col {flex:1 1 100% !important;width:100% !important;position:relative;padding:0 !important;text-align:left !important;justify-content:flex-start !important;align-items:flex-start !important;}
.col:last-child {flex:1 1 100%;width:100%;padding:0 !important;}
.col:last-child p {padding:0;}
.talk {padding:0 0 35px 0;position:relative;}
.zitat {font-family:'assistant-light',sans-serif;font-weight:normal;font-size:40px;line-height:47px;color:#A465B2;display:block;}
p.quote {color:#A465B2;}
.gr {color:#919191;}
.white {background:#fff;}
.padding_top {padding-top:0;}
.bg_v, .bg_g {padding:20px 0 !important;}
section p + section p.quote {margin:0 0 10px 0;}
section .zitat p:first-child {padding:0;margin:35px 0 15px 0;}
section .zitat p:last-child {padding:0;font-family:'assistant-regular',sans-serif;font-size:25px;line-height:32px;}
ul.plain {list-style:none;line-height:39px;background:transparent;}
section ul.plain li {padding:0;margin:0;background:transparent;}
section ul {list-style:none;}
section ul li {padding:0 130px 25px 62px;margin-left:-62px;background:url(../images/strich_20.png) left 8px no-repeat;}
section ul.flat li {padding:0 0 0 62px;margin-left:0;background:url(../images/strich_20.png) left 8px no-repeat;}
section ul.flat_left li {padding:0 0 0 62px;margin-left:-62px;background:url(../images/strich_20.png) left 8px no-repeat;}
section ul.count {margin:0;}
section ul.count li {padding:0 130px 25px 112px;margin-left:-112px;background-size:80px 80px;background-position:left 1px;background-repeat:no-repeat;}
section ul.count li:last-child {padding:0 130px 0 112px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PATH TALK ~~~~~~~~~~~~~~~~~~~~~~ */
.boxframe {width:1600px;margin:0 auto;display:flex;justify-content:flex-start;gap:45px;flex-wrap:wrap;}
.box {flex:1 1 30%;width:calc(30% - 30px);max-width:504px;background:#fff;padding:50px 50px 120px 50px;position:relative;}
.box img {max-width:100%;width:auto;height:auto;}
.post_image {padding:0 0 25px 0;}
.post_text {min-height:310px;}
.post_button {position:absolute;bottom:50px;left:50px;width:calc(100% - 100px);}
section .box a.btn_green:link, section .box a.btn_green:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;font-size:25px;line-height:25px;color:#fff;background:#709b36;text-decoration:none;display:flex;width:100%;height:90px;justify-content:center;align-items:center;margin:0;}
section .box a.btn_green:focus, section .box a.btn_green:hover, section .box a.btn_green:active {background:#5F832F;}
section .box p {padding: 0 0 40px 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer {width:100%;background:#EEF4CA;position:relative;color:#739F37;white-space:nowrap;}
#footerframe {width:1600px;margin:0 auto;display:flex;padding:45px 0 150px;justify-content:space-between;position:relative;}
.footerlogo {flex:0 0 296px;width:296px;padding:0 50px 0 0;position:relative;}
.footerinfo {flex:1 1 32%;width:32%;padding:41px 50px 0 0;}
.footerinfo a:link, .footerinfo a:visited {font-family:'assistant-regular',sans-serif;font-weight:normal;color:#739F37;text-decoration:none;}
.footerinfo a:focus, .footerinfo a:hover, .footerinfo a:active {color:#A465B2;}
.footerinfo p {margin:0 0 32px 0;}
#footermenu, footer .lang, #footerbuttons {display:none;}
.move-up {display:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn, .slicknav_menu, .slicknav_nav {display:none;}