@charset "utf-8";
/* CSS Document */

@font-face{
  font-family:'MaterialIconsOutlined';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/MaterialIconsOutlined-Regular.eot'); /* For IE6-8 */
  src: local(''),
  	url('../../../fonts/MaterialIconsOutlined-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../../fonts/MaterialIconsOutlined-Regular.woff2') format('woff2'),
    url('../../../fonts/MaterialIconsOutlined-Regular.woff') format('woff'),
    url('../../../fonts/MaterialIconsOutlined-Regular.ttf') format('truetype'),
	url('../../../fonts/MaterialIconsOutlined-Regular.svg#MaterialIconsOutlined-Regular') format('svg'); /* Legacy iOS */
}

.material-icons-outlined{ 
  font-family: 'MaterialIconsOutlined';
  font-weight: normal;
  font-style: 400;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* annie-use-your-telescope-regular - latin */
@font-face {
  font-family: 'Annie Use Your Telescope';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/annie-use-your-telescope-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/annie-use-your-telescope-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/annie-use-your-telescope-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/annie-use-your-telescope-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/annie-use-your-telescope-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/annie-use-your-telescope-v18-latin-regular.svg#AnnieUseYourTelescope') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

HTML {height:100%;}
BODY {margin:0 auto;height:100%;color:#666;}
h1{ font-size:60px;font-family: 'Annie Use Your Telescope', cursive; font-weight:normal;margin-left:0px;margin-bottom:20px;clear:both;}
h1.standard{ font-size:60px;font-family: 'Annie Use Your Telescope', cursive; font-weight:normal;margin-left:0px;margin-bottom:20px;clear:both;}
H2 { font-size: 60px; margin-left:0px; font-family: 'Annie Use Your Telescope', cursive; font-weight:normal;}
P { margin:0px 0px 0px 0px; padding:0px;}
hr{width:90%;background:none;border:1px solid #ccc;margin:30px auto 30px auto;text-align:center;}
a,a:link,a:active {color:#69774f !important;text-decoration:underline;}
a:hover{color:#69774f !important;text-decoration:underline !important;}
ul.standard {margin-left:40px;font-size:24px;}
.font_blue{color:#1b9bff;}
#main {position:relative;margin:0 auto; width:100%;min-height:100%; height:auto !important;height:100%; background: #fff9e7;overflow:hidden;z-index:3;}
#header{display:flex;flex-direction:row;align-items:flex-start;position:fixed;margin:0 auto; width:100%;min-height:60px; height:60px; background-color:rgba(31, 45, 3, 0.9);z-index:10;box-shadow: 0 0 5px 3px rgba(0,0,0,0.8);font-size:32px;}
#header_logo{position:relative;width:auto;display:flex;flex-direction:row;align-items:flex-start;white-space:nowrap;}
#header_navi{position:relative;width:100%;display:flex;flex-direction:row;align-items:flex-start;}
#content{position:relative;margin:0px auto -20px auto;padding:0 5% 0 5%;width:70%;height:auto;min-height:100%;background-color:#FFF;box-shadow: -60px 0px 100px -90px #000000, 60px 0px 100px -90px #000000;font-family: 'Open Sans', normal;font-size:24px;background:#fff url('../../../pictures/uploads/farn.png') no-repeat right bottom;}
#contentl{position:relative;width:710px;min-height:1px;height:100%;margin:0 40px 20px 20px;float:right;}
#contentr{position:relative;width:710px;min-height:1px;height:100%;margin:0 20px 20px 45px;float:left;}
#contentlr{position:relative;width:535px;min-height:1px;height:100%;margin:0 0px 20px 20px;float:left;z-index:0;}
#leftcolumn{width:200px;min-height:1px;height:100%;margin:0px 0px 20px 0px;z-index:2;border-right:0px solid #ccc !important;border-bottom:1px solid #ccc;float:left;position:relative;}
#rightcolumn{width:200px;min-height:1px;height:100%;margin:0px 0px 20px 0px;z-index:2;border-left:0px solid #ccc !important;border-bottom:1px solid #ccc;float:right;position:relative;}
#footer{position:relative; bottom:0; width:70%; height:auto; min-height:100px; margin:0px auto 0px auto;padding:20px 10px 0px 10px;font-size:12px;text-align:center;clear:both; background-color:rgba(256, 256, 256, 1.0);box-shadow:0px -10px 10px -10px rgba(0,0,0,0.2),0px -10px 10px -10px rgba(0,0,0,0.2);color:#666666;}
#content img{}
#contentl img{width:auto !important;height:auto !important;max-width:100%; padding:10px;}
#contentr img{width:auto !important;height:auto !important;max-width:100%; padding:10px;}
#contentlr img{width:auto !important;height:auto !important;max-width:100%; padding:10px;}
div.clearer{position:relative;clear:both;}
.f_left{float:left;}
.f_right{float:right;}
.float_r{float:right;width:auto;height:auto;margin:10px 0 10px 10px;object-fit:none;}
.float_l{float:left;width:auto;height:auto;margin:10px 10px 10px 0px;object-fit:none;}
.img_hover_shadow:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);transition: box-shadow 0.3s ease-in-out;}
.img_hover_shadow_big:hover{box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.40);transition: box-shadow 0.3s ease-in-out;}
.fade_in{
   opacity: 0;
   transition: opacity .5s ease-in-out;
} 

.visible {
   opacity: 1; 
}

/*linke oder rechte navigation */
div.column_container{position:relative;width:200px;min-height:1px;height:auto;margin:5px 0px 5px 0px;text-align:left;padding:0 5px 0 5px;overflow:hidden;}
/*
#content_head{margin:10px 20px 10px 0;font-size:12px;width:auto;height:30px;clear:both;z-index:inherit;position:relative;}
*/
#content_head{position:relative;height:40px;width:100%;color:#666;z-index:2;margin:0px 0 0px 0;clear:both;}
#position{margin:20px auto 10px 0px;font-size:14px;width:auto;height:auto;float:left;z-index:4;position:relative;clear:both;}
#position a,a:active,a:link{padding:0;margin:0;color:#666 !important;}
#position a:hover{text-decoration:underline;}
/*#logo_img{width:auto;height:auto;border:none;margin:0 30px 0 30px;float:left;padding-right:20px;}*/
/*#logo_img{width:55px;height:55px;border:0px solid #fff;margin:2.5px 20px 0 20px;float:left; transition:height 0.5s, width 0.5s,border-radius 0.5s;border-radius:27.5px;}*/
#logo_img{width:160px;height:auto;border-radius:auto;cursor:pointer;margin-left:20px; transition:height 0.5s, width 0.5s,border-radius 0.5s;}
/*##logo_img:hover{width:250px;height:auto;border-radius:auto;cursor:pointer;}*/
img.homeicon{
	height:16px;
	width:16px;
}
div.captchamain{width:250px;height:120px;border:1px solid #ccc;border-radius:5px;margin:5px 0 0 0;background:#E6F2F9;}
div.captchatop{width:260px;height:14px;font-size:12px;color:#666;line-height:14px;margin:5px auto 0 10px;}
div.captchaleft{width:80px;height:80px;margin:10px;border:0px solid #ccc;float:left;}
div.captcharight{width:auto;height:80px;margin:10px 50px 10px 10px;border:0px solid #ccc;float:right;}
.ccc_check{display:none;}

#fontsizer{float:right;position:relative;margin-right:40px;margin-top:20px;}
#fontsizer .fs1 a,.fs2 a,.fs3 a{color:#666;}
#fontsizer .fs1 a:link,.fs2 a:link,.fs3 a:link{color:#666;}
#fontsizer .fs1 a:hover,.fs2 a:hover,.fs3 a:hover{color:#666;font-weight:bold;text-decoration:none;}
#fontsizer .fs1 {font-size:16px;}
#fontsizer .fs2 {font-size:20px;}
#fontsizer .fs3 {font-size:24px;}

/* Inhaltelemente h1 usw */
.error404_h1{font-size:40px;padding:10px 0 10px 0;}
.error404_div{font-size:20px;margin-bottom:40px;}
.cookiewrapper{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  
  /* this is what centers your element in the fixed wrapper*/
  display: flex;
  flex-flow: column nowrap;
  justify-content: center; /* aligns on vertical for column */
  align-items: center; /* aligns on horizontal for column */
  
  /* just for styling to see the limits */
  box-sizing: border-box;
  z-index:999;
}
.cookiediv{width:auto;max-width:400px;height:auto;padding:20px;background-color:#FFF;color:#333;opacity:1;z-index:999;font-size:14px;line-height:20px;border-radius: 5px;border:2px solid #ccc;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.cookiediv_hl{font-size:24px;line-height:30px;font-face:bold;margin-bottom:10px;}
.closecookie{width:80%;height:30px;cursor:pointer;background-color:#090;color:#FFF;text-align:center;border:none;border-radius: 5px;margin:0px auto; margin-top:20px;line-height:30px;}
.cookie_cb_box{vertical-align:top;line-height:15px;margin-top:10px;}
.cookie_cb{width:15px;height:15px;vertical-align:top;margin-right:10px;}
.cookiefooter{font-size:10px;color:#999;text-align:center;margin-top:10px;}
.cookielink{color:#999;text-decoration:none;}
.cookieform{width:100%;height:auto;border:none;text-align:center;}
/*
#friendmail{position:relative;border:1px solid #999;height:30px;width:140px;float:right;line-height:30px;font:21px bold;background:#ccc;vertical-align:middle;padding-left:10px;margin:20px 100px 0 10px;}
#friendmail a{color:#fff;background:none;}
#friendmail img{vertical-align:middle;}
*/

/* -----Navigationen -----*/
/*Navigation horizontal */
#navi {
  position:relative;
  margin:0px 10px 0 auto;
  width:auto;
  height:60px;
  border-bottom:none;
  line-height: 60px;
  text-transform: uppercase;
  text-align: left;
  z-index:3;
padding-top:0px;
vertical-align:middle;
border-bottom:0px solid #000;
	
	font-family: 'Didact Gothic', sans-serif;
	font-size:16px;
}
#navi > ul {
  width: auto;
  height:70px;
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
  background: none;
  border: 0px solid #41a101;
  border-bottom: 0px solid #999;
  line-height: 26px;
  vertical-align:middle;
  white-space:nowrap;
  z-index:3;
}
#navi > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#navi > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#navi > ul li.right {
  float: right;
}
#navi > ul li.has-sub {
  position: relative;
}
#navi > ul li.has-sub:hover ul {
  display: block;
}
#navi > ul li.has-sub ul {
  display: none;
  width: auto;
  position: absolute;
  padding: 0;
  list-style-type: none;
  background-color:rgba(31, 45, 3, 0.9);
  border: 0px solid #999;
  border-bottom: 0px solid #999;
  border-top: 0px solid #999;
}
#navi > ul li.has-sub ul li {
  display: block;
}
#navi > ul li.has-sub > a {
  background-image: url('../../../pictures/navigation/caret_white.png');
  background-repeat: no-repeat;
  background-position: 100% 20px;
  padding-right:-5px;
  color: #FFF;
  transition:background 0.2s, color 0.5s;
}
#navi > ul li.has-sub > a.active,
#navi > ul li.has-sub > a:hover {
  background: url('../../../pictures/navigation/caret_white.png') no-repeat;
  background-position: 100% 50px;
  color: #FFF;
}
#navi > ul li a {
  display: block;
  padding: 16px 18px 18px 16px;
  text-decoration: none;
  color: #FFF !important;
  width:auto;
  height:60px;
  margin:0 auto;
  background:none;
  transition:background 0.2s;
  transition:color 0.5s;
}
#navi > ul li a.active,
#navi > ul li a:hover {
  background: none;
  background-color: rgba(0, 0, 0, 0.2) !important;
  width:auto;
  height:100%;
  margin:0 auto;
  color:#FFFFFF !important;
  height:60px;
  text-decoration:none !important;
}

/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 980px) {
  #navi > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #navi > ul ul li.collapsed {
    display: block !important;
  }
}
/*Navigation Vertical */
#leftnavi {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 16px;
  font-size:14px;
  z-index:2;
}
#leftnavi ul,
#leftnavi ul li,
#leftnavi ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size:14px;
}
#leftnavi ul {
  position: relative;
  z-index: 597;
  float: left;
}
#leftnavi ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
  border-bottom:1px solid #ccc;
}
#leftnavi ul li.hover,
#leftnavi ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#leftnavi ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 598;
  width: 100%;
}
#leftnavi ul ul li {
  float: none;
}
#leftnavi ul ul ul {
  top: -2px;
  right: 0;
}
#leftnavi ul li:hover > ul {
  visibility: visible;
}
#leftnavi ul ul {
  top: 0px;
  left: 100%;
}
#leftnavi ul li {
  float: none;
}
#leftnavi ul ul {
  margin-top: -1px;
}
#leftnavi ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#leftnavi {
  width: 150px;
  background: #ffffff;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  zoom: 1;
  font-size: 12px;
}
#leftnavi:before {
  content: '';
  display: block;
}
#leftnavi:after {
  content: '';
  display: table;
  clear: both;
}
#leftnavi a {
  display: block;
  padding: 15px 20px;
  color: #747474;
  text-decoration: none;
  text-transform: uppercase;
}
#leftnavi > ul {
  width: 200px;
}
#leftnavi ul ul {
  width: 200px;
}
#leftnavi > ul > li > a {
  border-right: 0px solid #ccc;
  color: #747474;
  background:#fff;
}
#leftnavi > ul > li > a:hover {
  color: #ffffff;
}
#leftnavi > ul > li.active a {
  background: #fff;
}
#leftnavi > ul > li a:hover,
#leftnavi > ul > li:hover a {
  background: #ccc;
}
#leftnavi > ul > li a:hover > ul > li a,
#leftnavi > ul > li:hover > ul > li a{
  background: #fff;
}
#leftnavi > ul > li a:hover > ul > li a:hover,
#leftnavi > ul > li:hover > ul > li a:hover{
  background: #ccc;
  color:fff;
}
#leftnavi li {
  position: relative;
}
#leftnavi ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}
#leftnavi ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
#leftnavi ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}
#leftnavi ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
#leftnavi ul ul {
  border: 1px solid #ccc;
  background:#ffffff;
}
#leftnavi ul ul a {
  font-size: 12px;
  color: #747474;
  background:#fff;
}
#leftnavi ul ul a:hover {
  color: #ffffff;
}
#leftnavi ul ul li {
  border-bottom: 1px solid #ccc;
  background:#ffffff;
}
#leftnavi ul ul li:hover > a {
  background: #ccc;
  color: #ffffff;
}
#leftnavi.align-right > ul > li > a {
  border-left: 1px solid #ccc;
  border-right: none;
  background:#fff;
}
#leftnavi.align-right {
  float: right;
}
#leftnavi.align-right li {
  text-align: right;
}
#leftnavi.align-right ul li.has-sub > a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}
#leftnavi.align-right ul li.has-sub > a:after {
  content: none;
}
#leftnavi.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}
#leftnavi.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
#leftnavi.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}
#leftnavi.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

