@charset "UTF-8";
/* CSS Document */
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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* amaranth-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/amaranth-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/amaranth-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/amaranth-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/amaranth-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/amaranth-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/amaranth-v18-latin-regular.svg#Amaranth') format('svg'); /* Legacy iOS */
}

body { font-family: helvetica, arial, sans-serif; font-size:14px;}
a{	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	/* ...and now for the proper property */
	transition: .3s;
}
#content a{text-decoration:none; border-bottom:1px dotted; color:#000; font-size: 14px!important; text-decoration: none;}
a:hover,
.ancestor > a,
/* .selected, */
.selected > a,
#content a:hover {
  color:#40532d;
}
#shortinfo span,
.tk-bree,
footer,
h1,
h2,
nav {
  font-family: 'Amaranth', sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -.0025em;
}
nav {background:url('../../assets/images/bg_nav.png') no-repeat; background-size:cover; width:950px; height:100px; padding:0px; margin:0px; top:0px; position:fixed; z-index:3; margin-left:50px;}
#wrapper{width:1000px; margin: 0 auto; position:relative;}
#logo{width:265px; position:fixed; top:0px; margin-left:-170px; z-index:5;}
strong {font-weight: bold;}
.zitat_autor{float:right; font-style: italic; margin:-15px 30px 0px 0px;}
#logo img{width:100%; }
#shortinfo{
  /* width:222px; 
  height:155px;  */
  background:url('../../assets/images/bg_shortinfo_blue.png') no-repeat; 
  position:fixed; 
  top:300px; 
  margin-left:-120px; 
  z-index:4;
  background-size: 100% 100%;
  padding: 2em 3em;
}
#content{width:800px;  
  margin-left:180px; padding-bottom:200px; z-index:2; position:relative; top:120px;}
#content img{margin-bottom:40px;}
#content p{font-size:14px; line-height: 1.7em; margin-bottom:20px;}
#content h1{font-size:32px; font-weight:bold; color:#872222; margin:0px 0px 20px 0px;}
#content h2{font-size:24px; font-weight:bold; color:#872222; margin:30px 0px 20px 0px;}

