@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;  vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

:root {

	--unit-base:16px;
	--unit-half:8px;
	--unit-quarter:4px;

	--white:#FFFFFF;
	--white-darker:#F2F6FE;
	--black: #545e70;
	--black-darker: #7E97B6;

	--red:#e63946;
	--red-darker:#B61624;
	--green:#00AF87;
	--green-darker:#00AF87;
	--yellow:#FDE396;
	--yellow-darker:#FFDA6E;
	--blue:#607A9B;
	--blue-darker:#465972;

}

.hidden{ display:none !important; }

.flex{ display:flex; align-items:center; }
.wrap{ flex-wrap:wrap; }
.grow{ flex-grow:1; }
.col{ flex-direction:column; align-items:flex-start; }
.colr{ flex-direction:column-reverse; }
.rowr{ flex-direction:row-reverse; }

.pa{ padding: var(--unit-base) !important; }
.pt{ padding-top: var(--unit-base) !important; }
.pr{ padding-right: var(--unit-base) !important; }
.pb{ padding-bottom: var(--unit-base) !important; }
.pl{ padding-left: var(--unit-base) !important; }

.pah{ padding: var(--unit-half) !important; }
.pth{ padding-top: var(--unit-half) !important; }
.prh{ padding-right: var(--unit-half) !important; }
.pbh{ padding-bottom: var(--unit-half) !important; }
.plh{ padding-left: var(--unit-half) !important; }

.ma{ margin: var(--unit-base) !important; }
.mt{ margin-top: var(--unit-base) !important; }
.mr{ margin-right: var(--unit-base) !important; }
.mb{ margin-bottom: var(--unit-base) !important; }
.ml{ margin-left: var(--unit-base) !important; }

.mah{ margin: var(--unit-half) !important; }
.mth{ margin-top: var(--unit-half) !important; }
.mrh{ margin-right: var(--unit-half) !important; }
.mbh{ margin-bottom: var(--unit-half) !important; }
.mlh{ margin-left: var(--unit-half) !important; }

.maq{ margin: var(--unit-quarter) !important; }
.mtq{ margin-top: var(--unit-quarter) !important; }
.mrq{ margin-right: var(--unit-quarter) !important; }
.mbq{ margin-bottom: var(--unit-quarter) !important; }
.mlq{ margin-left: var(--unit-quarter) !important; }

.fw-500{ font-weight:500 !important; }
.fw-600{ font-weight:600 !important; }
.fw-700{ font-weight:700 !important; }
.fw-800{ font-weight:800 !important; }
.fw-900{ font-weight:900 !important; }

.ta-right{ text-align:right !important; }

.tt-uppercase{ text-transform:uppercase; }

.ws-nowrap{ white-space:nowrap; }
.ws-pre{ white-space:pre; }
.ws-pre-wrap{ white-space:pre-wrap; }
.ws-pre-line{ white-space:pre-line; }

.fs-large{ font-size:160%; }
.fs-medium{ font-size:130%; }
.fs-small{ font-size:90%; }

.fc-black{ color:var(--black) !important; }
.fc-black-darker{ color:var(--black-darker) !important; }
.fc-white{ color:var(--white) !important; }
.fc-white-darker{ color:var(--white-darker) !important; }
.fc-red{ color:var(--red) !important; }
.fc-green{ color:var(--green) !important; }
.fc-yellow{ color:var(--yellow) !important; }
.fc-blue{ color:var(--blue) !important; }
.fc-magenta{ color:var(--magenta) !important; }

.bc-front-main{ background-color:var(--black) !important; }
.bc-back-main{ background-color:var(--white) !important; }
.bc-red{ background-color:var(--red) !important; }
.bc-green{ background-color:var(--green) !important; }
.bc-yellow{ background-color:var(--yellow) !important; }
.bc-blue{ background-color:var(--blue) !important; }
.bc-magenta{ background-color:var(--magenta) !important; }

.csl > *::after { content: ", "; }
.csl > *:last-child::after { content: ""; }
.dsl > *::after{ content: "·"; padding-left:.5em; }
.dsl > *:last-child::after{ content:""; }

.clear{
	display:block;
	clear:both;
}

