/* Verision 1.00;  Last update: 25.03.2021 */

/* Set variables */

:root {
    --bodybgcolor: #222e3e;
    --navcolor: #2E8B57;
    --linkcolor: #2E8B57;
    --hovercolor: #8ea145;
}

body{
border-top:3px solid var(--bodybgcolor);
}

.color{
color:var(--bodybgcolor);
}

a, a:visited{
color:var(--linkcolor);
}

a:hover{
color:var(--hovercolor);
}
/* Markierungsfarben */
/* fuer Safari >=1.1, Opera >=9.5, IE9 */
::selection {
	background:var(--navcolor);
	color:#fff;
}
/* fuer Firefox */
::-moz-selection {
	background:var(--navcolor);
	color:#fff;
}

header{
padding:10px 0px 5px 0px;
}

.navbar{
background: var(--bodybgcolor) !important;
border-top:1px solid var(--hovercolor) !important;
border-bottom:1px solid var(--hovercolor) !important; 
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
   border-color: var(--hovercolor);
}

.navbar button{
background:var(--hovercolor) !important;  
}

.navbar button:hover{
background:var(--hovercolor) !important;
}

.navbar .nav{
border-right:1px solid var(--hovercolor);
}

.navbar .nav > li > a{
background: var(--bodybgcolor); 
border-left:1px solid var(--hovercolor);
}

.navbar .nav > li > a:hover{
background:var(--hovercolor) !important;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
background: var(--hovercolor) !important;
}

.dropdown-toggle{
background: var(--bodybgcolor) !important;
}


.dropdown-menu{
background:var(--bodybgcolor) !important;
border:1px solid var(--hovercolor);
}

.dropdown-menu a{
background:var(--bodybgcolor) !important;
border-bottom:1px solid var(--hovercolor);
}

.dropdown-menu a:hover,.dropdown-menu a:focus{
background:var(--hovercolor) !important;
}

.social i{
background:var(--bodybgcolor);
}

.social i:hover{
background:var(--hovercolor);
}

.flex-caption{
border-left:4px solid var(--bodybgcolor);
}

.service i{
color:var(--bodybgcolor);
}

/* Timeline */

.time .tidate{
background:var(--bodybgcolor);
}

.time .timatter{
border-bottom:2px solid var(--bodybgcolor);
}

/* Events - Accordion*/

.events .panel-heading h5{
background:var(--bodybgcolor);
}

/* Slider */

.da-slider{
border-top: 4px solid var(--bodybgcolor);
border-bottom: 4px solid var(--bodybgcolor);
}

.da-slide h2{
color:var(--bodybgcolor);
}

.da-slide .da-link{
background:var(--bodybgcolor);
}

/* Testimonial */

.test{
border-bottom:2px solid var(--bodybgcolor);
}

.test-arrow{
border-top-color: var(--bodybgcolor);
}

/* Feature alt */

.afeature:hover{
border:5px solid var(--bodybgcolor);
}

.afmatter i{
color:var(--bodybgcolor);
}

.rpost1:hover,.rpost2:hover{
border-bottom:2px solid var(--bodybgcolor);
}

.panel-heading i{
color:var(--bodybgcolor);
}

.process i{
color:var(--bodybgcolor);
}

.process-meta span{
background:var(--bodybgcolor);
}

.feat h4 i{
color:var(--bodybgcolor);
}

.blog .meta i{
color:var(--bodybgcolor);
}

.posts .tags a{
background:var(--bodybgcolor);
border:1px solid var(--hovercolor);
border-bottom:3px solid var(--hovercolor);
}

.posts .tags a:hover{
border-bottom:3px solid var(--bodybgcolor);
background:var(--hovercolor);
border:1px solid var(--hovercolor);
}

.paging a:hover{
background: var(--bodybgcolor);
border:1px solid var(--hovercolor);
}

.paging .current{
background: var(--bodybgcolor);
border:1px solid var(--hovercolor);
}

.serv .simg i{
color:var(--bodybgcolor);
}

.button a, .button a:visited{
background:var(--bodybgcolor);
border-bottom:2px solid var(--hovercolor);
}

.button a:hover{
background:var(--hovercolor);
}

.pricel .phead-top{
background:var(--bodybgcolor);
border:1px solid var(--hovercolor);
}

.pricel .phead-bottom{
border-top:1px solid var(--hovercolor);
}

.nav-tabs > li > a:hover{
background:var(--bodybgcolor);
}

.about .asocial i{
background:var(--bodybgcolor);
}

