.breakpoint {
    background: #ff7777;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    display: none;
    font-size: 16px;
    letter-spacing: 4px;
    line-height: 24px !important;
    opacity: .75;
    padding: 0 10px 2px;
    position: fixed;
    right: 24px;
    text-align: center;
    width: auto;
    z-index: 1000;
}

.breakpoint:before { content: "320-480" }

@media only screen and (min-width: 480px) {
    .breakpoint { background: #fc0; }
    .breakpoint:before { content: "480-768" }

    .ce-team { margin-right: 3%; width: 48.5%; }
	.ce-team:nth-of-type(2n) { margin-right: 0; }
}

@media only screen and (min-width: 600px) {
    .breakpoint { background: #fc0; }
    .breakpoint:before { content: "480-768" }

    .ce-team { margin-right: 3%; width: 31.333333333%; }
	.ce-team:nth-of-type(2n) { margin-right: 3%; }
	.ce-team:nth-of-type(3n) { margin-right: 0; }
}

@media only screen and (min-width: 768px) {
    .breakpoint { background: #fc0; }
    .breakpoint:before { content: "768-1024" }

    html { font-size: 18px; }

    /* search results */
    .kesearch-result__columns { flex-wrap: no-wrap; }
	.kesearch-result__column--img { /*max-height: 182px;*/ width: 257px; }
	.kesearch-result__column--text { padding-left: 25px; /*width: 657px;*/ }

	/* content */
	.site-content { padding: 186px 0 100px; }
	#page-6 .site-content { padding: 186px 0 0; } /* #page-6 = members */
	h1 { font-size: 32px; }
	h2 { font-size: 26px; }
	h3 { font-size: 24px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }

	/* site-footer */
	.site-footer { font-size: 16px; }
	.site-footer__columns { flex-wrap: nowrap; }
    .site-footer__column { display: flex; }
    .site-footer__column--footer-1 { flex-direction: row; width: 33%; }
	.site-footer__column--footer-2 { flex-direction: column; margin-bottom: 0; width: 34%; }
	.site-footer__column--footer-3 { flex-direction: row; width: 33%; text-align: right; }
	.nav-meta-bottom { display: block; align-self: flex-end; }
	.nav-meta-bottom-l1 { list-style: none; margin: 0; padding: 0; }
	.nav-meta-bottom-l1__item { float: left; margin-right: .5em; }
	.nav-meta-bottom-l1__link { border: none; color: #414141; text-decoration: none; }
	.nav-meta-bottom-l1__link:hover { border: none; }
	a.logo-swisspeace { align-self: flex-end; flex: 1; }

	.intro__left { margin-bottom: 0; width: 66%; }
	.intro__right { background: #f2f2f2; padding: 30px; width: 34%; }
	.intro__btn { left: 0; bottom: 30px; margin: 0; position: absolute; }

	/* ce-teaser */
	.ce-teaser__column--img { width: 257px; }
	.ce-teaser__column--text { width: 444px; } 

	/* ce-teaserhome */
	.ce-teaserhome {  margin-bottom: 2em; }

    /* .ce-slider */
	.ce-slider { margin: 0 0 4em; }
	.intro .ce-slider { margin-bottom: 0; }
	.ce-slider__carousel { height: 450px; }
	.ce-slider__caption { top: 460px; right: 0; width: 100%; }
	.ce-slider__cell { height: 450px; width: 100%; }

	/* ce-team */
    .ce-team { margin-right: 3%; width: 22.75%; }
	.ce-team:nth-of-type(2n) { margin-right: 3%; }
	.ce-team:nth-of-type(3n) { margin-right: 3%; }
	.ce-team:nth-of-type(4n) { margin-right: 0%; }

	/* ce-member */
	.ce-member { margin-right: 2.666666667%; width: 23%; }
	.ce-member:nth-of-type(2n) { margin-right: 2.666666667%; }
	.ce-member:nth-last-child(-n+2) { border-bottom: none; }
	.ce-member:nth-of-type(4n) { margin-right: 0; }
	.ce-member:nth-last-child(-n+4) { border-bottom: 1px solid #979797; }

	/* flickity */
	.flickity-page-dots { left: 0 !important; }

	/* columns */
	.column--66 { width: 64%; }
	.column--50 { width: 48%; }
	.column--33 { width: 31.5%; }
	.column--25 { width: 23%; }

	/* ext: news */
	.news-list__columns { flex-wrap: no-wrap; }
	.news-list__column--date { max-height: 182px; padding-right: 25px; width: 186px; }
	.news-list__column--img { max-height: 182px; width: 257px; }
	.news-list__column--text { padding-left: 25px; /*width: 657px;*/ }
	.news-list__column--pubimg { max-height: 182px; width: 257px; }
	.news-list__column--pubtext {padding-left: 25px; /* width: 818px;*/ }
	/*.news-list-date { font-size: 1.212121212vw; }*/
	/*.news-list-view h2 a { border: none; color: inherit; text-decoration: none; }*/

	/* responsive iframe/video embed */
	.embed-container--contact { padding-bottom: 40%; }

	/* gridelements */
	.grid-1col--66 { width: 66%; }
}


@media only screen and (min-width: 960px) {
    .breakpoint { background: #0c0; }
    .breakpoint:before { content: "960-1320" }

    /* siteheader */
    .site-header { height: 96px; padding: 45px 0; transition: height .2s ease-out, padding .2s ease-out; }
    .logo-koff { float: left;  }
    .site-header--small { height: 75px; padding: 30px 0; }
    .site-header--small .logo-koff { height: 75px; width: 235px; }
    .menu-btn { display: none; }
    .nav-area { display: block; float: right; margin-top: 17px; }
	.nav-main { float: left; }
	.news-btn { float: left; margin-top: -8px; }

	/* nav-main */
	.nav-main { clear: both; display: block; font-size: 16px; }
	.nav-main__link { border-bottom: 1px solid transparent; color: #000; display: block; padding-bottom: 5px; text-decoration: none; transition: border .2s ease-out; }
	.nav-main__link:hover, .nav-main__item:hover > a { border-bottom: 1px solid #008C95; }
	.nav-main__link--act, .nav-main__link--cur { border-bottom: 1px solid #008C95; }
	.nav-main-l1 { list-style: none; margin: 0; padding: 0; }
	.nav-main-l1__item { float: left; margin-right: 40px; }
	.nav-main-l2-wrap { margin-left: -15px; padding-top: 5px; }
	.nav-main-l2 { background: #fff; font-size: 14px; list-style: none; margin: 0; padding: 10px 15px; }
	.nav-main-l2__item { float: none; }
	.nav-main-l2__link { border: none; padding: 4px 0; text-transform: none; transition: color .2s ease-out; }
	.nav-main-l2__link:hover, .nav-main-l2__item:hover > a { border: none; color: #008C95; }
	.nav-main-l2__link--act, .nav-main-l2__link--cur { color: #008C95; }

	/* dropdown */
	ul.dropdown { position: relative; }
	ul.dropdown > ul a { display: block; }
	ul.dropdown > li > div { display: block; opacity: 0; position: absolute; top: 100%; visibility: hidden; z-index: 1; -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear; transition: visibility 0s linear 0.2s, opacity 0.2s linear; }
	ul.dropdown > li:hover > div { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; }
	ul.dropdown > ul li { display: list-item; float: none; position: relative; }

	/* form(s) */
	.koff-news-form .table-responsive td { display: table-cell; padding: 10px 20px 10px 0; }
	.koff-news-form .summary-table-first-col { border-bottom: 1px solid #f2f2f2; padding-top: 10px; }

	/* search */
	.search-btn { appearance: none; background: none; border: none; cursor: pointer; float: left; height: 22px; margin: 0 30px 0 10px; padding: 0; width: 22px; }
	.search-btn path { fill: #008C95; transition: fill .2s ease-out; }
	.search-btn:hover path { fill: #00AAB5; }
	.search { background: #008C95; color: #fff; display: none; height: 140px; position: fixed; top: 0; width: 100%; z-index: 4; }
	#form_kesearch_searchfield { margin: 50px auto 0; width: 50%; }
	.kesearchbox { position: relative; }
	#ke_search_searchfield_sword { appearance: none; background: none; border: none; border-bottom: 1px solid #fff; color: #fff; display: block; padding-bottom: 10px; width: 100%; }
	#ke_search_searchfield_sword:-ms-input-placeholder { color: #fff; opacity: 1; }
	#ke_search_searchfield_sword::-ms-input-placeholder{ color: #fff; opacity: 1; }
	#ke_search_searchfield_sword::placeholder { color: #fff; opacity: 1; }
	#ke_search_searchfield_submit { -webkit-appearance: none; appearance: none; background: url('../Images/glass--white.svg') no-repeat center center; background-size: 100%; border: none; height: 20px; position: absolute; right: 0; top: 0; transition: opacity .2s ease-out; width: 20px; }
	#ke_search_searchfield_submit:hover { opacity: .85; }
	.search__close { appearance: none; background: none; border: none; cursor: pointer; float: right; height: 22px; margin: -34px 100px 0 0; opacity: 1; padding: 0; transition: opacity .2s ease-out; width: 22px; }
	.search__close:hover { opacity: .65; }
	.search__close svg { width: 100%; }
}


@media only screen and (min-width: 1024px) {
	/* ce-team */
    .ce-team { margin-right: 3%; width: 17.6%; }
	.ce-team:nth-of-type(2n) { margin-right: 3%; }
	.ce-team:nth-of-type(3n) { margin-right: 3%; }
	.ce-team:nth-of-type(4n) { margin-right: 3%; }
	.ce-team:nth-of-type(5n) { margin-right: 0%; }
}

@media only screen and (min-width: 1320px) {
    .breakpoint { background: #f30; }
    .breakpoint:before { content: "> 1320" }

    /* site-header */
    .logo-koff { height: 96px; width: 300px; transition: height .2s ease-out, width .2s ease-out; }
}

@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;
	}
}