a{
	cursor:pointer;
	text-decoration:none;
	color:var(--blue);
}

#wrapper{
	font-size: var(--unit-base);
	line-height:calc(var(--unit-base) * 1.5);
	font-family: 'Varela Round', sans-serif;
	color:var(--black);
	overflow:hidden;
}

#wrapper img.fs{
	width:100%;
	height:auto;
}

#wrapper header{
	position:relative;
}

#wrapper .post{
	margin-top:1em;
	font-size:120%;
	line-height:1.7;
}

#wrapper .post.cat{
	border:0;
	margin-top:1em;
}
	
#wrapper .post h1,
#wrapper .post h2,
#wrapper .post h3{
	font-weight:bold;
	margin-bottom:1em;
    letter-spacing: 1px;
}

#wrapper .post h1{
    font-size: 150%;
}
	
#wrapper .post h2{
    font-size: 120%;
}
	
#wrapper .post p{
	padding-bottom: 2em;
}

#wrapper .post ul{
	margin-bottom: 2em;
	font-size:90%;
}

#wrapper .post ul li:before { 
    content: '•\a0\a0'; /* \b7 is a middot, \a0 is a space */
}

#wrapper .post.home{
	text-align:center;
	border:0;
}

#wrapper .post.home p{
	padding:0;
}

#wrapper .post.home .contactcard+.contactcard{
	margin-bottom:1em;
}

#wrapper .post.home .fas{
	color:var(--blue);
	padding:0 .3em 0 .3em;
}

#wrapper .post.home .fab{
	color:var(--green);
	padding:0 .3em 0 .3em;
}

#wrapper .post .further{
	display: inline-block;
    margin-top: 1.2em;
    font-size: 75%;
	line-height:1.3;
}

#wrapper .post.box img{
	display:block;
	width:100%;
	height:auto;
	border-radius:0.3em;
}

#wrapper .post iframe{
	display:block;
	width:100%;
	height:60vh;
}

#wrapper .post img{
	margin-bottom:1em;
	border-radius:var(--unit-half);
}

#wrapper .wp-block-embed{
	margin-bottom:2em;
}

#wrapper .wp-block-gallery{
	margin-bottom:2em;
}

#wrapper .wp-block-gallery img{
	margin-bottom:0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
	box-sizing: border-box !important;
	display: grid !important;
	justify-content: left !important;
	max-width: 100% !important;
	position: relative !important;
	flex-grow:0 !important;
}

#wrapper .showcase{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	justify-content:center;
	line-height:1.4;
}

#wrapper .showcase > a{
	box-sizing:border-box;
	padding:0 .5em;
	display:flex;
	flex-direction:column;
	width:14em;
	max-width:40%;
}

#wrapper .showcase > a > img{
	margin:auto;
	width:65%;
	border: 1px solid var(--blue);
	border-radius:14em;
	transition:transform 150ms linear;
}

#wrapper .showcase > a:hover img{
	transform:scale(1.024);
}

.wp-block-image{
	padding-bottom:1em;
}

.wp-block-image figcaption{
	font-size: 80%;
	margin-bottom: 2em;
}

.wp-block-image .aligncenter figcaption{
	text-align: center;
}

#wrapper .post .post_tags{
	margin: 1em 0;
	font-size: 90%;
	letter-spacing: 1px;
	text-align: center;
}

#wrapper .post .post_tags a{
	color:#21759b;
}

#wrapper .splash{
	margin:0 auto 1em auto;
}

#wrapper .splash .inside{
	width:100%;
	border-radius:7px;
	overflow:hidden;
}

#wrapper .splash .inside > div{
	display:block;
	background-size:cover;
	background-position:center center;
	color:#FFF;
}

#wrapper .splash .inside > div > div {
	display:flex;
	flex-direction:column;
}

#wrapper .splash .inside > div > div > *{
	opacity:0;
}

#wrapper .splash .inside > div > div > .title{
	display: block;
    font-size: 280%;
    line-height: 1em;
	letter-spacing: -2px;
    margin-bottom: 0.3em;
}

#wrapper .splash .inside > div > div > .title a{
	color:var(--white);
}

