/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}





/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../Fonts/open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
			 url('../Fonts/open-sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../Fonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../Fonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
			 url('../Fonts/open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../Fonts/open-sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../Fonts/open-sans/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
			 url('../Fonts/open-sans/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../Fonts/open-sans/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../Fonts/open-sans/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
			 url('../Fonts/open-sans/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../Fonts/open-sans/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../Fonts/open-sans/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
			 url('../Fonts/open-sans/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../Fonts/open-sans/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../Fonts/open-sans/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
			 url('../Fonts/open-sans/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../Fonts/open-sans/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}





/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

::-moz-selection {
	background: #008C95;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #008C95;
	color: #fff;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #414141;
	margin: 2em 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}





/* ==========================================================================
	 Author's custom styles

	 font-family: 'Open Sans';

	 petrol #008C95 (underline nav-main)
	 petrol light #00AAB5 (mouseover btn)
	 black #414141 (bodytext)
	 grey #f2f2f2 (background slider text)
	 ========================================================================== */

html {
	box-sizing: border-box;
	color: #414141;
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 1.4;
}

*, :after, :before { box-sizing: inherit }

/* following code breaks $(window).scroll event... */
/*body, html { overflow-x: hidden; height: 100%; -webkit-overflow-scrolling: touch; }*/

body.pushy-open-right { overflow-y: hidden; }

img, embed, object { max-width: 100%; height: auto; width: 100%; }
strong { font-weight: bold; }


/* ==================================================
	 styicky footer
	 ================================================== */

.body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

.site-content {
	flex: 1;
}


/* ==================================================
	 centerwrap
	 ================================================== */

.centerwrap { margin: 0 auto; max-width: 1100px; width: 90%; }


/* ==================================================
	 site header
	 ================================================== */

.site-header {
	background: #fff;
	box-sizing: content-box;
	margin: 0;
	padding: 20px 0;
	position: fixed;
	width: 100%;
	z-index: 3;
}

.logo-koff {
	background: url('../Images/logo_koff.svg') no-repeat center center;
	background-size: contain;
	display: block;
	height: 68px;
	margin: 0;
	width: 211px;
}

a.logo-koff, a.logo-koff:hover { border-bottom: none; text-decoration: none; }
.nav-area { float: right; }
a.menu-btn { -webkit-appearance: none; appearance: none; background: none; border: none; border-radius: none; position: absolute; right: 5%; top: 23px; z-index: 10000; }
a.menu-btn:hover { border: none; text-decoration: none; }
.nav-area { display: none; }
.search { display: none; }


/* ==================================================
   form(s)
   ================================================== */

legend { font-size: 20px; font-weight: 700; margin: 16px 0; }
label { display: block; margin-bottom: 5px; }

input[type="text"],
input[type="email"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border: 1px solid #414141;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 0 40px;
	padding: 10px;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border-radius: 0;
	border-color: #008C95;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

textarea { height: 100px; }
select { margin-bottom: 40px; }

.koff-news-form .koff-news-form__section { margin-bottom: 40px; }
.koff-news-form .koff-news-form__input,
.koff-news-form .koff-news-form__textarea { width: 100%; }
.koff-news-form .koff-news-form__textarea { min-height: 100px; }
.koff-news-form .koff-news-form__file { border: 1px solid #414141; margin-bottom: 40px; padding: 10px; }
.koff-news-form .inputs-list { margin-bottom: 40px; }
.koff-news-form .inputs-list .form-check { align-items: center; display: flex; gap: .5em; margin-bottom: .75em; }
.koff-news-form .inputs-list .form-check input[type="radio"] { flex: 0 0 auto; margin: 0; }
.koff-news-form .inputs-list .form-check-label { display: inline; margin: 0; }
.koff-news-form .form-navigation .btn-primary { appearance: none; background: #008C95; border: none; color: #fff; display: inline-block; font-size: 14px; padding: .7em 2.4em; text-align: center; text-decoration: none; text-transform: uppercase; transition: background .2s ease-out, color .2s ease-out; }
.koff-news-form .form-navigation .btn-primary:hover { background: #00AAB5; }
.koff-news-form .form-group.has-error .form-control,
.koff-news-form .form-group.has-error input[type="file"] { border-color: #ff4444; }
.koff-news-form .form-text[role="alert"],
.koff-news-form .error { color: #ff4444; }
.koff-news-form__confirmation h2 { font-size: 22px; font-weight: 700; margin: 1em 0; text-transform: uppercase; }
.koff-news-form .table-responsive { margin-bottom: 40px; }
.koff-news-form .summary-table-first-col { border-bottom: 1px solid #f2f2f2; padding: 10px 20px 10px 0; }
.koff-news-form .table-responsive td { border-bottom: 1px solid #f2f2f2; padding: 10px 20px 10px 0; }
.koff-news-form .summary-list dt { font-size: 0.8em;}
.koff-news-form .summary-list dd { background: #f2f2f2; margin: 0; padding: 5px;}


/* ==================================================
   search results
   ================================================== */

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit { color: #00AAB5 !important; font-weight: normal !important; }

.kesearch-result__columns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; }
.kesearch-result__column--img { width: 100%; }
.kesearch-result__column--text { flex: 1; }

#form_kesearch_pi1 { display: none; }
#kesearch_num_results { margin-bottom: 3em; }
.result-list-item { margin-bottom: 3em; }
.result-list-item .clearer { display: none; }
.result-number { font-weight: 700; }
.result-title { font-weight: 700; }
.result-title a { color: #414141; }
.result-teaser { display: block; margin-top: 1em; }
.teaser_icon { display: block; margin-bottom: 1em; }

#kesearch_pagebrowser_bottom  .result_txt { display: none; }
.kesearch_pagebrowser ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.kesearch_pagebrowser ul li { display: inline-block; margin: 0.5em !important; }
.kesearch_pagebrowser ul li a.active { color: #008C95; }
.kesearch_pagebrowser ul li a { border: none; color: #414141; }
.kesearch_pagebrowser ul li a:hover { border: none; color: #008C95 }
.kesearch_pagebrowser ul li svg { margin-top: -2px; }


/* ==================================================
   content
   ================================================== */

.site-content { overflow-x: hidden; padding: 105px 0 50px; }
#page-6 .site-content { padding: 105px 0 0; } /* #page-6 = members */
h1, h2, h3, h4, h5 { font-weight: 700; margin: 1em 0; }
h1 { font-size: 24px; text-transform: uppercase; }
h2 { font-size: 22px; text-transform: uppercase; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
p { margin: 1em 0; }
a { border-bottom: 1px solid transparent; color: #008C95; text-decoration: none; transition: background .2s ease-out, color .2s ease-out, border .2s ease-out; }
a:hover { border-bottom: 1px solid #004C51; color: #004C51; text-decoration: none; }

a.pdf--without-text { background: #008C95; color: transparent; display: block; height: 16px; width: 16px; }
a.pdf--without-text::after { color: #ccc; content:'[icon]'; font-size: 10px;  }

.text-left { text-align: left; }
.text-center { text-align: center; }


/* ==================================================
	 site-footer
	 ================================================== */

.site-footer { background: #f2f2f2; color: #414141; padding: 2em 0; }
.site-footer p { margin: 0 0 1em; }

.site-footer__columns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; }
.site-footer__column--footer-1 { display: none; }
.site-footer__column--footer-2 { font-weight: 700; margin-bottom: 4em; text-align: center; width: 100%; }
.site-footer__column--footer-3 { text-align: center; width: 100%; }

.nav-social-l1 { list-style: none; margin: 0; padding: 0; text-align: center; }
.nav-social__item { display: inline-block; margin: 0 6px; }
a.nav-social__link { border: none; display: block; opacity: 1; }
a.nav-social__link:hover { border: none; }
.nav-social__link path { fill: #008C95; transition: fill .2s ease-out; }
.nav-social__link:hover path { fill: #00AAB5; }
.nav-social__link--facebook { height: 25px; }
.nav-social__link--facebook svg { height: 25px; }
.nav-social__link--x { height: 25px; }
.nav-social__link--x svg { height: 25px; }
.nav-social__link--linkedin { height: 25px; }
.nav-social__link--linkedin svg { height: 25px; }
.nav-social__link--apropos { height: 25px; }
.nav-social__link--apropos svg { height: 25px; }
.nav-social__link--newsform { height: 30px; }
.nav-social__link--newsform svg { height: 30px; margin-top: 5px; }

.nav-meta-bottom { display: none; }
a.logo-swisspeace { border: none; display: inline-block; height: 46px; opacity: 1; transition: opacity .2s ease-out; width: 255px; }
a.logo-swisspeace:hover { border: none; opacity: .65; }


/* ==================================================
	 back-to-top link
	 ================================================== */

a.toplink {
	background: transparent;
	border-bottom: none;
	bottom: 10px;
	cursor: pointer;
	display: block;
	height: 40px;
	opacity: 0;
	position: fixed;
	right: 10px;
	text-decoration: none;
	transition: opacity .2s ease-out;
	width: 40px;
	z-index: 9998;
}

a.toplink:focus { border: none; }
a.toplink.show:hover { opacity: .5; }
a.toplink.show { opacity: 1; }



/* ==================================================
	 btn
	 ================================================== */

.btn-center { text-align: center; }
.btn, a.btn, button.btn { appearance: none; border: none; display: inline-block; font-size: 14px; padding: .7em 1.4em; text-align: center; text-decoration: none; text-transform: uppercase; transition: background .2s ease-out, color: .2s ease-out; }
.btn--primary, a.btn--primary, button.btn--primary { background: #008C95; color: #fff; }
.btn--primary:hover, a.btn--primary:hover { background: #00AAB5; }
.btn--secondary, a.btn--secondary, button.btn--secondary { background: #fff; border: 1px solid #008C95; color: #008C95; }
.btn--secondary:hover, a.btn--secondary:hover, button.btn--secondary:hover { border: 1px solid #004C51; color: #004C51; }


/* ==================================================
	 intro
	 ================================================== */

.intro {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 4em;
}

.intro__left { margin-bottom: 4em; width: 100%; }
.intro__right { background: #fff; font-weight: 600; padding: 0; position: relative; width: 100%; }
.intro__right :first-child { margin-top: 0; }
.intro__btn { box-sizing: border-box; margin: 32px 0;position: relative; text-align: center; width: 100%; }


/* ==================================================
	 ce-teaser
	 ================================================== */

.ce-teaser { margin-bottom: 2em; }
.ce-teaser__columns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; }
.ce-teaser__column--img { margin-bottom: 1em; width: 100%; }
.ce-teaser__column--text { width: 100%; }
.ce-teaser__column--text :first-child { margin-top: 0; }


/* ==================================================
	 ce-teaserhome
	 ================================================== */

.ce-teaserhome {  margin-bottom: 0; }
.ce-teaserhome__img { margin-bottom: 1em; }
.ce-teaserhome h2 { font-size: 20px; font-weight: 700; margin: 0; text-decoration: none; }
.ce-teaserhome__categories { color: #008C95; font-size: 14px; }
/*.ce-teaserhome__btn-center { margin-top: auto; }*/


/* ==================================================
	 ce-slider
	 ================================================== */

.ce-slider { margin: 0 -5.5% 4em; }
.intro .ce-slider { margin-bottom: 0; }
.ce-slider__carousel { height: 300px; }
.ce-slider__cell { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 300px; width: 100%; }
.ce-slider__caption { color: #414141; font-size: 12px; position: absolute; right: 5%; text-align: right; top: 320px; width: 90%; }
.ce-slider__link { display: block; height: 100%; }


/* ==================================================
	 ce-team
   ================================================== */

.ce-team { margin: 0 0 2em 0; text-align: center; width: 100%; }
.ce-team a { color: #414141; }
.ce-team__img-wrap { margin-bottom: 1em; position: relative; }
a.ce-team__link { background: #00AAB5; border: none; display: block; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .2s ease-out; }
a.ce-team__link:hover { border: none; text-decoration: none; }
.ce-team__name { font-weight: 700; }
.ce-team__function { font-size: 15px; }
.ce-team__mail { font-size: 15px; }
.ce-team__more { bottom: 1em; display: block; left: 0; color: #fff; font-size: 20px; font-weight: 700; opacity: 0; position: absolute; text-align: center; transition: opacity .2s ease-out; width: 100%; }

.ce-team__img-wrap:hover a.ce-team__link { opacity: .75; }
.ce-team__img-wrap:hover .ce-team__more { opacity: 1; }


/* ==================================================
   ce-member
   ================================================== */

.ce-member { border-top: 1px solid #979797; margin-right: 5%; padding: 20px 0; width: 45%; }
.ce-member:nth-of-type(2n) { margin-right: 0; }
.ce-member:nth-last-child(-n+2) { border-bottom: 1px solid #979797; }


/* ==================================================
	 flickity overrides
	 ================================================== */

.flickity-viewport { overflow: visible !important; }

.flickity-page-dots {
	bottom: -15px !important;
	left: 5% !important;
	text-align: left !important;
}

.flickity-page-dots .dot {
	width: 25px !important;
	height: 5px !important;
	margin: 0 10px 0 0 !important;
	background: #008C95 !important;
	border: 1px solid #008C95;
	border-radius: 0 !important;
	opacity: 1 !important;
}

.flickity-page-dots .dot.is-selected { background: #fff !important; }
.flickity-page-dots .dot:only-child { visibility: hidden; }


/* ==================================================
	 columns
	 ================================================== */

.columns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; }
.column--66 { width: 100%; }
.column--50 { width: 100%; }
.column--33 { width: 100%; }
.column--25 { width: 100%; }


/* ==================================================
	 gallery (ce-gallery)
	 ================================================== */

.ce-gallery { width: 100%; }
.ce-gallery figure.video { width: 100%; }
.ce-gallery figure.image { margin-bottom: 30px; }
.ce-gallery figcaption { font-size: 12px; display: block; padding-top: 10px; text-align: right; }

.ce-gallery .ce-row { margin-bottom: 0; }
.ce-gallery .ce-column { box-sizing: border-box; padding: 0; }

.ce-gallery[data-ce-columns="1"] .ce-column { width: 100%; }
.ce-gallery[data-ce-columns="2"] .ce-column { width: 100%; }
.ce-gallery[data-ce-columns="3"] .ce-column { width: 100%; }
.ce-gallery[data-ce-columns="4"] .ce-column { width: 100%; }

.ce-gallery[data-ce-columns="1"] figure.image { display: block; }


/* ==================================================
	 filelinks (ce-uploads)
	 ================================================== */

ul.ce-uploads { list-style: none; margin: 0; padding: 0; }
ul.ce-uploads li { margin: 0 0 .5em; }
ul.ce-uploads span { display: inline-block; }
ul.ce-uploads > li > div > a { margin-right: .5em; }
.ce-uploads-description { margin-right: .5em; }
.ce-uploads li > img, .ce-uploads li > a > img { width: auto; }
.ce-uploads-fileName { font-variant-numeric: tabular-nums; }


/* ==================================================
	 ext: dp_cookieconsent
	 ================================================== */

.cc-btn { background: #008C95 !important; color: #fff; font-family: 'Open Sans'; font-size: 14px; padding: .7em 1.4em; text-decoration: none; text-transform: uppercase; transition: background .2s ease-out; }
.cc-btn:hover { background: #00AAB5 !important; }
.cc-revoke.cc-bottom { border-radius: 0; }
.cc-btn.cc-allow-all { border-bottom: 1px solid #000 !important; }
.cc-btn.cc-allow { border-right: 1px solid #000 !important; }


/* ==================================================
	 ext: news
	 ================================================== */

.cat-filter { position: relative; }
.cat-filter__btn { cursor: pointer; font-size: 18px; font-weight: 700; }
.cat-filter__icon { transform: rotate(0deg); transition: transform .2s ease-out; }
.cat-filter__icon--open { transform: rotate(-180deg); }
.cat-filter__icon { display: inline-block; margin-left: .5em; }
.cat-filter ul { background: #fff; border: 1px solid #008C95; display: none; list-style: none; margin: 0; padding: 1em; position: absolute; top: 2em; width: 200px; }
.cat-filter li a { display: inline-block; padding: .5em 0; }
.cat-filter li a.active { font-weight: 700; }
.cat-filter svg { margin: -2px .75em 0 0; }

.news-list__columns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; }
.news-list__column--date { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; width: 100%; }
.news-list__column--img { width: 100%; }
.news-list__column--text { flex: 1; }
.news-list__column--pubimg { width: 100%; }
.news-list__column--pubtext { flex: 1; }

.news-list-startdate,
.news-list-enddate { font-size: 20px; }
.news-list-startdate__day,
.news-list-enddate__day { color: #414141; display: block; font-weight: 400; text-transform: uppercase; }
.news-list-startdate__date,
.news-list-enddate__date { color: #008C95; display: block; font-weight: 700; }
.news-list__date-hr { width: 22px; }

.news-list-org { color: #008C95; float: left; font-size: 14px; }
.news-list-pub { color: #008C95; float: left; font-size: 14px; }
.news-list-category { color: #008C95; float: left; font-size: 14px; }
.news-list-pubdate { float: right; font-size: 12px; }

.news-list-header h2 { font-size: 20px; font-weight: 700; margin: 0 0 1em; text-decoration: none; }
.news-list-header h2 a { border: none; color: #414141; text-decoration: none; }

a.news-list-more { border-bottom: none !important; color: #008C95; font-size: 14px; text-decoration: none; }

.news-list-view .news-img-wrap img { margin-bottom: 1em; }
.news-list-view .news-list-teaser p:last-child { margin-bottom: -10px; }
.news-list-view .article--home .news-list-teaser p:last-child { margin-bottom: 1em; }

.news-list-view .article--home .news-list-header h2 { margin-bottom: 0; }
.news-list-view .article--home .news-list-startdate,
.news-list-view .article--home .news-list-enddate { display: inline-block; font-size: 14px; margin-bottom: 0; }
.news-list-view .article--home .news-list-startdate__day,
.news-list-view .article--home .news-list-enddate__day { color: #414141; display: inline-block; font-weight: 400; text-transform: uppercase; }
.news-list-view .article--home .news-list-startdate__date,
.news-list-view .article--home .news-list-enddate__date { color: #414141; display: inline-block; font-weight: 700; }

.news-list-view .page-navigation > p { display: none; text-align: center; }
.news-list-view ul.f3-widget-paginator { list-style: none; margin: 0; padding: 0; text-align: center; }
.news-list-view ul.f3-widget-paginator li { display: inline-block; margin: .5em; }
.news-list-view ul.f3-widget-paginator li.current { color: #008C95; }
.news-list-view ul.f3-widget-paginator li a {  border: none; color: #414141; }
.news-list-view ul.f3-widget-paginator li a:hover { border: none; color: #008C95; }
.news-list-view ul.f3-widget-paginator li svg { margin-top: -2px; }


/* ==================================================
	 home page [#page-1] special rules
	 ================================================== */

/*#page-1 .column--33 { margin-bottom: 2em; }
#page-1 .column--33 > div { height: 100%; }
#page-1 .column--33 > div > .news { height: 100%; }
#page-1 .column--33 > div > .news > .news-list-view { margin-bottom: 2em; height: 100%; }
#page-1 .column--33 > div > .news > .news-list-view > .article--home { height: 100%; }*/

#page-1 .column--33 { display: flex; flex-direction: column; margin: 0 0 2em; }
#page-1 .column--33 > div:last-of-type { margin-top: auto; }
#page-1 .column--33 > div:last-of-type > p  { text-align: center; }


/* ==================================================
	 space before/after
	 ================================================== */

.frame-space-before-large { margin-top: 4em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-small { margin-bottom: 2em; }


/* ==================================================
	 responsive iframe/video embed
	 ================================================== */

.embed-container, .video-embed { position: relative; padding-bottom: 56.25%; height: 0; margin-top: 16px; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed, .video-embed iframe, .video-embed object, .video-embed embed { border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-container--contact { -webkit-filter: grayscale(100%); filter: grayscale(100%); }


/* ==================================================
	 gridelements
	 ================================================== */

.grid-1col { margin: 0 auto; }
.grid-1col--66 { width: 100%; }

.grid-member-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 4em; }
.grid-team-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 4em; }


/* ==========================================================================
	 Helper classes
	 ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
	display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	/* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 1.25dppx),
	(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 https://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster */
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	/*
		 * Don't show links that are fragment identifiers,
		 * or use the `javascript:` pseudo protocol
		 */
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	/*
		 * Printing Tables:
		 * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
		 */
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}