/*Rechte Navigation*/
#rightnavi {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 16px;
  font-size:14px;
}
#rightnavi ul,
#rightnavi ul li,
#rightnavi ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size:14px;
}
#rightnavi ul {
  position: relative;
  z-index: 597;
  float: left;
}
#rightnavi ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
  border-bottom:1px solid #ccc;
}
#rightnavi ul li.hover,
#rightnavi ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#rightnavi ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 598;
  width: 100%;
}
#rightnavi ul ul li {
  float: none;
}
#rightnavi ul ul ul {
  top: -2px;
  right: 0;
}
#rightnavi ul li:hover > ul {
  visibility: visible;
}
#rightnavi ul ul {
  top: 0px;
  left: -199px;
}
#rightnavi ul li {
  float: none;
}
#rightnavi ul ul {
  margin-top: -1px;
}
#rightnavi ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#rightnavi {
  width: 150px;
  background: #ffffff;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  zoom: 1;
  font-size: 12px;
}
#rightnavi:before {
  content: '';
  display: block;
}
#rightnavi:after {
  content: '';
  display: table;
  clear: both;
}
#rightnavi a {
  display: block;
  padding: 15px 20px;
  color: #747474;
  text-decoration: none;
  text-transform: uppercase;
}
#rightnavi > ul {
  width: 200px;
}
#rightnavi ul ul {
  width: 200px;
}
#rightnavi > ul > li > a {
  border-right: 0px solid #ccc;
  color: #747474;
  background:#fff;
}
#rightnavi > ul > li > a:hover {
  color: #ffffff;
}
#rightnavi > ul > li.active a {
  background: #ffffff;
}
#rightnavi > ul > li a:hover,
#rightnavi > ul > li:hover a {
  background: #ccc;
}
#rightnavi > ul > li a:hover > ul > li a,
#rightnavi > ul > li:hover > ul > li a{
  background: #fff;
}
#rightnavi > ul > li a:hover > ul > li a:hover,
#rightnavi > ul > li:hover > ul > li a:hover{
  background: #ccc;
  color:fff;
}
#rightnavi li {
  position: relative;
}
#rightnavi ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}
#rightnavi ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
#rightnavi ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}
#rightnavi ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
#rightnavi ul ul {
  border: 1px solid #ccc;
  background:#ffffff;
}
#rightnavi ul ul a {
  font-size: 12px;
  color: #747474;
  background:#fff;
}
#rightnavi ul ul a:hover {
  color: #ffffff;
}
#rightnavi ul ul li {
  border-bottom: 1px solid #ccc;
  background:#ffffff;
}
#rightnavi ul ul li:hover > a {
  background: #ccc;
  color: #ffffff;
}
#rightnavi.align-right > ul > li > a {
  border-left: 1px solid #ccc;
  border-right: none;
  background:#fff;
}
#rightnavi.align-right {
  float: right;
}
#rightnavi.align-right li {
  text-align: right;
}
#rightnavi.align-right ul li.has-sub > a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}
#rightnavi.align-right ul li.has-sub > a:after {
  content: none;
}
#rightnavi.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}
#rightnavi.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
#rightnavi.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}
#rightnavi.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
div.smnavi{width:auto; height:5px; padding:10px 0 20px 10px;line-height:32px;margin-bottom:10px;}
div.smnavi_main{width:auto; height:auto; max-height:42px;padding:0 0 0 20px;}
div.smnaviicon{margin:15px 10px 0 0;height:32px;width:32px;transition:opacity 0.2s;opacity:0.5;}
div.smnaviicon:hover{opacity:1;}
div.smnaviicon.a{
	padding:0px !important;
	line-height:32px;
}
div.smnaviicon_yt{margin:5px 10px 0 0;height:32px;width:32px;transition:opacity 0.2s;opacity:0.5;}
div.smnaviicon_yt:hover{opacity:1;}
div.smnaviicon_yt.a{
	padding:0px !important;
	line-height:32px;
}