#wrapper .splash .inside > div > div > .title > span{
	text-transform: uppercase;
	display: block;
	font-size: 30%;
	line-height: 2;
	margin-top: 0.8em;
	letter-spacing: 1px;
}

#wrapper .splash .inside > div > div > .feats{
	padding:0.5em 0;
	letter-spacing:1px;
	font-size:70%;
}

#wrapper .splash .inside > div > div > .button{
	display:inline-block;
	width:max-content;
	margin-top:1.2em;
	font-size:90%;
}

#wrapper .splash .inside > div > div > span.button a{
	display:inline-block;
}

footer{
	text-align:center;
	font-size:90%;
	padding:5em 1em 3em 1em;
	margin-top:5em;
	background:var(--black);
	color:var(--white);
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

footer .signature img{
	width: 15em;
	filter: brightness(100);
}

footer ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

footer ul li{

}

footer ul li a{
	display:inline-block;
	padding:0 0.5em 0 0.5em;
	color:#FFF;
	border-right:1px solid #3f4156;
	line-height: 1;
}

footer li a:hover{
	text-decoration:underline;
}

footer li:last-child a{
	border-right:0;
}

footer .ctext {
	margin: 0 auto;
	max-width:42rem;
}

.buttons{
	text-align: center;
	font-size:90%;
}

.buttons a{
	text-align: center;
	margin-left: 16px;
	display: inline-block;
	width: 218px;
}

.cta{
	font-weight:bold;
	cursor:pointer;
	color:var(--black);
	border-radius:var(--unit-half);
	background: var(--yellow);
	padding:.6em 1.2em;
	transition:background-color 150ms linear;
}

.cta:hover{
	background:var(--yellow-darker);
}

.cta.blue{
	color:var(--white);
	border-radius:var(--unit-half);
	background: var(--blue);
}

.cta.blue:hover{
	background:var(--blue-darker);
}

.cta.red{
	color:var(--white);
	background: var(--red);
	border-radius:var(--unit-half);
}

.contact_modal_content > div {
	display: flex;
	flex-direction: column;
	padding: 2rem;
}

.contact_modal_content > div a {
	padding: 1em;
	border-bottom: 1px solid var(--white-darker);
}

.contact_modal_content > div a i{
	display:inline-block;
	width:1em;
}

.contact_modal_content > div a:last-child {
	border-bottom:0;
}

/* MODAL DEFINITIONS */
#blackout{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:0;
	background:var(--white);
	opacity:0;
	animation:blackout-fade-out .4s ease-in-out forwards;
	z-index:9;
}

.navmode #blackout, .hasmodal #blackout{
	opacity:.8;
	display:block !important;
	animation:blackout-fade-in .4s ease-in-out forwards;
}

.navmode #blackout{
	opacity:.6;
	display:block !important;
}

.modal_wrapper{
	position:fixed;
	top:0;
	left:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	opacity:0;
	width:100%;
	height:0;
	box-sizing:border-box;
	z-index:10;
}