.resume h4{
background:var(--bodybgcolor);
}

.resume h5{
color:var(--bodybgcolor);
}

.entry {
font-family: "merriweather-regular", Arial, Helvetica, sans-serif;
font-size:14px;
}

.entry h2{
margin-bottom:10px;
}


.himg {
font-style: italic;
font-size: 12px;
background:#fafafa;
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #eee;
}

.bthumb2{
float:center;
/*margin-top:8px;
margin-bottom:8px;
margin-right:8px;
padding:1px;
box-shadow:0px 0px 1px #777;*/
}

.disc {
list-style-type: disc;
}
.circle {
list-style-type: circle;
}

.square {
list-style-type:square;
}


.nextart {}
.nextart ul{
margin: 0 0 0 20px;
}
.nextart li {
font-size: 14px;
font-family: 'opensans-regular', sans-serif;
}

.bottomline-solid{
padding:0px;
border-bottom:1px solid #eee;
}

.bottomline-dashed {
padding:0px;
border-bottom:1px dashed #ccc;
}

.trenner{
padding:0px;
border-bottom:1px solid #eee;
margin-bottom:10px;	
}

.margin-top10 {
margin-top:10px;
}

.widget-img {
display: block;
max-width: 100%;
/*max-width: 250px;*/
margin: 0 auto;
height: auto;
}

.btn-rounded {
  border-radius: 5px;
}

.content ul li{
padding:0px 0px;
}

.content ul li i { color:var(--navcolor);}

footer ul li i { color:var(--navcolor);}

footer{
border-top:3px solid var(--navcolor);
}

.logoimg {}
.logoimg .form-inline {
text-align:right;
}

.stdbox {
width: 100%;
/*font-family: 'opensans-regular', sans-serif;*/
/*font-size: 12px;*/
/*line-height: 1.5em;*/
padding:8px 10px;
background: #f9f9f9;
border: 1px solid #eee;
border-bottom: 3px solid #eee;
border-radius: 10px;
margin-bottom: 10px;
}

blockquote {
/*font-family: Arial, Helvetica, sans-serif;*/
padding: 9px 18px;
background: #f6f6f6;
margin: 0 0 18px;
line-height: 1.65em;
font-size: 10pt;
border-left: 5px solid var(--bodybgcolor);
}

/*--------------------------------------------*/
/* Produkt Box */
/*--------------------------------------------*/

.adbox{
background:#eee url('../img/header-back.png') repeat;
border:1px solid #e1e1e1;
border-radius:8px;
padding:5px;
margin-top:10px;
margin-bottom: 10px;
}

.entry #adlinkbox {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 1.5em;
padding:5px 10px;
background: #f6f6f6;
border: 1px solid #eee;
/*border-bottom: 3px solid #eee;*/
/*border-radius: 8px;*/
margin-bottom: 10px;
}

.entry #adlinkbox .title 
{
font-size: 14pt;
}

.entry #adlinkbox h5{ 
color: #C8C8C8;
padding:0px;
border-bottom:1px dashed #ccc;
margin-bottom:8px;
margin-top:0px;
}

.entry #productbox {
width: 100%;
font-size: 10pt;
line-height: 1.5em;
padding:8px 10px;
background: #f6f6f6;
border: 1px solid #eee;
border-bottom: 3px solid #eee;
border-radius: 8px;
margin-bottom: 10px;
}

.entry #productbox .boxtitle 
{
font-size: 12pt;
}

.entry #productbox img
{
display:auto;
float:right;
margin:5px 5px 0px 10px;
border: 0px;
box-shadow: none;
border-radius: 0px;
}

.entry #productbox ul
{
list-style-type: disc;
margin: 0px 0px 0px 5px;
padding: 0px 0px 10px 15px;
}

.entry #productbox mark 
{ 
background: #ffff99; 
}

.entry #productbox h5{ 
color: #777777;
padding:0px;
border-bottom:1px dashed #ccc;
margin-bottom:8px;
margin-top:0px;
}

.entry #productbox .btn-success {
font-size: 10pt;
color: #fff;
}

/*@media (max-width: 767px){*/
@media (max-width: 991px){

	.logoimg .form-inline {
		text-align:center;
	}
	.logo img {
		display: block;
		margin: 0 auto;
	}
	.entry #productbox img{
		float:none;
		margin:0 auto;
		width:auto;
	}
	.entry .bimg img{
		/*display:auto;*/
		float:none;
		margin:0 auto;
		width:auto;	
	}
	.widget-img {
		max-width: 250px;
	}
	

{