#shortinfo h1{
  font-size:20px;
  font-weight:normal;
  color:#8bb5d3;
  color:#fff;
  /* margin:30px 0px 0px 30px; */
  width:160px;
  text-align: center;
}
#shortinfo p{
  font-size:13px;
  font-weight:normal;
  color:#8bb5d3;
  color:#fff;
  /* margin:0px 0px 0px 30px; */
  width:160px;
  text-align: center!important;
}
#shortinfo a {
  color:currentColor;
}
nav ul { margin:25px 0px 0px 40px;}
nav ul li{display:inline; position:relative;}
nav a{text-decoration: none; margin:0px 9px 0px 0px; color:#fff; font-size:15px;}
nav a:hover{ color:#40532d; }
nav ul li ul{position:absolute; top:25px; left:0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:1000px; display:none;}
nav ul li ul.team, nav ul li ul.entstehung-leitidee{ display:inline-block;}

nav ul li ul li{display:inline-block; line-height:1.1em;  -o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	/* ...and now for the proper property */
	transition: 0.5s;
}
.ancestor ul,
.subm ul {
  display:inline-block;
}
/*nav ul li.selected > ul li{margin-top:0px;}*/
nav ul li.selected > ul li a{color:#fff;}
nav ul li.selected > ul li a:hover{color:#40532d; }
nav ul li ul li a{font-size:14px;}
footer{position:fixed; bottom:10px; color:#fff; font-size:12px; margin-left:780px; z-index:3;}
footer a{color:#fff; text-decoration: none;}
#kinderbild{width:494px; height:229px; background:url('../../assets/images/kinderbild.png') no-repeat; position:fixed; z-index:1;}
#kinderbild2{width:214px; height:132px; background:url('../../assets/images/kinderbild2.png') no-repeat; position:fixed; z-index:1; bottom:165px; float:left;}

.img_mobile{display:none;}
#mobilenavtoggle{display:none;}
#navbg_mobile{display:none;}
.impressum_mobile{display:none;}


@media only screen and (min-width: 671px) and  (max-width: 1024px){
#wrapper{width:100%; margin: 0 auto; position:relative;}
nav{background:none; width:100%; height:100%; padding:0px; margin:0px; top:0px;  position:fixed; overflow:scroll;  z-index:3; display:none;}
#shortinfo{ position:fixed; top:-20px; right:190px; z-index:5; background: none; color:#40532d;}



#logo{width:200px; position:fixed;  z-index:15; top:-25px; right:10px; }
#kinderbild{display:none;}
#content{width:100%;  margin-left:0px; padding-bottom:130px; z-index:2; position:relative; top:150px;}
#content h1, #content h2, #content p{padding:0px 5% 0px 5%; width:90%;}
#content img{padding:0px 5% 0px 5%; }
#content p{font-size: 16px; line-height: 1.3em;}
#content a{font-size: 16px!important; line-height: 1.3em;}
#content h1{font-size:24px; }
#content h2{font-size:18px; }
nav ul li.selected > ul li a{color:#40532d;}
nav ul li.selected > ul li a:hover{color:#40532d; }

#mobilenavtoggle{display:block; width:180px; position:fixed; top:20px; left:40px; z-index: 20;}
#mobilenavtoggle img{ width:100%; position: relative; z-index:20;}
nav ul#mainmenu { width:100%; background:#fff;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  position:absolute; top:0px; left:0px; margin:0px; padding:180px 0px 80px 0px;  z-index: 0;}
nav ul li{display: block; margin-bottom:25px; margin-left:30px;}
nav ul li a{font-size: 16px; color:#40532d;}

nav ul li ul li a{font-size: 16px; margin-left:20px;}

nav ul li ul{display: block; overflow:visible; position: relative; margin:0px; background: none; top:10px; width:100%;}
nav ul li ul li{display: block;  position: relative; margin-top: 0px;}
#content img{margin-bottom:20px;}

body{width:100%;}
footer{display: none;}
#navbg_mobile{display:block; background:#9cb089;  width:100%; height:130px; padding:0px; margin:0px; top:0px; position:fixed; z-index:5; background-size:99% 180%;}
.impressum_mobile{display:block;}
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.subm ul{display:block;}




@media only screen and (min-width: 1px) and  (max-width: 670px){
#wrapper{width:100%; margin: 0 auto; position:relative; min-width:320px;}
nav {background:none; width:100%; height:100%; padding:0px; margin:0px; bottom:auto; top:0px; position:fixed; overflow:scroll;  z-index:3; display:none;}

#shortinfo{background:#9cb089; top:0px; width:100%; margin:0px; height:auto; display: none;}
#shortinfo h1{font-size:14px; font-weight:normal; margin:20px 0px 0px 25px; width:120px;}
#shortinfo span{font-size:10px; font-weight:normal; margin:10px 0px 0px 25px;}
#kinderbild2{display:none;}


#logo{position:fixed; bottom:auto; z-index:15; top:-25px; right:10px; width:200px;}
#kinderbild{display:none;}
#content{width:100%;  margin-left:0px; padding-bottom:90px; z-index:2; position:relative; top:170px;}
#content h1, #content h2, #content p, #content img{padding:0px 5% 0px 5%; width:90%;}
#content p{font-size: 16px; line-height: 1.3em;}
#content a{font-size: 16px; line-height: 1.3em;}
#content h1{font-size:24px; }
#content h2{font-size:18px; }

#mobilenavtoggle{display:block; width:150px; position:fixed; top:40px; left:10px; z-index: 20;}
#mobilenavtoggle img{ width:100%; position: relative; z-index:20;}
nav ul#mainmenu {  width:100%; background:#fff;
  position:absolute; top:0px; left:0px; margin:0px; padding:130px 0px 80px 0px;  z-index: 0;}
nav ul li{display: block; margin-bottom:30px; margin-left:30px;}
nav ul li a{font-size: 22px; color: #9cb089;}

nav ul li ul li a{font-size: 16px; margin-left:20px; color: #9cb089;}

nav ul li ul{display: block; overflow:visible; position: relative; margin:0px 0px 60px 0px; background: none; width:auto;}
nav ul li ul li{display: block;  position: relative; margin-top: 0px;}
#content img{margin-bottom:20px;}

body{width:100%;}
footer{display: none;}
#navbg_mobile{display:block; background:#9cb089; width:100%; height:120px; padding:0px; margin:0px; top:0px; position:fixed; z-index:4; }
.impressum_mobile{display:block;}
nav ul li.selected > ul li a{color:#40532d;}
nav ul li.selected > ul li a:hover{color:#40532d; }

.subm ul{display:block;}
}

a[href^="https://"]::after,
a[href^="http://"]::after {
  background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath d='M10,6v2H5v11h11v-5h2v6c0,0.6-0.4,1-1,1H4c-0.6,0-1-0.4-1-1V7c0-0.6,0.4-1,1-1H10z M21,3v8h-2V6.4l-7.8,7.8 l-1.4-1.4L17.6,5H13V3H21z' fill='%2340532d'/%3E%3C/svg%3E");
  background-size: cover;
  content: '';
  display: inline-block;
  -webkit-filter: brightness(0);
  filter: brightness(0);
  height: .75em;
  margin-left: .125em;
  position: relative;
  top: -.125em;
  width: .75em;
}
a[href^="https://"]:hover::after,
a[href^="http://"]:hover::after {
  -webkit-filter: unset;
  filter: unset;
}