.modal_wrapper .modal_close{
	margin-top:1em;
	text-align: center;
	z-index: 12;
	line-height:1;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.modal_wrapper.open{
	animation:modal-fade-in .4s ease-in-out forwards;
}

.modal_wrapper.closed{
	animation:modal-fade-out .4s ease-in-out forwards;
}

.modal_wrapper .modal_content{
	display:block;
	margin:0 var(--unit-base);
	max-height:80vh;
	font-size:1rem;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	border-radius:var(--unit-half);
	background: var(--white);
	overflow:auto;
}

@keyframes blackout-fade-in{
	0%{ opacity: 0; height: 100%; }
	100%{ opacity: .8; height: 100%; }
}

@keyframes blackout-fade-out{
	0%{ opacity: .8; height: 100%; }
	95%{ opacity: 0; height: 100%; }
	100%{ opacity: 0; height: 0; }
}

@keyframes modal-fade-in{
	0%{ opacity: 0; height:100%; }
	100%{ opacity: 1; height:100%; }
}

@keyframes modal-fade-out{
	0%{ opacity: 1; height:100%; }
	95%{ opacity: 0; height:100%; }
	100%{ opacity: 0; height:0; }
}


/* CF7 */

.wpcf7 input,
.wpcf7 textarea{
	box-sizing:border-box;
	margin-top:.4em;
	padding:12px;
	width:100%;
	max-width:500px;
	outline:none;
	font-size:14px;
	color:#545e70;
	border-radius:7px;
	border:1px solid #ccd5e6;
}

.wpcf7 p{
	padding-bottom:1em !important;
}

.wpcf7 label{
	font-weight:bold;
}

.wpcf7 textarea{
	resize:none;
}

.wpcf7 input[type="submit"] {
	padding:.6em 1.6em;
	width:max-content !important;
	font-weight:bold;
	line-height:2;
	cursor:pointer;
	color:var(--white);
	border:0;
	border-radius:var(--unit-half);
	background: var(--blue) !important;
	transition:background-color 150ms linear;
}

.wpcf7 input[type="submit"]:hover {
	background:var(--blue-darker) !important;
}

.wpcf7 input[type=radio]{
	display: inline;
	width: auto;
	margin:0;
}

.wpcf7 span.wpcf7-list-item{
	margin:0 !important;
}

.wpcf7 span.wpcf7-list-item-label{
	margin-right:1em !important;
	font-weight:normal;
}

.wpcf7 form .wpcf7-response-output{
	margin:0 !important;
	border-radius:7px;
}

.wpcf7 form .wpcf7-not-valid-tip{
	margin-top:.4em;
	font-size:80%;
}
/* CF7 */

/* LARGE */
@media (min-width:1460px) {

	#wrapper #top header{
		width:1400px !important;
	}

	#wrapper .splash{
		width:1400px !important;
	}

}

