@charset "utf-8";
/**
 * @author  ( AG NICKIER by Schnacko  )
 * Farben Background-Grün: #32c80f {dunkler: #02a20f}  Weinrot: #c12636
**/
@font-face {
	font-family: 'Conv_asphyxiate';
	src: url('../fonts/Asphyxiate/asphyxiate.eot');
	src: local('☺'), url('../fonts/Asphyxiate/asphyxiate.woff') format('woff'), url('../fonts/Asphyxiate/asphyxiate.ttf') format('truetype'), url('../fonts/Asphyxiate/asphyxiate.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_XFILES';
	src: url('../fonts/XFILES/XFILES.eot');
	src: local('☺'), url('../fonts/XFILES/XFILES.woff') format('woff'), url('../fonts/XFILES/XFILES.ttf') format('truetype'), url('../fonts/XFILES/XFILES.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Genericons-Neue';
	src: url('../fonts/Genericons-Neue.eot');
	src: local('☺'), url('../fonts/Genericons-Neue.woff') format('woff'), url('../fonts/Genericons-Neue.ttf') format('truetype'), url('../fonts/Genericons-Neue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Uni-Icons';
  src: url('../fonts/Uni-Icons/Uni-Icons.eot');
  src: url('../fonts/Uni-Icons/Uni-Icons.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Uni-Icons/Uni-Icons.otf') format('otf'),
       url('../fonts/Uni-Icons/Uni-Icons.svg#Uni-Icons') format('svg'),
       url('../fonts/Uni-Icons/Uni-Icons.ttf') format('truetype'),
       url('../fonts/Uni-Icons/Uni-Icons.woff') format('woff'),
       url('../fonts/Uni-Icons/Uni-Icons.woff2') format('woff2');
}
/*-------*/

/*-- Resets --*/ 
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:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section, summary {
	display:block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10. 1
 */

a {
  background-color: transparent; /* 1 */
  text-decoration:none
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a, a:active,
a:hover {
  outline: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

body {
	line-height:1;
}

ol,ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'"';

}

i {
    font-style:italic;	
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/*--------------------------------------------------*/

* {
	cursor:default;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}

a {
    color:#000;
    cursor:pointer;	
}

a span  {
	font-family: 'Uni-Icons';
	font-weight:400;
	font-size:2rem;
	outline: 0;
	border:0;
}

article.datenschutz a span  {
	font-family:"Trebuchet MS",Tahoma;
	font-weight:800;
	font-size:1.2rem;
	outline: 0;
	border:0;
	color:#c12636;
}

span.ende  {
	font-family: 'Uni-Icons';
	font-weight:400;
	font-size:2rem;
	outline: 0;
	border:0;
	color:#02a20f;
}

html {
	font-size:16px;
	-webkit-user-select: text;  /* Chrome all / Safari all */
    -moz-user-select: text;     /* Firefox all */
    -ms-user-select: text;      /* IE 10+ */
    user-select: text;          /* Likely future */
	background-color:#32c80f;
}

body {
	font-family:"Trebuchet MS",Tahoma;
	font-size:1.05rem;
	letter-spacing:.05rem;
	line-height:130%;
	width:100%;
	max-width:90rem;
	margin:0 auto;
	color:#000;
}

header {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-falign-items: center;
	background-color:#fff;
}

main {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:stretch;
	-webkit-falign-items:stretch;
}

.invisibilis  {
    display:none;
}

h1 {

}

h2 {
	flex:1 0 100%;
    font-family: 'Conv_asphyxiate';
	font-size: 5rem;
	color:#c12636;
	line-height:.7;
	text-align:left;
	margin:.5rem 0 0 0;
}

article.projekte h2, article.generationen h2, h2.exkursion {
	text-align:center;
}

h3 {
	font-size:1.4rem;
	font-weight:bold;
	line-height:.7;
	width:100%;
	text-align:left;
    color:#000;
	padding:0 .5rem .7rem .5rem;
}

h3.img-galerie {
	flex:1 0 100%;
    font-family: 'Conv_asphyxiate';
	font-size: 5rem;
	color:#32c80f;
	line-height:.7;
	text-align:center;
	font-weight:normal;
}

h3.spezial {
	font-family: 'Conv_asphyxiate';
	font-size:5rem;
	line-height:.8;
	width:100%;
	text-align:center;
    color:#c12636;
	padding:.5rem .5rem 0 .5rem;
	font-weight:400;
}

h3.exkursion {
	font-family: 'Conv_asphyxiate';
	font-size:4.5rem;
	line-height:.65;
	width:100%;
	text-align:center;
    color:#02a20f;
	padding:.5rem .5rem 0 .5rem;
	font-weight:400;
	margin:0 0 1rem 0;
	cursor:pointer;
}

h3.planung {
    color:#02a20f;
}

h2.zentral, h3.zentral {
    text-align:center;
}

h4 {
    width:100%;
	text-align:center;
	font-weight:bold;
}

h4.special  {
	font-size:1.7rem;
	line-height:1.2;
	outline: 0;
	border:0;
	color:#000;
	margin:-.6rem 0 .6rem 0;
}

h4.special_blue  {
	font-size:1.7rem;
	line-height:1.2;
	outline: 0;
	border:0;
	color:#0f1e3f;
	margin:-.6rem 0 .6rem 0;
}

h4.ende, div.ende {
    width:100%;
	text-align:center;
	font-weight:bold;
	color:#c12636;
	font-size:1.4rem;
	cursor:pointer;
	padding:.5rem 0 0 0;
}

h4.ende span, div.ende span  {
	font-family: 'Uni-Icons';
	font-weight:400;
	font-size:2.5rem;
	outline: 0;
	border:0;
	color:#c12636;
	vertical-align: text-top;
	cursor:pointer;
}

h4.impdata, div.impdata {
    font-size:1.4rem;
	font-weight:bold;
    color:#c12636;
    text-align:left;
    margin:1rem 0 .5rem 0;
    width:100%;	
}

article.datenschutz h4 {
	font-size:1.2rem;
	font-weight:bold;
    color:#32c80f;
    text-align:left;
    margin:0;
    width:100%;
}

article.datenschutz p {
    text-align-last:left;
    margin:.75rem 0;
	width:100%;
}

article.datenschutz p span {
	display:inline-block;
    width:100%;
    font-weight:bold;
    line-height:1.4;
	margin:.5rem 0 0 ;
}

/* Hamburger */
#nav_head {
	font-size:1.8rem;
	color:#000;
	width:100%;
	cursor:pointer;
	text-align:right;
	padding:1rem .5rem 0 0;
	z-index:200;
	position:absolute;
	display:none;
}

#nav_head:after {
    font-family:'Uni-Icons';
	font-size:4rem;
    content: 'B';
	position: absolute;
    top: .4rem;
    right: 1rem;
	cursor:pointer;
	visibility:hidden;
}

.overlay {
  height: 100%;
  width:0%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background: transparent;			   
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top:0rem;
  width: 100%;
  height:auto;			  
  text-align: center;
  padding:1.5rem 0 1rem 0;
  background-color:#32c80f;
  border-bottom:0 solid #000;
  z-index:1000;
}

figure.nav_head {
	width:50%;
	margin:-1rem auto 0 auto;
	padding:1rem 0 0 0;
}

figure.nav_head img {
	width:100%;
}

.first-hr {
  border: .05rem solid #fff;
  width:65%;
}

.overlay-content ul.first li a  {
  padding: .2rem;
  text-decoration: none;
  font-size: 1.4rem;	
  font-weight:bold;
  color:#000;						
  transition: 0.3s;
  letter-spacing:.1rem;
  line-height:180%;
  cursor:pointer;
}

.overlay-content ul.first li a:hover  {
  color:#fff;						
}

.overlay-content ul.first li a.aktiv {
	color:#fff;
	text-decoration-line:underline;
	text-underline-offset:.4rem;
	text-decoration-thickness: .15rem;
}

.overlay-content ul.first ul {
	
}

.overlay .closebtn {
  position: absolute;
  top: 1rem;
  right: .45rem;
  font-family: 'Uni-Icons';
  font-size: 4.5rem;
  z-index:1100;
  color:#000;
}

ul.dropdown li {
	margin:0 auto;
    line-height:140%;	
}


.overlay-content ul.dropdown li a {
  padding:0;
  text-decoration: none;
  font-size: 1.15rem;	
  font-weight:normal;
  color:#1a2c7f;
  display: inline-block;
  transition: 0.3s;
  letter-spacing:.05rem;
  width:100%;
  line-height:140%;
  
}

.overlay-content ul.dropdown li a:hover {
  color:#e82021;
}

/* Ende Hamburger */

/* Header */
header {
	width:100%;
}

header picture {
	z-index:99;
	width:100%;
}

header picture img {
	width:100%;
}

header nav.header {
    width:100%;
	text-align:left;
	margin:-3.0rem 0 0 0;
	padding:0 0 1rem .5rem;
    z-index:500;	
}

header nav.header ul {
    font-size:1.35rem;
	font-weight:bold;
}

header nav.header ul li:not(ul.subnavi_kontakte li, ul.subnavi_projekte li) {
    display:inline-block;
	padding:0 .45rem;
	margin:1.2rem 0 0 0;
	text-align:center;
}

header nav.header ul li a {
    color:#000;
}

header nav.header ul li a.aktiv, header nav.header ul li a:hover {
    text-decoration-color:#32c80f;
	text-decoration-line:underline;
}

header nav.header ul li a.sub_kontakte, header nav.header ul li a.sub_projekte {
    position:relative;
}

ul.subnavi_kontakte, ul.subnavi_projekte {
   background-color:#fff;
   color:#000;
   padding:.5rem 0.7rem;
   line-height:180%;
   transform: translate(-50%,-0.5%);
	-moz-transform: translate(-50%,-0.5%);
	-webkit-transform: translate(-50%,-0.5%);
	border:.0rem solid #000;
	z-index:600;
	display:none;
	position: absolute;
	margin:-.1rem 0 0 3.8rem;
}

ul.subnavi_kontakte li, ul.subnavi_projekte li {
    text-align:center;
}

ul li a.sub_kontakte::after, ul li a.sub_projekte::after {
    font-size:1.4rem;
    color:#32c80f;
	content:"▶";
	display: inline-block;
	margin:0 0 0 .2rem;
}

ul li a.sub_kontakte:hover::after, ul li a.sub_projekte:hover::after, ul li a.transform::after {
    transform:rotate(90deg);
}

ul.subnavi_kontakte li a, ul.subnavi_projekte li a {
   color:#000;
}
/* Ende Header */

/* Main */
main {
    background-color:transparent;
    width:100%;
    border-top:.32rem solid #32c80f;
	border-bottom:.32rem solid #32c80f;
}
/* Ende Main */
  
/* Aside */
aside {
    background-color:#fff;
	padding:.5rem;
	text-align:center;
	width:20%;
}

ul.aside {
	width:100%;
	list-style: none;
	margin:0 auto;
	padding:0 0 .5rem 0;
	text-align:left;
	border-bottom:.1rem solid #000;
}

ul.aside li {
	width:100%;
	text-align:left;
	text-align-last:left;
	vertical-align: middle;
	display:inline-block;
	line-height:150%;
}

ul.aside li a {
	font-size:1.30rem;
	font-weight:bold;
	margin:0 0 .5rem 0;
}

ul.aside li a:before {
    font-family:'Uni-Icons';
	font-size:1.8rem;
    content: 'A';
	color:#32c80f;
}

ul.aside li a:hover, ul.aside li a:hover::before {
	color:#c12636;
}

ul.aside li a.aktiv, ul.aside li a.aktiv::before {
	color:#c12636;
}

aside a {
	display:inline-block;
}

figure.aside {
	width:100%;
	margin:.7rem 0 0 0;
}

figure.aside img {
	width:75%;
	cursor:pointer;
}

hr.aside {
	background-color:#000;
	height:.05rem;
	border:0;
}
/* Ende Aside */

/* Section */
section.outside {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	background-color:#fff;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex:1 0%;
	padding:0 .75rem;
	border-left:.32rem solid #32c80f;
}

section.outside hr {
	border: none;
    border-top: .5rem solid #fff;
    color: #fff;
    overflow: visible;
    text-align: center;
    height: .32rem;
	width:66%;
}

a.after_anchor {
    font-weight:bold;
}

a.after_anchor img {
    vertical-align:middle;
	width:2.5rem;
	padding:0 .5rem 0 0;
}

a.after_anchor:after {
    font-family:'Uni-Icons';
	font-size:1.4rem;
    content: 'A';
	color:#32c80f;
	padding:0 0 0 .3rem;
}

a.after_anchor_blue:after {
    font-family:'Uni-Icons';
	font-size:1.4rem;
    content: 'A';
	color:#0f1e3f;
	padding:0 0 0 .3rem;
}

article {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	background-color:#fff;
	align-items:flex-start;
	-webkit-falign-items:flex-start;
}

article.projekte, article.generationen, article.exkursion {
	justify-content:center;
	-webkit-justify-content:center;
}

/* Generatioen */
div.text_capture:first-of-type, div.text_capture_lernen:first-of-type {
  margin:.5rem 0 1rem 0;
}

div.text_capture, div.text_capture_lernen {
  cursor:pointer;
  line-height:1.2;
  width:100%;
  text-align:center;
  font-size:1.25rem;
  font-weight:bold;
  color:#fff;
  margin:0 0 1rem 0;
  padding:.8rem;
  outline-offset: -.4rem;
  outline:.1rem solid #fff;
  background-color:#32c80f;
  text-decoration:none;
}

div.text_capture:hover, div.text_capture_lernen:hover {
  color:#000;
}

div.max_content {
    display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:space-around;
	-webkit-justify-content:space-around;
	background-color:#fff;
	align-items:flex-start;
	-webkit-falign-items:flex-start;
    width:100%;	
	margin:3rem 0 0 0;
}

div.text_capture_half {
  display:inline-block;
  cursor:pointer;
  width:46%;
  margin:0 0 1rem 0;
}

span.text_capture_half {
  display:inline-block;
  cursor:pointer;
  line-height:1.2;
  width:100%;
  text-align:left;
  text-align-last: left;
  font-weight:bold;
  color:#000;
  margin:0;
  padding:.5rem .5rem .5rem 2.0rem;
  background-color:#ddd;
  background-image: url("../img/global/plus.png");
  background-position: left top;
  background-repeat: no-repeat;
  text-decoration:none;
  border-radius:1rem;
  box-shadow: 0 .15rem .15rem #eee inset;
}

div.text_half {
  display:none;
  width:100%;
  text-align:center;
  color:#000;
  padding:.5rem;
}

div.text_half ul.planung {
   width:100%;
   display:block;
   text-align:center;   
}

div.text_half ul.planung li {
   line-height:1.4rem;
   text-align:center;
   text-align-last:center;
}

div.text_half ul.planung li:first-of-type {
   color:#c12636;
   font-weight:bold;
}

div.text {
  display:none;
  width:100%;
  text-align:justify;
  text-align-last:center;
  margin:0 0 1rem 0;
  padding:.5rem;
  border:.1rem solid #000;
}

div.text h4 {
  color:#c12636;
}

div.planung {
  padding:0;
  border:0;
}

div.planung ul {
  width:40%;
  margin:0 auto;
  text-align:left;
  list-style-image:none;
}

div.planung ul li {
  line-height:2.2;
  width:100%;
  text-align:left;
  text-align-last:left;
}

div.planung ul li::marker {
  line-height:1.6;
  width:100%;
  text-align:left;
}

div.text figure.planung {
  width:30%;
  float:right;
  margin:0 0 0 1rem;
}

div.text figure.planung img {
  width:100%;
  border:.1rem solid #000;
  padding:0;
}

article div.inside {
	display:block;
	width:65%;
}

article p, article div.inside p {
	text-align:justify;
	text-align-last:center;
	margin:.4rem 0;
}

article p.leftalign {
	text-align:justify;
	text-align-last:left;
	margin:.4rem 0;
}

article div.inside p.left-hand {
	text-align:left;
	text-align-last:left;
}

article:nth-of-type(2n+1) div.inside {
	order:1
}

article figure {
	width:33%;
	margin:0 0 .5rem 0;
}

article figure img {
	width:100%;
	padding:.5rem;
	border:.1rem solid #000;
}

article figure img.borderless, article figure.planung img.borderless  {
	width:100%;
	padding:.5rem;
	border:0rem solid #000;
}

article figure figcaption {
	width:100%;
	padding:.5rem;
	text-align:center;
	padding:0;
	margin:-.3rem 0 0 0;
	font-size:1rem;
}

article figure.spezial {
	width:33%;
	margin:0 0 .5rem 0;
	display:none;
	cursor:pointer;
}

article figure.projekte {
	width:25%;
	margin:0 2rem -.3rem 2rem;
	cursor:pointer;
}

article figure.projekte_sub {
	width:25%;
	margin:0 2rem -.3rem 2rem;
	cursor:pointer;
	display:none;
}

article figure.spezial figcaption {
	cursor:pointer;	
}

article.generationen figure {
	width:55%;
	margin:0 0 .5rem 0;
}

article figure.bigger_top {
	width:100%;
	margin:1rem 0;
	order:0;
}


article figure.spezial img, article figure.projekte img, article figure.projekte_sub img {
	width:100%;
	cursor:pointer;
}

article div.inside ul {
	width:100%;
	margin:.5rem 0;
}

article div.inside ul li {
	text-align:left;
	line-height:1.6;
}

article div.inside ul li a strong {
	cursor:pointer;
}

article div.inside  blockquote {
	font-weight:bold;
	font-style:italic;
	text-align:justify;
	text-align-last:left;
}

article div.inside  cite {
	font-style:italic;
	text-align:right;
	width:100%;
	display:inline-block;
}

ol.numero {
	width:100%;
	list-style-type: decimal;
	list-style-position: inside;
	margin:0 auto;
	padding:0;
	display: block;
}

ol.numero li {
	text-align:left;
	text-align-last:left;
    padding:.5rem 0;
}

ol li::marker{
    color:#c12636;
    font-weight:bold;
	font-size:1.3rem;
}

/* Tabellen */

table {
    width:auto;
    margin:0 auto;	
}

table caption{
    text-align:center;
    font-weight:bold;
    font-size:1.2rem;
    width:auto;
    color:#c12636;
}

tr {
    line-height:1.8;
}

tr td {
    text-align:left;
    padding:0 .3rem 0 0;	
}

table.preise {
    width:100%;
	margin:0;
	
}

table.preise caption {
    font-family: 'Conv_asphyxiate';
	font-size:4.5rem;
	line-height:1.2;
    width:100%;
    color:#32c80f;
	text-align:left;
	font-weight:normal;
}

table.preise caption span{
    font-family:"Trebuchet MS",Tahoma;
	font-size:1.3rem;
	letter-spacing:.05rem;
    width:100%;
    color:#000;
	text-align:left;
	font-weight:bold;
}

table.preise caption.low {
	line-height:.55;
	margin:2rem 0 1rem 0;
}

th.leistung, td.leistung {
	width:84%;
	text-align:left;
}

th.leistung, th.preis {
	font-size:1.4rem;
	font-weight:bold;
}

th.preis, td.preis {
	width:15%;
	text-align:right;
}

td.leistung, td.preis {
	border:.1rem solid #000;
	padding:.3rem .5rem;
}

table.preise tfoot {

}

table.preise tfoot tr, table.preise tfoot tr td {
    text-align:center;
    line-height:1.6;
    min-width:100%;	
}

cite {
	width:100%;
	text-align:center;
	line-height:1.6;
	margin:1rem 0 0 0;
}

/* Hausimpressionen */
figure.image_info_haus {
    width:24%;
	margin:0 0 0rem 0;
	padding:0;
}

figure.image_info_haus img {
    width:100%;
    border:0;
    cursor:pointer;
    margin:0;
}

figure.image_info_haus figcaption {
    font-size:1.4rem;
	font-weight:bold;
	line-height:1.2;
    cursor:pointer;	
}

/* Ausflüge */
article.exkursion {
	justify-content:space-around;
	-webkit-justify-content:space-around;
}


figure.image_info {
    width:22%;
	margin:0 0 1rem 0;
	padding:0;
}

figure.image_info img {
    width:100%;
    border:0;
    cursor:pointer;
    margin:0;
}

figure.image_info figcaption {
    font-size:1.2rem;
	font-weight:bold;
    cursor:pointer;	
}

figure.image_info figcaption span:before{
    font-family: 'Conv_Genericons-Neue';
	font-size:2.4rem;
	line-height:.8;
    content: '\f455';
	color:#c12636;
	padding:0 .3rem 0 0;
	vertical-align:middle;
	cursor:pointer;
}

div.text_complete {
	display:none;
    width:100%;	
    text-align:justify;
    color:#000;
    padding:.5rem;
    cursor:pointer;
}

div.text_complete ul.radius {
  border:.1rem solid #32c80f;
  background-color:#ddd;
  border-radius:1rem;
  width:66%;
  margin:1rem auto;
  text-align:center;

}

div.text_complete ul.radius_blue {
  border:.1rem solid #0f1e3f;
  background-color:#7faee6;
  color:#0f1e3f;
  border-radius:1rem;
  width:66%;
  margin:1rem auto;
  text-align:center;

}

div.text_complete ul.radius_blue li {
  padding:0.25rem ;
}

div.text_complete ul.radius li {
  padding:0.25rem ;
}

div.text_complete figure.exkursion {
    width:66%;
	margin:.5rem auto 1rem auto;
	border-bottom:.2rem solid #aaa;
	cursor:pointer;
}

div.text_complete figure.exkursion img {
    width:100%;
    padding:0 3rem;
    border:0;
	cursor:pointer;    	
}

div.text_complete figure.exkursion figcaption, div.text_complete figure.exkursion figcaption a {
    font-size:.8rem;
	font-weight:bold;
	color: #02a20f;
	cursor:pointer;
}
/* Ende Section */

/* Kontakte */

/* Ende Kontakte */

/* Footer */
footer {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:center;
	-webkit-justify-content:center;
	background-color:#fff;
	align-items:flex-start;
	-webkit-falign-items:flex-start;
    margin:0 0 1rem 0;
	padding:0 0 1rem 0;
}

footer nav.footer {
    width:100%;
	text-align:center;
	padding:0 1rem;
	margin:.5rem 0;
    line-height:1.6;
}

footer nav.footer ul {
    font-size:1.5rem;
	font-weight:bold;
	width:100%;
}

footer nav.footer ul li {
    display:inline-block;
	padding:0;
}

footer nav.footer ul li a {
    color:#000;
}

footer nav.footer ul li a.aktiv, footer nav.footer ul li a:hover {
    text-decoration-color:#c12636;
	text-decoration-line:underline;
}

footer hr {
    width:66%;
    height:.15rem;
    background-color:#c12636;
    border:0;	
}

address {
	font-size:1.5rem;
	font-weight:bold;
	line-height:160%;
	width:100%;
	text-align:center;
	margin:0rem 0 .5rem 0;
	padding:0 .5rem;
}

address a {
	padding:0 .6rem;
	display:inline-block;
	outline: 0;
}

address a span  {
	font-family: 'Uni-Icons';
	font-weight:400;
	font-size:3.5rem;
	outline: 0;
	border:0;
}

address.impdata {
	font-size:1.05rem;
	line-height:1.4;
	text-align:left;
	font-weight:normal;
	width:100%;
	margin:0 0 1rem 0;
}

address.impdata a {
	padding:0;
	margin:-1rem 0;
}

address.impdata a span {
	font-family: 'Uni-Icons';
	font-weight:400;
	font-size:2.5rem;
	outline: 0;
	border:0;
}

address div {
	margin:1rem 0;
	width:100%;
	text-align:left;
}

ul.impdata  {
    margin:-1.5rem 0 0 0;
}

ul.impdata li {
    margin:0 0 1rem 0;
    font-weight:normal; 	
}

figure.mascot {
	width:6%;
}

figure.mascot img {
	width:100%;
}
/* Ende Footer */

/* Cookie Banner */
.canvas_cookie {
	display:block;
	max-width:100%;
}

#cookie_info a {
  color: #fff;
  text-decoration:none;
}

#cookie_info { 
   border: .1rem solid #c12636; 
   text-align:center; 
   background-color:#c12636; 
   opacity: 1;
   color: #fff;
   bottom:0;
   right:0;   
   width:100%;
   font-size:1.4rem; 
   line-height:2rem;
   padding:.6rem 0;
   z-index:1000;
}

#cookie_info_close {
   color: #c12636;
   font-size:1.2rem;
   font-weight:bold;
   border: .1rem solid #fff;
   text-decoration: none;
   text-shadow: 0 .1rem 0 #fff;
   cursor:pointer;
   padding:.35rem .8rem;
   margin:0 0 0 1rem;
   background-color:#fff;
   border-radius : .4rem;
   -webkit-box-shadow : .2rem .3rem .4rem rgba(0,0,0,0.4);
   -moz-box-shadow : .2rem .3rem .4rem rgba(0,0,0,0.4);
   box-shadow : .2rem .3rem .4rem rgba(0,0,0,0.4);
   display:inline-block;
}
/* Ende Kekse */

/* ScrollTop Button */
.back-to-top {
   position: fixed;
   bottom:1.5rem;
   right:1.5rem;
   text-align:center;
   vertical-align:middle;
   font-size:3rem;
   line-height:120%;
   width:4rem;
   height:4rem;
   border-radius:4rem;
   padding:0 .5rem .7rem .5rem;
   border:0.15rem solid #000;
   background-color:#fff;
   color:#000;
   filter:alpha(opacity=70); /* IE */
   opacity:0.8; /* allgemein */
   -moz-opacity:0.8; /* Mozilla */
   -khtml-opacity:0.8; /* KTHML */
    -opera-opacity:0.8; /* Opera */
}

.back-to-top:hover {
   text-decoration:none;
}

/* Ende ScrollTop Button */