/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* monoton-regular - latin */
@font-face {
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/monoton-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/monoton-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/monoton-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/monoton-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/monoton-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/monoton-v10-latin-regular.svg#Monoton') format('svg'); /* Legacy iOS */
}

/* VARIABLES */

:root {
  --lila: #b186b6;
  --gruen: #0a9a60;
  --gelb: #ffe944;
}


body {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-style: normal;
color: #474747;
font-size: 100%;
font-weight: 400;
letter-spacing: .015em;
}

a {
color: var(--gruen);
}
a:hover {
color: var(--gruen);
}
.clear {
clear: both;
}
b, strong {
font-weight: 700;
}

.totop {
display: block;
clear: both;
float: right;
width: 58px;
height: 40px;
background: url(../img/totop.svg) no-repeat 0 0;
margin-bottom: 80px;
margin-top: 40px;
}
.scrolltools {
width: 100%;
text-align: right;
}
.scrolltools .totop {
margin: 0;
display: inline-block;
float: none;
clear: none;
}
.nomargin {
margin-top: 0 !important;
}
img.fullimage {
width: 100%;
height: auto;
max-width: auto;
}

/* HEADER ---------------------------------------*/
#language {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
	color: #fff;
	padding: 10px 10px;
	font-size: .9em;
	background-color: var(--gruen);
}
.site-header {
 background-color: var(--lila);
 background-image: url("../img/header3.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 margin: 0 0 25px; text-align: center;
 }
 .lang-en .site-header {
	 background-image: url("../img/header2.jpg");
 }
.title-area {
 padding: 75px 50px;

 }
#site-logo {
 max-width: 100%;
 }
h1.site-title {
 color: #fff;
 border: none;
 font-size: 4em;
 padding-bottom: .5em;
 font-family: 'Monoton';
 }
h2.site-description {
 color: #fff;
 font-size: 3em;
 line-height: 1.2em;
 border: none;
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
 }
 .accordion {
  display: none;
 }
 .more.active {
  display: none;
 }

/* CONTENT---------------------------------------*/
#page {
font-size: 1.12em;
line-height: 1.6em;
padding-top:1em;
}
#page p {
	padding-bottom: 1.3em;
}
#page h1 {
	font-size: 1.6em;
font-weight: 500;
padding-bottom: 1.6em;
color: var(--lila);
letter-spacing: .02em;
text-transform: uppercase;
}
#page p a {
	font-weight: 700;
}
#page p a:hover {
text-decoration: underline;
}
.more, .less {
margin-top: 2em !important;
}
.gallery {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.gallery a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
}
section {
	margin-bottom: 10%;
}
section.order {
	margin-bottom: 80px;
}
section.fulltext {
	margin-bottom: 15%;
}
.flexbox {
	display: flex;
	text-align: left;
}
.flexhex {
	flex-basis: 50%;
}
.flexhex.f-3-1 {
	flex-basis: 40%;
	  display: flex;
  justify-content: center;
  align-items: center;
}
.flexhex.f-3-2 {
	flex-basis: 60%;
}
#page img {
	max-width: 100%;
	height: auto;
}
.book {
	padding-left: 10%;
	padding-right: 5%;
	text-align: right;
}

.button {
	display: inline-block;
border: 2px solid var(--gruen);
padding: .6em 1.5em;
	color: var(--gruen);
	cursor: pointer;
	margin-top: 1em;
	line-height: 1.4em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
  transition: all .3s ease-in-out;
-webkit-box-shadow: 5px 5px 0 0 #0a9a60;
box-shadow: 5px 5px 0 0 #0a9a60;
}
.but {
	background-color: var(--gruen);
	color: #fff;
	padding: 0.2em 1em;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
	font-size: 0.8em;
	transition: all .3s ease-in-out;
}
.but:hover {
	background-color: var(--gelb);
	color: var(--gruen);
}

.button span {
	font-weight: normal;
}
.button a {

}
.button:hover {

}
.button:hover {
  color: var(--gruen);
    background-color: var(--gelb);
}
.contentblock {
max-width: 1000px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
}
.logos {
	padding-top: 20px;
}
.logos a {
	display: inline-block;
	max-width: 17%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}

/* POPUPS ------------------------------------------------------------------------ */
#popup  {
 text-align: left;
}
#popup .contentblock {
	text-align: left;
	padding-bottom: 2em;
}
#popup h3 {
 padding-bottom: 1em;
} 
.popupheader {
font-size: 18px;
text-transform: uppercase;
background-color: var(--lila);
color: #fff;
font-weight: 500;
line-height: 60px;
min-height: 60px;
padding-left: 20px;
letter-spacing: .05em;
margin-bottom: 20px;
}
.featherlight img {
  max-width: 100%;
}
.nobreak {
white-space: nowrap;
}
.close-message { 
background: url('../img/close@2x.png') no-repeat right 0;
line-height: 31px;
color: #fff;
padding-right: 50px;
display: block;
position: absolute;
right: 20px;
top: 14px;
background-size: 30px 30px;
cursor: pointer;
}

/* Footer ----------------------------------------------------------------------- */
#footer {
background-color: var(--lila);
color: #fff;
clear: both;
padding-top: 3em;
padding-bottom: 4em;
font-size: 1em;
letter-spacing: .01em;
}
#footer a {color: #fff;}
#footer .left {
  float: left;
}
#footer .right {
  float: right;
}


/* RESPONSIVE */


@media only screen and (max-width: 800px) {
body {
font-size: 90%;
}
.featherlight .featherlight-content {
 width: 100%;
}
.contentblock {
padding-left: 6%;
padding-right: 4%;
overflow: hidden;
}
.book {
	padding-left: 0;
	padding-right: 0;
}
.flexhex.f-3-2, .flexhex.f-3-1 {
	flex-basis: 50%;
}
.logos a {
	max-width: 22%;
}

}
@media only screen and (max-width: 650px) { 
.flexbox {
	display: block;
}
.title-area {
	padding-left: 20px;
	padding-right: 20px;
}
header {
	font-size: 65%;
}
.logos a {
	max-width: 28%;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
section {
	margin-bottom: 80px;
}
.more, .less {
	margin-bottom: 50px;
}
.gallery {
	margin-left: -10px;
	margin-right: -10px;
}
.gallery a {
	max-width: calc( 50% - 20px);
}
#footer {
	padding-bottom: 2.5em;
	padding-top: 2.2em;
}
#footer .right {
	float: none;
	clear: both;
	text-align: left;
	padding-top: 20px;
}
.featherlight-next {
font-size: 0px;
right: 0px !important;
left: 50%;
}

.featherlight-previous {
font-size: 0px;
left: 0px !important;
right: 50%;
}
.featherlight .featherlight-content {

}
.featherlight-next, .featherlight-previous {
	top: 0px !important;
}
.featherlight-next span, .featherlight-previous span {
	color: transparent;
}
.featherlight-next span:hover, .featherlight-previous span:hover {

}
.featherlight .featherlight-image {
	width: 100% !important;
	height: auto !important;
}
#popup #page a {
		word-wrap: break-word;
}
}