@media (min-width:1261px) {

	#wrapper{
		padding-top:10em;
	}

	#wrapper #top{
		position: fixed;
		top:0;
		background: var(--white);
		width: 100%;
		height:10em;
		overflow:hidden;
		border-bottom: 1px solid var(--white);
		transition:all .15s linear;
		z-index: 99;
	}

	#wrapper.down #top{
		height:6.8em;
		box-shadow: 0 10px 10px #0000000F;
		border-bottom: 1px solid var(--white-darker);
	}

	#wrapper #top header{
		margin:2em auto 0 auto;
		width:95%;
		font-size:15px;
	}

	#wrapper #top header{
		position:relative;
	}

	#wrapper #top header span.logo{
		width:294px;
		float:left;
	}

	#wrapper #top header span.logo img{
		display:block;
		height:50px;
		margin-left:.3em;
		width:auto;
	}

	#wrapper #top header nav{
		text-align: right;
		padding-right: 150px;
		padding-top: 1.3em;
		margin-bottom: 1em;
	}

	#wrapper #top header nav > div > ul > li{
		position:relative;
		display:inline-block;
	}

	#wrapper #top header nav > div > ul > li a:hover{
	}

	#wrapper #top header nav > div > ul > li.current-menu-item a{
		color:#6d87a8;
		background-position-y:-12px;
	}

	#wrapper #top header nav > div > ul > li > a{
		display:inline-block;
		padding:0 1em;
		text-decoration:none;
		line-height: 3em;
		background: transparent url('images/menu_hover.png') no-repeat top -24px center;
	}

	#wrapper #top header .languages{
		display: inline-block;
		margin-bottom: 0;
		padding: 3px 6px 2px 10px;
		border-radius: 6px;
		display: block;
		position: absolute;
		top: 28px;
		right: 0;
	}

	#wrapper #top header .languages a.deutsch{
		background: transparent url(images/language_deutsch.png) no-repeat 0 0;
	}

	#wrapper #top header .languages a.english{
		background: transparent url(images/language_english.png) no-repeat 0 0 !important;
	}

	#wrapper #top header .languages a{
		display: inline-block;
		padding-left:20px;
		height:11px;
		background: transparent url(images/language_turkish.png) no-repeat 0 0;
		overflow:hidden;
		line-height: 1;
		font-size: 11px;
		margin-right:.5em;
	}

	#wrapper #top header .news{
		width: calc(100% - 392px);
		position: relative;
		font-size: 85%;
		text-align: left;
		padding: 0.5em 1em 0.5em 1em;
		background: #F2F6FE;
		background-size: auto 50%;
		line-height: 1.6;
		border-radius: 7px;
		margin-bottom: 1.5em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#wrapper #top header .news > i{
		margin-right:.5em;
	}

	#wrapper #top header .social{
		display: block;
		position: absolute;
		top: 81px;
		right: 0;
		background: #FFF;
		border: 1px solid #f5f5f5;
		padding: 6px 2px 0 16px;
		height: 23px;
		border-radius: 6px;
		text-align: right;
		font-weight: bold;
		font-size: 90%;
	}

	#wrapper #top header .social a{
		padding:0;
		display: inline-block;
		height:17px;
		line-height:16px;
		text-indent:24px;
		margin-right:8px;
		background: transparent url(images/si_facebook.png) no-repeat 0 0;
		background-size: auto 100%;
		overflow:hidden;
		padding-right:12px;
		border-right:1px solid #f5f5f5;
	}

	#wrapper #top header .social a.instagram{
		background: transparent url(images/si_instagram.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.twitter{
		background: transparent url(images/si_twitter.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.whatsapp{
		background: transparent url(images/si_whatsapp.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.facebook{
		padding-right:0;
		border-right:0;
	}

	#wrapper .splash .inside > div{
		padding:7em 0 6.5em 0;
	}

	#wrapper .splash .inside > div > div{
		width:34%;
		margin:0 10%;
	}

	#wrapper .splash{
		width:95%;
	}

	#wrapper .confine{
		width:950px;
		margin:0 auto;
		overflow:hidden;
	}

	#wrapper .post .tnsplit{
		display:flex;
		margin-bottom:3em;
	}

	#wrapper .post .tnsplit > div:first-child img{
		width:14em;
		height:auto;
		margin-right:1em;
	}

	#wrapper .post .tnsplit > div:last-child{
		font-size:90%;
	}

	#wrapper .post .tnsplit > div:last-child h2{
		margin-bottom:.2em;
	}

	#wrapper .post .tnsplit > div:last-child .cta{
		margin-top:.95em;
	}

	#wrapper .box{
		width:419px;
		padding:2em 2em 2em 2em;
		float:left;
	}

	.buttons a:first-child{
		margin-left:0;
	}

	#wrapper .category-wrapper{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:2em;
		grid-auto-rows: 1fr;
		margin:0 auto 2em auto;
		width:1400px;
	}

	#wrapper .category-wrapper .splash{
		margin-bottom:0;
		width:100% !important;
	}

	#wrapper .category-wrapper .splash .inside > div > div {
		width:60%;
	}

	#wrapper .category-wrapper .splash .inside > div {
		position:relative;
		height:12em;
	}

	#wrapper .category-wrapper .splash .inside > div > div > .button {
		position:absolute;
		bottom:5em;
	}

}
/* LARGE */

