/*****************************/
/*** Core html setup stuff ***/
/*****************************/
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html {
  height: 100%;
  margin: 0;
  padding:0;
}

body {
  margin: 0;
  padding:0; 
  color: #555; 
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  background-color: #F2F2F2;
}

a:visited {
    color:#6db749;
    text-decoration:none !important;
}

.background{
    position:fixed;
  width:100%;
  height:100%;  
  background-size:cover;
  background-position:right 100px;
  background-repeat:no-repeat;
  top:0;
  left:0;
  z-index:-1;
}

.background_r{
  position:fixed;
  width:100%;
  height:100%;  
  background-size:cover;
  background-position:center 25px;
  background-repeat:no-repeat;
  top:0;
  left:0;
  z-index:-1;
}

.topBar{
  background-color:#fff;
  margin:0;
  padding:0;
  height:100px;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,.17);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,.17);
  box-shadow: 0 0 6px rgba(0,0,0,.17);
  position:fixed;
  z-index:1;
   width:100%;
  top:0;
}

/* BMD neu*/
.navigation {max-width: 1200px; margin: 0 auto; } 

.logo{
  float:right;
  margin:10px 10px 0 0;
}
.topmenu {
    float: left;
    margin: 2em 0 0;
}
.topmenu ul{
  list-style:none;
  margin:0;
  padding:0;
}
.topmenu ul li{
  float:left;
  padding:0;
}
.topmenu ul li a{
	text-decoration: none;
	color: #555;
	display: block;
	line-height: 4em;
	padding: 0 25px 0 18px;
	margin: 0 7px 0 0;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.topmenu ul li a:hover{
  text-decoration:none;
  color: #6DB749;
	}
.current{
  background-image:url(/templates/lionbst/images/ok_small.jpg);
  background-repeat:no-repeat;
  background-position:left center;
}
.screenwidth{
  width:1200px;
  margin:10em auto;
}
.threetable{
  display:table;
  width:100%;
  margin-bottom:2em;
}
.threetable > div{
  display:table-cell;
  width:30%;
  vertical-align:top;  
}

.topright_module{
  position:fixed;
  top:150px;
  right:50px;
  z-index:100;
}


/********** content styles ******/

.justify{
  text-align:justify;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   line-height: 1.5em;
}


.component h2{
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  font-size:20px;
  /*padding:0 0 0 18px;
  background-image:url(/templates/lionbst/images/ok_small.jpg);
  background-repeat:no-repeat;
  background-position:left center;*/
}

.threetable a:before{
}
.threetable a{
	background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
	border: 3px solid rgba(85,85,85, 0.4);
	border-radius: 5px;
	color: #555555;
	display: block;
	font-weight: 600;
	margin-top: 2em;
	padding: 1.5em;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.threetable a:hover{
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border: 3px solid rgba(85,85,85, 1);
	}
.super_big{
  display:block;
  margin: 15vh -2vh 5vh;
  font-size:58px;
  font-weight:500;
}

/*BMD*/
.leftwhite{
  background:rgba(247, 247, 247, 0.98);
  min-height:100%;
  top:0px;
  left:0;
  width: 50em;
  padding: 2em;
  hyphens: auto;
  text-align: justify;}
.leftwhite ul {
	padding-left:2em;
	hyphens: none;
	text-align:left;}

.leftwhite li {
    font-weight: 600;
    margin: 1em;
}

.leftwhite >div{
  margin: 150px 25px 0 25px;
  max-width:45em;
}

.leftwhite h1{  
  color:#000;
  font-size:24px;
}

.leftwhite h1 span{
  display:block;
  color:#555;
  font-size:18px;
  font-weight:100;
}
.contact{
  background-color:#6db749;
  text-decoration:none;
  display:block;
  text-align:center;
  font-weight:600;  
  color:#fff;
  margin:25px auto;
  max-width:230px; 
  padding:15px;
}

.menubtn {
    background-color: #73b048;
    color: #ffffff;
    cursor: pointer;
    display: none;
    float: left;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 5em;
    margin: 0.5em;
    padding: 0 2em;
    position: relative;
	border-radius:3px;
}

/*.innerimage{
  border:5px solid #fff;
  margin:-5px;
  box-shadow: 0 0 6px rgba(0,0,0,.17);
  width: 100%;
}*/
  

.screenwidth iframe{
  width:100%;
  box-shadow: 0 0 6px rgba(0,0,0,.17);
}

a[href^="mailto:"]
{ 
  color: #6db749;
  text-decoration: none;
}

.leftwhite > div a[href^="mailto:"] {
    background-color: #6db749;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-weight: 600;
    margin: 25px auto;
    max-width: 100%;
    padding: 1.5em;
    text-align: center;
    text-decoration: none;
}
.two_cols {
    display: table;
}

.two_cols > div {
    display: table-cell;
    vertical-align: top;
}

.two_cols > div:nth-last-child(1) {
    padding-left: 20px;
}

/* Ergänzungen BMD */
.custom-footer {
	width: 100%; 
	background-color: #E6E6E5; 
	}
#footer {
	margin: 0 auto;
    max-width: 1200px;
    min-height: 300px; 
	}
#footer h3 {
	border-top: 3px solid #555;
    padding: 2em 0 0;
	}
