@charset "utf-8";

@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

*{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v12-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin_latin-ext-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}


/* kalam-300 - latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/kalam-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Kalam Light'), local('Kalam-Light'),
       url('../fonts/kalam-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kalam-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kalam-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kalam-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kalam-v8-latin-300.svg#Kalam') format('svg'); /* Legacy iOS */


}

body,html {
	color:black;
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	width:100%;
	/*height:100%;*/
	background-color:#4e4f5d;
	background-color:#f6f6f6;
	/*min-width:500px;*/
	min-height:100%;
	height:100%;
	text-align:left; 

}

body { padding-top: 0px !important; }
	
img {
	border:0px;
	max-width:95% !important;
    margin: 0 auto;
	text-align:center !important;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-rahmen{

	 border-radius: 4px;
	 margin-bottom:30px!important;
	  margin-top:30px!important;
	  border: 5px solid #5AA06A!important;
}

.logounten{
	max-width:100% !important;
    margin: 0 auto;
	text-align:center !important;
	display: block;
	padding-top:25px !important;
}


div#wrapper 
{
  /*position:relative;
  width:100%;
  min-height:100%;
  margin:0px auto; 
 */

  width:100%;
  background-color:white;

}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.abgerundet {
    border-radius: 15px;
    background: #ffffff;
	min-height:100%!important;
    padding:20px!important;
	color: #5AA06A !important;
}

h1{
	color:#5AA06A;
	font-size:38px;
}


a{color:#5AA06A;}
	


footer{
	background-color:#5AA06A !important; 
	color:#ffffff;
	padding-bottom:30px!important;
	}
	
.footer>a { color:#ffffff !important;}
address > a { color: #5AA06A !important;}


.clearfix {
    overflow: auto;
}

div#desk_nav {
  padding-right:20px;
  float:left; 
  /*width: 200px; */
  width:20%;
  min-height: 100%; 
  margin:0px auto; 
  list-style:none;
  display:block;


}

.nav_background{
	background-color:#fff;
	max-width: 276px;
	min-height:100%;
	border-right: solid 1px rgba(0,0,0,.125);;

}
div#main{
	/*width: 600px; 
	width:80%;*/
	background-color:white; 
	margin:0px auto; 
	min-height:370px;
	padding-left:30px;
	padding-right:30px;
	/*border-left: #273677 3px solid;*/
	padding-bottom:70px;
	}
	
	.usefont{
	font-family: 'Kalam';
}




/*Accordeonmenü*/

.jquery-accordion-menu,.jquery-accordion-menu *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:0}
.jquery-accordion-menu{min-width:260px;float:left;position:relative;}

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header{width:100%;height:50px;padding-left:22px;float:left;line-height:50px;font-weight:600;color:#5AA06A;background:#ffffff;}

.jquery-accordion-menu ul{margin:0;padding:0;list-style:none}
.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}
.jquery-accordion-menu ul li a{width:100%;padding:14px 16px;float:left;text-decoration:none;color:#5AA06A;font-size:12px;background:#fff;white-space:nowrap;position:relative;overflow:hidden;-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#fff;background:#5AA06A}.jquery-accordion-menu>ul>li>a{border-bottom:solid 1px rgba(0,0,0,.125);}.jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left}.jquery-accordion-menu .submenu-indicator{float:right;right:12px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:11px;background:rgba(0,0,0,.125);border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#273677}.jquery-accordion-menu ul ul.submenu>li>a{padding-left:30px}.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#5AA06A;border-radius:100%}.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.blue.jquery-accordion-menu ,.blue.jquery-accordion-menu .jquer,.blue.jquery-accordion-menu ul li a{background:#4A89DC}.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a{background:#3e82da}.blue.jquery-accordion-menu>ul>li>a{border-bottom-color:#3e82da}.blue.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#3e82da}.green.jquery-accordion-menu ,.green.jquery-accordion-menu ,.green.jquery-accordion-menu ul li a{background:#03A678}.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a{background:#049372}.green.jquery-accordion-menu>ul>li>a{border-bottom-color:#049372}.green.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#049372}.red.jquery-accordion-menu ,.red.jquery-accordion-menu,.red.jquery-accordion-menu ul li a{background:#ED5565}.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a{background:#DA4453}.red.jquery-accordion-menu>ul>li>a{border-bottom-color:#DA4453}.red.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#DA4453}.white.jquery-accordion-menu ,.white.jquery-accordion-menu,.white.jquery-accordion-menu ul li a{background:#fff;color:#555}.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a{background:#5AA06A}.white.jquery-accordion-menu>ul>li>a{border-bottom-color:#5AA06A}.white.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#5AA06A}.white.jquery-accordion-menu ul ul.submenu li a{color:#5AA06A}.white.jquery-accordion-menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}.black.jquery-accordion-menu ,.black.jquery-accordion-menu .,.black.jquery-accordion-menu ul li a{background:#292929}.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a{background:#222}.black.jquery-accordion-menu>ul>li>a{border-bottom-color:#222}.black.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#222}

.bg {
  background: url('../images/leute_hund.jpg') no-repeat right bottom;
  background-size: cover;
  width: 100%;
  height: 400px; /*same height as jumbotron */
  top:0;
  left:0;
  z-index: -1;
  border-bottom:solid 10px #5AA06A!important;
}

.jumbotron {
  
  color: white;
  /*text-shadow: #444 0 1px 1px;*/
  background:transparent;
  border: solid 1px rgba(0,0,0,.125)!important;
	color: #5AA06A!important;
	width:100%;
	

}

.mycontainer {
  position: relative;
  /*height: 14rem;
  border: 1px solid;*/
  
   height: 400px;
  color: white;
  /*text-shadow: #444 0 1px 1px;*/
  background:transparent;
  /*border: solid 1px #5AA06A!important;*/
  border: 1px solid rgba(0,0,0,.125);
	color: #5AA06A!important;
	width:100%;


}

.jumbotrontop{
	height: 150px;

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /*border: 1px dashed deeppink;*/
  width:55%;
  right:20%;
  /*margin-left:15px!important;
  margin-right:15px!important;*/
  background-color:RGB(255,255,255,0.75);
text-align:center;
vertical-align:center;
border: 1px solid rgba(0,0,0,.125);
border-radius: 15px 15px;


 display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;

}



.myjumbotron{
	
	border: solid 1px #5AA06A!important;
	color: #5AA06A!important;
	background-color:#fff;
}

.myjumbotroninvert{
	
	border: solid 1px #5AA06A!important;
	color: #fff!important;
	background-color: #5AA06A!important;
}

/*end Panels*/


.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;

}

.card-body {
   border-right: 5px solid #273677 !important;

}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.row{
	margin-right:0px !important;
	margin-left: 0px !important;
}

.row-eq-height {
  /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;*/
}

@media (max-width: 1200px) 
{  
  div#desk_nav{   display:none;   }  

   .mobilenav{display:auto;}
   .nav_background{display:none;}
    
}

@media (min-width: 1200px)
{ 
.mobilenav{display:none;}
div#desk_nav{   display:auto;   }  
   .nav_background{display:auto;}
}

@media (max-width: 991px) 
{     

	#wrapper   {   position:relative;   width:100% !important; ;   min-height:100% !important; ;   margin:0px auto;    margin-top:0px !important;   margin-bottom:0px !important;  }    
	div#main{
		padding-left: 15px;
padding-right: 15px;
	}
	
	.jumbotrontop{
	height: 150px;

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /*border: 1px dashed deeppink;*/
  width:100%;
  right:0;
  /*margin-left:15px!important;
  margin-right:15px!important;*/
  background-color:RGB(255,255,255,0.75);
text-align:center;
vertical-align:center;
border: 1px solid rgba(0,0,0,.125);
border-radius: 15px 15px;


 display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;

}
}

@media (max-width: 991px) 
{
		h3{
			font-size:14px;
		}
}