/* MEDIUM */
@media (min-width:841px) and (max-width:1260px){

	:root {

		--unit-base:12px;
		--unit-half:6px;
		--unit-quarter:3px;

	}

	#wrapper{
		margin:2em 3em 0 3em;
	}

	#wrapper #top header span.logo{
		display:block;
		width:40vw;
		margin:0 auto;
		padding:1em 0 1em 0;
	}

	#wrapper #top header span.logo img{
		display:block;
		width:100%;
		height:auto;
	}

	#wrapper #top header nav{
		text-align:center;
		font-size: 120%;
		font-weight: 500;
		line-height: 5em;
	}

	#wrapper #top header nav ul li{
		display:inline-block;
	}

	#wrapper #top header nav ul li a{
		display:inline-block;
		padding:0 1em;
		text-decoration:none;
		text-transform:uppercase;
		line-height: 3.5em;
		background: transparent url('images/menu_hover.png') no-repeat top -24px center;
		font-size:97%;
	}

	#wrapper #top header .languages{    
		display: inline-block;
		margin-bottom: 0;
		padding: 3px .5em 0 1em;
		border-radius: 6px;
		position: absolute;
		right: 8px;
		bottom: 8px;
		float: right;
	}

	#wrapper #top header .languages a.deutsch{
		background: transparent url(images/language_deutsch.png) no-repeat 0 0;
	}

	#wrapper #top header .languages a.english{
		background: transparent url(images/language_english.png) no-repeat 0 0 !important;
	}

	#wrapper #top header .languages a{
		display: inline-block;
		padding-left:20px;
		height:11px;
		background: transparent url(images/language_turkish.png) no-repeat 0 0;
		overflow:hidden;
		line-height: 1;
		font-size: 11px;
		margin-right:.5em;
	}

	#wrapper #top header .news{
		display:none;
	}

	#wrapper #top header .social{
		display: block;
		background: #FFF;
		border: 1px solid #f5f5f5;
		padding: 1em 1em .5em 1em;
		height: 23px;
		border-radius: 6px;
		text-align: right;
		font-weight: bold;
		font-size: 90%;
		margin: 0 auto 1em auto;
		text-align: left;
	}

	#wrapper #top header .social a{
		padding:0;
		display: inline-block;
		height:17px;
		line-height:16px;
		text-indent:24px;
		margin-right:8px;
		background: transparent url("images/si_facebook.png") no-repeat 0 0;
		background-size: auto 100%;
		overflow:hidden;
		padding-right:12px;
		border-right:1px solid #f5f5f5;
	}

	#wrapper #top header .social a.instagram{
		background: transparent url(images/si_instagram.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.twitter{
		background: transparent url(images/si_twitter.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.whatsapp{
		background: transparent url(images/si_whatsapp.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.facebook{
		padding-right:0;
		border-right:0;
	}

	#wrapper .confine{
		padding-left:1em;
		padding-right:1em;
	}

	#wrapper .splash .inside > div{
		padding:7em 0 6.5em 0;
	}

	#wrapper .splash .inside > div > div{
		width:40%;
		margin:0 10%;
	}

	#wrapper .post .tnsplit{
		display:flex;
		margin-bottom:3em;
	}

	#wrapper .post .tnsplit > div:first-child img{
		width:12em;
		height:auto;
		margin-right:1em;
	}

	#wrapper .post .tnsplit > div:last-child{
		font-size:90%;
	}

	#wrapper .post .tnsplit > div:last-child h2{
		margin-bottom:.2em;
	}

	#wrapper .post .tnsplit > div:last-child .cta{
		margin-top:.95em;
	}

}
/* MEDIUM */