.footer_item {
	width: 33%; 
	padding-right: 2%; 
	float: left; 
	line-height: 2em;
	}
.footer_item:last-child {
	width: 30%; 
	padding-right: 0;
	}
.custom-imprint {
	background: #D9D9D8 none repeat scroll 0 0;
    margin: 0;
    padding: 2em 0 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
	}
.custom-imprint a{
	text-decoration: none;
	font-weight: bold;
	color: #555;
	margin-bottom:2em;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	}
.custom-imprint a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	}
.custom-imprint p{
	margin-bottom:2em;}
.imprint-items {
	max-width: 1200px; 
	margin: 0 auto;
	}

.menu_footermenu {
	background:#D9D9D8;
	padding:2em 0;
	text-align: center;
	margin:0;
	}
.menu_footermenu li {
	display: inline;
	}
.menu_footermenu li a{
	font-weight:bold;
	color:#555;
	text-decoration:none;
	margin:1em;
	}
.threetable > div:nth-child(2),.threetable > div:nth-child(4){
  width:5%;
}
.frame {
	width:100%;}
.noframe {
	display:none;}
	
.item-page-blog {
    margin: 0 auto;
    max-width: 1200px;
}

.category-list-blog {
	padding:10em 0 5em;
	margin: 0 auto;
    max-width: 1200px;}

.pull-left.item-image > img {
    max-width: 350px;
    width: 100%;
	padding-top: 10em;
	}
.teaser_headline {
    float: left;
    font-size: 1.3em;
    font-weight: 800;
	color:#555;
}
.defaultArticleImage {
    float: left;
	padding: 0 1em 6em 0;
}
.teaser {
    float: left;
}
.list-title {
    border-bottom: 1px dotted #cccccc;
    padding: 4em 0;
}
.teaserblog > p {
    padding: 1.6em 0 0 0;
    width: 100%;
}
.pull-right.item-image > img {
    float: right;
    margin: 0 0 2em 2em;
    max-width: 350px;
    width: 100%;
}
.pull-left.item-image > img {
    float: left;
    margin: 0 2em 2em 0em;
    max-width: 350px;
    width: 100%;
}

.custom-footer {
    clear: both;
}

.pull-right.item-image > img {

    padding: 10em 0 0 0;
}
.item-page-blog h1 {
	padding:5em 0 0 0 ; }
	
.item-page-blog p {
    text-align: justify;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}
@media screen and (max-width: 1700px) {
    .topright_module{
      display:none;
    }
}
@media screen and (max-width: 1360px) {
	.leftwhite {
		background: rgba(247, 247, 247, 0.98) none repeat scroll 0 0;
		hyphens: auto;
		left: 0;
		min-height: 100%;
		padding: 2em;
		text-align: justify;
		top: 0;
		width: 35em;
	}
	
	.topmenu ul li a:first-child {
		background-position: right center;
		background-repeat: no-repeat;
		color: #555555;
		display: block;
		font-family: "Open Sans",sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 4em;
		text-decoration: none;
		transition: all 0.2s ease-in 0s;
	}
	.current {
		background-image: url("/templates/lionbst/images/ok_small.jpg");
		background-repeat: no-repeat;
	}
	.leftwhite b{
		margin:0 2em;} 
	
	.super_big {
		display: block;
		font-size: 58px;
		font-weight: 500;
		margin: 15vh 4vh 5vh;
	}
	
.component h2 {
    background-image: none;
    background-position: 3em center;
    background-repeat: no-repeat;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    text-align: center;
}
	h1 {
		padding: 0 1.5em 0 1.5em;
		text-align:center
	}
	.threetable p {
		padding: 0 3em 0 3em;}
	.threetable a {
		margin:2em 3em;}
		
	.threetable > div:nth-child(2),.threetable > div:nth-child(4){
	  width:1%;
	}
	#footer h3 {
		border-top: 2px solid #555555;
		padding: 1em 0em;
	}
	
	.pull-right.item-image {
		text-align: center;
	}
	.justify {
		padding: 0 3em;
	}
	.screenwidth > h3 {
		padding: 0 3em;
		text-align: center;
	}
}