/*Seitenzahlen*/
div.pagejumper{position:relative;height:32px;width:0%;width:auto !important;float:right;border:1px solid #ccc;border-radius:5px;margin-right:20px;}
div.pjicon{position:relative;height:30px;width:auto !important;min-width:30px;border-right:1px solid #ccc;float:left;text-align:center;}
div.pjicon a,div.pjicon a:link{display:block;vertical-align:middle;color:#999;font-size:17px;line-height:30px;min-width:30px;}
div.pjicon:hover{background:#F3F3F3;cursor:pointer;}
div.pjicon2{position:relative;height:30px;width:auto !important;min-width:30px;border:none;float:left;text-align:center;}
div.pjicon2 a,div.pjicon2 a:link{display:block;vertical-align:middle;color:#999;font-size:17px;line-height:30px;min-width:30px;}
div.pjicon2:hover{background:#F3F3F3;cursor:pointer;}
div.pjicon3{position:relative;height:30px;width:auto !important;min-width:30px;border-right:1px solid #ccc;float:left;text-align:center;vertical-align:middle;color:#1b9bff;font-size:17px;line-height:30px;min-width:30px;}
div.pjicon3 a,div.pjicon3 a:link{display:block;vertical-align:middle;color:#999;font-size:17px;line-height:30px;min-width:30px;}
div.pjicon3:hover{cursor:not-allowed;}
div.pjicon_active{position:relative;height:30px;width:auto !important;min-width:30px;border-right:1px solid #ccc;float:left;text-align:center;background:#999;color:#FFF;}
div.pjicon_active a,div.pjicon_active a:link{vertical-align:middle;color:#FFF;font-size:17px;line-height:29px;}
div.pjamount{border:1px solid #ccc;border-radius:5px;height:32px;float:right;padding:2px;margin-left:5px;margin-right:20px;}
form.pjamountf{padding:0px;margin:0px;}
div.pjamount select{border:none;height:26px;color:#999;font-size:17px;}

/* Zusaetze fuer module */
div.modulcontain{
	width:100%;
	height:auto;
	border:1px solid #ccc;
	padding:20px;
	margin-bottom:10px;
}

/* Navigation Menu - Background */
#mobilnavi {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  /* non-critical appearance styles */
  list-style: none;
  background: #fff9e7;
  clear:both;
}

/* Navigation Menu - List items */
.nav-head {
	width:215px;
	height:40px;
	border-bottom: 1px solid #ccc;
	background:#513d28;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	color:#FFF;
	line-height:40px;
	padding-left:5px;
	}
.nav-item {
  /* non-critical appearance styles */
  width: 215px;
  border-bottom: 1px solid #ccc;
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  padding: 5px;
  background: #fff9e7;
  color: #513d28 !important;
  font-size: 1.0em;
  text-decoration: none;
}

.nav-item a:hover {
  color: #FFF;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(102,102,102,0.65) 100%);
}
.nav-item2 {
  /* non-critical appearance styles */
  width: 215px;
  border-bottom: 1px solid #ccc;
  padding-left:10px;
  left:0px;
}

.nav-item2 a {
  /* non-critical appearance styles */
  display: block;
  padding: 5px;
  background: #fff9e7;
  color: #513d28 !important;
  font-size: 1.0em;
  text-decoration: none;
}

.nav-item2 a:hover {
  color: #666;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(102,102,102,0.65) 100%);
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  left: 0px; top: 0px;
  z-index: 2;
  
  /* non-critical apperance styles */
  height: 40px;
  width: 100%;
  cursor: pointer;
  background: url('../../../pictures/navigation/mobil_navi_icon_white.png') left top no-repeat rgba(31, 45, 3, 1.0);
  background-size: contain;
  border-bottom:0px solid #ccc;
  text-align:center;
  vertical-align:middle;
  font-size:14px;
  line-height:40px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
  color:#FFF;
}

/* Make the Magic Happen */
.nav-trigger + label, #main {
  transition: left 0.2s;
}

.nav-trigger:checked + label {
  left: 215px;
}

.nav-trigger:checked ~ #main {
  left: 215px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

/* Additional non-critical styles */

code {
    padding: 2px;
    background: #fff;
}

/* Micro reset */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html, body { height: 100%; width: 100%; font-family: Helvetica, Arial, sans-serif; }




iframe{width:100%;max-width:100%;position:relative;}
/* Formularelemente */
div.formular{position:relative;width:100%;height:auto;overflow:hidden;margin-left:0px;}
form{margin:30px 0px 20px 0px;font-size:14px;width:100%;height:auto;overflow:hidden;}
form.standard label{display:block;margin:0 0 -5px 0;width:auto;font-size:18px;}
form label{display:block;margin:0 0 -5px 0;width:auto;font-size:16px;}
input[type=text],input[type=password],input[type=email],input[type=tel] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number]{width:auto;height:30px;min-width:80%;max-width:80%;line-height:30px;font-size:16px;color:#333;border-radius:4px;padding:5px;margin:5px 5px 5px 0;border:1px solid #CCC;outline:none;}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus{border:1px solid #666;box-shadow:inset 0px 0px 8px #999;}
input.standard_fail{width:auto;min-width:80%;max-width:80%;height:30px;line-height:30px;font-size:16px;color:#333;border-radius:4px;padding:5px;margin-top:5px;border:1px solid #D91313;outline:none;}
input.plz{width:9%;height:30px;min-width:9%;max-width:auto;line-height:30px;font-size:16px;color:#333;border-radius:4px;padding:5px;margin:5px 10px 5px 0;border:1px solid #CCC;outline:none;}
input.plz_standard_fail{width:9%;height:30px;min-width:9%;max-width:auto;line-height:30px;font-size:16px;color:#333;border-radius:4px;padding:5px;margin:5px 5px 5px 0;border:1px solid #D91313;outline:none;}
input.ort{width:auto;height:30px;min-width:70%;max-width:70%;line-height:30px;font-size:16px;color:#333;border-radius:4px;padding:5px;margin:5px 5px 5px 0;border:1px solid #CCC;outline:none;}
input.ort_standard_fail{width:auto;height:30px;min-width:70%;max-width:70%;line-height:30px;font-size:16px;color:#333;border-radius:4px;padding:5px;margin:5px 5px 5px 0;border:1px solid #D91313;outline:none;}
textarea{width:80% !important;height:180px;line-height:20px;font-size:16px;color:#333;border-radius:4px;padding:5px;margin:5px auto 20px auto;border:1px solid #CCC;outline:none;}
textarea:focus{border:1px solid #666;box-shadow:inset 0px 0px 8px #999;}
textarea.standard_fail{width:90%;height:180px;line-height:20px;font-size:16px;color:#333;border-radius:4px;padding:5px;margin:5px auto 20px auto;border:1px solid #D91313;outline:none;}
button.buttonsend{width:100px;height:50px;border:1px solid #CCC;border-radius:5px;cursor:pointer;float:left;background:#fff;margin-top:20px;}
button.buttonsend:hover{color:#333;background:#F8F8F8;border:1px solid #666;}
select{width:auto;height:30px;min-width:80%;max-width:80%;line-height:30px;font-size:16px;color:#333;border-radius:4px;border:1px solid #CCC;outline:none;margin:5px 5px 5px 0;}
input[type=radio]{position:relative;vertical-align:middle;margin:-2px 10px 0 0;}
input[type=number]{min-width:20%;max-width:30%;}


/* Kranichwiesen specials */
.flexcon{display:flex;flex-wrap:wrap;align-items:center;max-width:100%;min-width:100%;width:100%;align-items: center;justify-content: space-between;flex-flow: column no-wrap;column-span:all;column-gap:10px;column-fill: balance;margin:20px 0 20px 0;}
.flexcon_inline{width:auto;height:auto;margin:0px; }
div.homediv{width:70%;margin:30px auto;position:relative;clear:both;}
div.big_div{width:auto;height:auto;}
img.big_img{margin-left:-21.5%;margin-right:0; margin-bottom:50px; margin-top:-10px;min-width:100%;width:143%;height:auto;}
div.big_div2{width:100%;height:auto;}
img.big_img2{margin-left:0;margin-right:0; margin-bottom:0px; margin-top:0;min-width:100%;width:100%;height:auto;}
.logo_name{position:absolute;top:0;left:190px;height:60px;width:auto;font-family: 'Annie Use Your Telescope', cursive; font-weight:normal;font-size: 32px;line-height:60px;padding:20px auto auto 20px;color:#FFF;}
img.imleft{float:left; width:60%;height:auto;padding-right:10px;padding-bottom:10px;}
img.imright{float:right; width:60%;height:auto;padding-left:10px;padding-bottom:10px;}
div.pic_text{width:100%;height:100%;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;clear:both;}
div.pic_text img{box-sizing:none;z-index:10;float:left;border-radius:10px 0 0 10px;margin-right:20px;}
div.pic_text h1,h2,h3,p{padding:10px 10px 10px 0;}
div.dotted_div{width:100%;height:auto;border:2px dotted #4f8db9;padding:10px;margin:20px auto;border-radius:10px;}
div.hr_dotted2{width:94%;height:2px;border-top:2px dotted #CCC;margin:20px 3% 20px 3%;text-align:center;}
div.hr_dotted{width:100%;height:100px;background:url('../../../pictures/uploads/hr_circles.png') center no-repeat;}
img.inline_right{float:right;width:auto;height:auto;margin:10px 0px 10px 10px;}
img.inline_left{float:left;width:auto;height:auto;margin:10px 0px 10px 10px;}
.pics_standard{float:right; height:560px; padding:20px; width:373px}
.start_text{}
.footsteps{heigth:auto; width:auto; margin:0px auto; padding:30px 0 30px 0; text-align:center;}
.footsteps img{width:auto;height:auto;object-fit: none;clear:both;}
.material-icons-outlined{vertical-align:middle;}
.mio_green{color:#69774f;}
.mio_white{color:#fff;}
.teamer_div{width:100%;height:auto;border:0px solid #ccc;display: flex;flex-wrap:no-wrap;position: relative;align-items: center;justify-content: center}
.teamer_cont_pic{width:40%;height:100%;}
.teamer_cont_txt{width:40%;height:100%;padding:20px;}
.teamer_middle{width:auto;height:100%;margin:0 20px 0 20px;}
.teamer_h1{font-size:20px; font-weight:bold;margin-bottom:10px;}
.teamer_h2{font-size:16px;font-weight:bold;margin-bottom:10px;}
.teamer_p{font-size:16px;margin-bottom:10px;}
.pic100{position:relative;width:100%;height:auto;}
.kranichwissen{position:relative;width:100%;height:100%;}
.dil_kon{margin:20px 0 20px 0;}
.mailready{border:none;}
.contain_one{position:relative;border:1px solid #830603;border-radius:10px;display:flex;flex-wrap:no-wrap;align-items:stretch;max-width:100%;width:100%;margin:20px 0 20px 0;}
.contain_one_head{background-color:#830603;width:100%;height:auto;padding:20px;border-radius:10px 0px 0px 0px;margin-top:-1px;}
.contain_one_content{padding:20px;}
.contain_one_info{width:auto;height:auto;padding:20px;}
.contain_one_imgr{width:100%;height:auto;border-top-right-radius:10px;}
.contain_one h2{font-family: 'Annie Use Your Telescope', cursive; font-weight:normal;font-size: 36px;color:#FFF;}
.contain_one h3{font-weight:bold;font-size:21px;margin-bottom:0px;}
.contain_one p{padding:0px;margin-bottom:10px;}
.contain_one_headlink{border:1px solid #830603;padding:3px;border-radius:5px;background:#fef5ec;color:#830603;margin-left:10px;}
.contain_one a:hover,a:link:hover{text-decoration:none !important;}
.contain_column_60{width:60%;background-color:#fef5ec;border-radius:10px 0px 0px 10px;}
.contain_column_40{width:auto;max-width:40%;border-radius:0px 10px 0px 0px;}
.contain_links{}
@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}
.blend_img {
	width:auto;
	height:auto;
    animation: einblenden 1.5s;
    -moz-animation: einblenden 1.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
}
/* Bilder hover vergroessern */
*.scale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
*.scale:hover {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}
/* TRANSITION */
*.transition {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;				
}
div.box-wrapper {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	
}
div.box-wrapper div.box {
	width: 33%;
	height: auto;
	overflow: hidden;
	position: relative;
}
div.box-wrapper div.box:hover {
	z-index: 999;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	cursor:pointer;
}
div.box img {
	width: 100%;
	height: auto;
}


img.bannerwerb{object-fit: cover;width:100%;height:auto;}
img.bannerwerb:hover{box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.7), 0 4px 8px 0 rgba(0, 0, 0, 0.7);background-color:none;cursor:pointer;transition: box-shadow 0.3s ease-in-out;}
.socialm_content{align-items:center; border-radius:10px; border:2px dotted #cccccc; display:flex; height:auto; justify-content:center; margin-bottom:20px; margin-top:20px; padding:10px; width:100%;font-family:Annie Use Your Telescope,cursive;font-size:30px;flex-wrap:wrap;clear:both;}
.socialm_content_inner{height:32px; margin-left:10px; width:32px}
/*
div.pic_text{width:100%;height:100%;border:1px solid #ccc;border-radius:10px;clear:both;}
div.pic_text_p{height:100%;width:auto;float:left;z-index:0;margin:0;border-radius:10px;}
div.pic_text_p img{box-sizing:none;z-index:10;float:left;border-radius:10px 0 0 10px;}
div.pic_text_eck{height:100%;width:auto;float:right;z-index:10;margin-left:-50px;}
div.pic_text_eck img{z-index:10;}
div.pic_text_t{height:100%;width:auto;max-width:50%;float:left;z-index:1;padding:20px;}*/
div.klaerer{height:0px;clear:both;}

/* Modul Hacks */
#socialmedia {margin-left:0px!important;}
#socialmedia a {border-radius:5px;}
#socialmedia a:hover {border-radius:5px;text-decoration:none !important;}
/* Flip div */
.flip-card {
  background-color: transparent;
  width:300px;
  height:300px;
  perspective: 1000px;
  
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
  z-index:1;
}

.flip-card-back {
  background-color: #5f0101;
  color: white;
  transform: rotateY(180deg);
  z-index:2;
}
.flip-card-headfront{color:#666 !important;height:68px;font-size:36px;width:300px;padding:10px;background-color: rgba(255, 255, 255, 0.8);font-family: 'Annie Use Your Telescope', cursive; font-weight:normal;position:absolute;top:0;left:0;line-height:48px;vertical-align:middle;text-align: center;}
.flip-card-headback{color:#FFF !important;height:68px;font-size:36px;width:300px;padding:10px;background-color: rgba(0, 0, 0, 0.4);font-family: 'Annie Use Your Telescope', cursive; font-weight:normal;position:absolute;top:0;left:0;text-align: center;}
.flip-card-imgback{position:absolute;top:0;left:0;}
.flip-card-contback{margin-top:0;padding:10px 0px 10px 0px;width:300px;height:232px;position:absolute;top:68px;left:0;}
.flip-card-infocont{width:300px;height:auto;padding:10px;}
.flip-card-linkf,.flip-card-linkf:link{color:#9d2d21 !important;}
.flip-card-linkf:hover{color:#666 !important;text-decoration:none !important;}
.flip-card-link,.flip-card-link:link{color:#FFF !important;}
.flip-card-link:hover{color:#FFF !important;text-decoration:none !important;}
/* Flip div Ende */
@media (max-width: 980px){
#navi{margin:0px auto;width:auto;font-size:12px;}
#logo_img{max-width:60px;height:auto;}
.logo_name{display:none;}
}
@media (max-width: 1200px){
	#logo_img{max-width:60px;height:auto;}
.logo_name{display:none;}
}
a{color:#69774f;text-decoration:none;}
a:hover{color:#69774f;text-decoration:underline !important;}