/* MOBILE */
@media (min-width:0px) and (max-width:840px) {

	:root {

		--unit-base:12px;
		--unit-half:6px;
		--unit-quarter:3px;

	}

	#wrapper{
		margin:0 1em 0 1em;
	}

	#wrapper #top header .logo{
		-webkit-border-top-left-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}

	#wrapper #top header span.logo{
		display:flex;
		align-items:center;
		background:#FFF;
	}

	#wrapper #top header span.logo a{
		width:50vw;
		padding: 1em 0 1em .8em;
	}

	#wrapper #top header span.logo a img{
		display:block;
		width:100%;
		padding: 0.3em 0;
		height:auto;
	}

	#wrapper #top header span.logo .toggle_menu{
		flex-grow:1;
		width:30vw;
		vertical-align:middle;
		text-align:right;
		line-height:0;
	}

	#wrapper #top header span.logo .toggle_menu span{
		display: inline-block;
		width: 28px;
		height: 28px;
		margin-right:0.7em;
		background: #FFF url('images/toggle_menu.png') no-repeat center center;
		background-size:90% 90%;
		right: 1em;
		top: 50%;
		cursor:pointer;
	}

	#wrapper #top header nav{
		position:relative;
	}

	#wrapper #top header nav ul{
		display:block;
		position:absolute;
		top:0;
		width:100%;
		right:-1300px;
		background:rgba(255,255,255,9);
		opacity: 0;
		transition: opacity .25s ease-in-out;
		border-bottom-right-radius: 7px;
		border-bottom-left-radius: 7px;
	}

	#wrapper #top header nav ul li{
		display:block;
	}

	#wrapper #top header nav ul li a{
		display: block;
		padding: 0 1em;
		line-height: 3em;
		border-top: 1px solid #ECECEC;
		font-size:110%;
	}

	#wrapper #top header .languages{ 
		display: inline-block;
		margin-bottom: 0;
		padding: 4px .5em 0 1em;
		border-radius: 6px;
		position: absolute;
		right: 4px;
		bottom: 4px;
		float: right;
	}

	#wrapper #top header .languages a.deutsch{
		background: transparent url(images/language_deutsch.png) no-repeat 0 0;
	}

	#wrapper #top header .languages a.english{
		background: transparent url(images/language_english.png) no-repeat 0 0 !important;
	}

	#wrapper #top header .languages a{
		display: inline-block;
		padding-left:20px;
		height:11px;
		background: transparent url(images/language_turkish.png) no-repeat 0 0;
		overflow:hidden;
		line-height: 1;
		font-size: 11px;
		margin-right:.5em;
	}

	#wrapper #top header .news{
		display:none;
	}

	#wrapper #top header .social{
		display: block;
		background: #FFF;
		border: 1px solid #f5f5f5;
		padding: 6px 2px 0 16px;
		padding-right: 2px;
		height: 23px;
		border-radius: 6px;
		text-align: right;
		font-weight: bold;
		font-size: 90%;
		margin: 0 auto 1em auto;
		text-align: left;
	}

	#wrapper #top header .social a{
		padding:0;
		display: inline-block;
		height:17px;
		width:17px;
		line-height:16px;
		text-indent:254px;
		margin-right:8px;
		background: transparent url(images/si_facebook.png) no-repeat 0 0;
		background-size: auto 100%;
		overflow:hidden;
		padding-right:12px;
		border-right:1px solid #f5f5f5;
	}

	#wrapper #top header .social a.instagram{
		background: transparent url(images/si_instagram.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.twitter{
		background: transparent url(images/si_twitter.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.whatsapp{
		background: transparent url(images/si_whatsapp.png) no-repeat 0 0;
		background-size: auto 100%;
	}

	#wrapper #top header .social a.facebook{
		padding-right:0;
		border-right:0;
	}

	#wrapper .confine{
		padding-left:1em;
		padding-right:1em;
	}

	#wrapper .splash .inside > div{
		padding:10vw 0;
		font-size:80%;
	}

	#wrapper .splash .inside > div > div{
		min-width: 90%;
		margin: 0 0 0 3em !important;
		min-width: 70%;
	}


	#wrapper .splash .inside > div > div{
		width: 50%;
		margin: 0 auto;
	}

	#wrapper .splash .inside > div > div span.title{
		font-size: 370%;
	}

	#wrapper .splash .inside > div > div span.text{
		font-size: 140%;
		line-height: 1.6;
	}

	#wrapper .splash .inside > div > div .cta{
		font-size: 130%;
		line-height: 1.6;
	}

	#wrapper .post.home .contactcard > span {
		display:block;
		line-height:1.5;
	}

	#wrapper .post.home .contactcard > span+span {
		margin-bottom:1em;
	}

	#wrapper .post .size-full{
		width:100%;
		height:auto;
	}

	#wrapper .post .static{
		width:100%;
		height:auto;
	}

	#wrapper .post.welcome b{
		display:block;
		margin-bottom:.2em;
	}

	#wrapper .post .tnsplit{
		margin-bottom:3em;
	}

	#wrapper .post .tnsplit > div:first-child img{
		width:100%;
		height:auto;
	}

	#wrapper .post .tnsplit > div:last-child{
		font-size:90%;
	}

	#wrapper .post .tnsplit > div:last-child h2{
		margin-bottom:.2em;
	}

	#wrapper .post .tnsplit > div:last-child .cta{
		margin-top:.95em;
	}

	#wrapper .buttons a {
		font-size:120%;
		width:250px;
	}

	.navmode #overlay{
		display:block;
	}

	.navmode #overlay{
		z-index:1;
	}

	.navmode #top header .top{
		z-index:3;
	}

	.navmode #top header nav ul{
		z-index:2;
	}

	.navmode #wrapper #top header {
		z-index:99;
	}

	.navmode #wrapper #top header nav ul {
		opacity:1;
		right:0;
	}

}

@media (min-width:0px) and (max-width:450px){

	#wrapper #top header span.top .toggle_menu span{
		width: 24px;
		height: 24px;
	}
	
}
/* MOBILE */