@media screen and (max-width: 1250px) {
    .innerimage{
		width:100%;
		}
    .topright_module{
      display:none;
    	}
	.background_r{
	  position:relative;
	  width:100%;
	  height:50vw;
	  background-size:cover;
	  background-position:top center;
	  margin:100px 0 0 0;
	}
	.leftwhite{
	  position:relative;  
	  width: 100%;
	  margin:0 auto;
	  background:rgba(247, 247, 247, 0.98);
	  min-height:100%;
	  top:0px;
	  left:0;
	  padding: 0em;
	  hyphens: auto;
	  text-align: justify;
	 }
	 .leftwhite p{
		 padding:0.5em 2em;
		 }
	.leftwhite ul{
		 padding:2em;
		 }
	.leftwhite h1 {
    	padding: 1em 1em 0;
		}
	.leftwhite li {
		font-weight: 600;
		margin: 0.8em 4em; 
		}
	.leftwhite > div{
	  margin:15px 0 0 0;
	  max-width:100%;
	}
	 .screenwidth{
		  width:95%;
		}
    .threetable{
		display:block; 
		width:100%;
		}
    .threetable > div{
		display:block;
		width:100%;
		}
    .justify{
		text-align:center;
		}
    .super_big{
		font-size:10vw;
		margin:125px 0 25px 0;
		}
    .topmenu{}
    .topmenu > ul {
		background-color: #ffffff;
		box-shadow: 1em 3em 2em rgba(0, 0, 0, 0.11);
		display: none;
		left: 0;
		padding: 2em;
		position: absolute;
		top: 7em;
		border-radius: 0 0 3px;
	}
    .topmenu > ul > li{
     	float:none;
    }
    .topmenu > ul > li a{
      	line-height:45px;
    }
    .menubtn{      
      	display:block;
    }
	.footer_item {
		width: 100%;
		padding:0em;
		text-align:center;
	}
	#footer {
		margin: 0 auto;
    	min-height: 500px; 
	}
	.footer_item:last-child {
    	padding-right: 0;
   	 	width: 100%;}
	#footer h3 {
    	border-top: none;
    	padding: 0.5em 0;
	}
	.footer_item p {
		margin:0 2em;}
	.leftwhite {
    	box-shadow: none;
	}
	.leftwhite > div a[href^="mailto:"] {
		background-color: #6db749;
		border-radius: 5px;
		color: #ffffff;
		display: block;
		font-weight: 600;
		margin: 25px auto;
		max-width: 70%;
		padding: 1.5em;
		text-align: center;
		text-decoration: none;
	}
	.super_big {
		font-size: 6vw;
		margin: 125px 1em 0 1em;
		text-align: center;
	}
	.frame {
		display:none;}
	.noframe {
		 display: inherit;
		font-size: 1.1em;
		font-weight: 600;
		height: 5px;
		margin: 11em 3em;
		}
	.noframe a{
		background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
		border: 3px solid rgba(85, 85, 85, 0.4);
		border-radius: 5px;
		color: #555555;
		display: block;
		font-weight: 600;
		margin-top: 2em;
		padding: 1.5em;
		text-align: center;
		text-decoration: none;
		transition: all 0.2s ease-in 0s;
	}
	.item-page-blog {
		padding: 0 3em;
		text-align: center;
	}
	.item-page-blog > div {
		text-align: center;
	}
	#footer h3 {
		border-top: medium none;
		padding: 0.5em 3em;
	}
}
@media screen and (max-width: 650px) {
	.leftwhite > div {
    	margin: 15px 0 0;
	}
	
.pull-left.item-image > img {
    max-width: none;
    width: 100%;
}
.pull-right.item-image > img {
    max-width: none;
    width: 100%;
}
}
@media screen and (max-width: 500px) {
	body {
		min-width:280px;}
    .two_cols {
        display: block;
    }
    
    .two_cols > div {
        display: block;
    }
   
    .two_cols > div:nth-last-child(1) {
        padding-left: 0px;
        padding-top: 20px;
    }
	.defaultArticleImage {
		margin: 0;
		padding: 3em 0;
		text-align: center;
		width: 100%;
	}
	.teaser_headline {
    	float: none;
		text-align:center;
		
	}
	.teaserblog > p {
		text-align:center;
		padding: 1.6em 0 0;
		width: 100%;
	}
	item-page-blog {
		padding: 0 1em;
		text-align: center;
	}
	.justify {
		padding: 0 2em;
	}
	.screenwidth > h3 {
		padding: 0 2em;
		text-align: center;
	}
		#footer {
		margin: 0 auto;
		min-height: 600px;
	}
	#footer h3 {
		border-top: medium none;
		padding: 0.5em 2em;
	}
}
a{
	color: #555555;
	text-decoration: none;
	transition: all 0.2s ease-in 0s;
}
a:hover{
	color: #6DB749;
}