.site-grid{
  max-width:980px;
  margin: 0 auto;
  background: url('https://hausverwaltung-mayer.de/images/hvwm/system/winkel.png')no-repeat top right;
  padding-top: 14px;
  padding-right:15px;
/*   grid-template-columns: [full-start] minmax(0, 1fr) [main-start] 1fr 1fr 2fr 1fr [main-end] minmax(0, 1fr) [full-end];
*/
   }
html {
 background: url('https://hausverwaltung-mayer.de/images/hvwm/hintergruende/011.jpg') no-repeat center center fixed;
    background-color: rgba(0, 0, 0, 0);
    background-attachment: fixed;
    background-size: auto;
 /*  */
}

html {
  background-color: #d4d4d4;
}
a:link, .nav > li > a:link, a:not(.btn):link{
color:#40832b;
    text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:visited, .nav > li > a:not(.btn):focus, , .nav > li > a:not(.btn):hover {
    text-decoration: none;
    background-color:transparent;
    }

a:hover, a:focus, a:not(.btn):focus, a:not(.btn):visited, a:not(.btn):hover{
    color: #428623;
    text-decoration: none;
}
    ._menu a:hover, ._menu a:focus {
     color:  #40832b;
}
.mod-list {
  width: 100%;
}
.bottom-a .mod-list {
  width: auto;
}
#aside .nav .nav-child {
    border-left: 0px solid #ddd;
}
.breit_x{
  width:168px;
  position:relative;
  display:inline-block;
}
.footer .container{
background-color: transparent;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 20px;
border: 0px solid rgba(0,0,0,0);
}
.unterueberschrift
{
  font-weight: bold;
}
.drumrum{
  padding:14px 20px;
  background-color: rgba(255, 255, 255, 0.7);
height: 24px;
margin-right: 12px;
}
.container-bottom-a ul.mod-list, .container-bottom-a ul.mod-list li, .float_left{
  position:relative;
  float:left;
  margin-left:20px;
  flex-direction:row;
}
.float_right{
  float:right;
}
  ul.mit_punkten{
list-style-type: circle;
}
.slogan{
  text-transform: uppercase;
     margin-top: 4px;
  font-weight: bold;
  text-align:right;
  color:#40832b;
}
h2{
  text-transform: uppercase;
}

html{ 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;

}
.step0,.step1,.step2,.step3,.step4{
  position:absolute;
}
.step1{
  margin-left:84px;
}
.step2{
  margin-left:344px;
}
.step3{
  margin-left:460px;
}
.step4{
  margin-left:500px;
}

.imgleft{
  float:left;
  margin:0px 24px 24px 0;
  position: relative;
  height:124px;
  width:124px;
}
.imgliste{
  float:left;
  margin:0px 12px 12px 0;
  position: relative;
  height:150px;
  width:150px;
}
.ttip {
  float:left;
  position: relative;
}

/* Tooltip text */
.ttip .tooltiptext {
  visibility: hidden;
 width: max-content;
  background-color: #efefef;
max-width: 240px;
  text-align: left;
  padding: 5px 10px;
  border-radius: 6px;
  z-index:1000;
 font-size:.9em;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -60px; 
}

/* Show the tooltip text when you mouse over the tooltip container */
.ttip:hover .tooltiptext {
  visibility: visible;
}

.clear_both{
  clear:both;
}
ul { 
  list-style: none ;
}
li {
    line-height: 22px;
}
}
.well._menu .page-header {
    margin: 0px 0px -25px 0px;
}
 .navigation{
 padding: 0 0;
 }
 
 .navbar .btn-navbar{
margin: 14px 16px 0 0;
}
 
 .navbar {
    margin-bottom: 0px;
    }

.mynav{
width: 100%;
right: 2px;
position: relative;
border: 0px;
  
}
.logo{
  float:left;
}
}
.well h3.page-header {
   padding-top: 12px;
   margin-bottom: -22px;
    font-size: 28px;
    color:#62bb46;
  font-weight:bold;
}

.small {
    font-size: 13px;
}
.small a{
    color: black;;
}

ul.nav ul.nav-child li{
  margin: 0 4px;
  text-align: right;
}

h2{
  color:#40832b; /*62bb46;*/
}
.nav-header{
  clear:both;
	padding: 20px 0px 0 0;
    font-size: 15px;
    color:#40832b;
  text-transform: uppercase;
  font-weight: bold;
}

li .parent {
	padding: 30px 0px 0 0;
}
.menu li.item-104 {
  margin-top:-22px;
  
}
.nav-collapse .nav .nav-header {
  text-align: right;
  color:#40832b;
}
.navbar .btn-navbar .icon-bar {
  background-color: #40832b;
}
.navigation .nav > li > .nav-child::after {
  border:0px;
}
.navigation .nav > li > .nav-child::before {
  border:0px;
}
.navigation .nav-child {
  position: relative;
  display:block;
  background-color: transparent;
  border: 0px solid rgba(0,0,0,0.2);
  -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 rgba(0,0,0,0.2);
-webkit-background-clip: padding-box;
  float:right;
  padding: 0 0;
}
.navigation .nav-child a {
padding:0;
  padding-left:12px;
}

body.site, .body.site{
    border-top: 0px solid #0088cc;
    padding: 20px;
    background-color: transparent;
  font-family: 'Heebo', sans-serif;
  font-size: 14px;
line-height: 22px;
}

.body .container.top{
background-color: transparent;
  background: url(images/hvwm/system/winkel.png)no-repeat top right;
    border: 0px solid #fff;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
}
.span8, main{
background-color: rgba(255, 255, 255, 0.7);
  padding:20px;
  border-radius: 0.25rem;
}
.pull-left {
  float:right;
 
}
.page-header {
    border-bottom: 0px solid #eee;
}
/* */
.sidebar-right.card, .bottom-a.card, .top-b.card{
    background-color: rgba(255, 255, 255, 0.7);
}
.well._menu, .sidebar-right .card-body{
    min-height: 20px;
    margin-bottom: 6px;
    border: 0px solid #e3e3e3;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
  /*	margin-right:12px;
  	background: url(http://s833372315.online.de/images/hvwm/system/txt.png)no-repeat center;*/
	text-align: right;
}

.kleiner_screen{
background-color: rgba(255, 255, 255, 0.8);
  margin-right:12px;
  padding-right: 24px;
}

.mod-list li {
  padding:0;
}

.mod-list li.item-105, .mod-list li.item-108{
  padding-top:30px;
}
/* damit die sidebard erst später einspringt */
@media (min-width: 768px) {
    .site-grid {
      grid-template-areas: 
      ". banner banner banner banner ." 
      ". top-a top-a top-a top-a ." 
      ". top-b top-b top-b top-b ." 
      ". side-l comp comp side-r ." 
      ". bot-a bot-a bot-a bot-a ." 
      ". bot-b bot-b bot-b bot-b .";
    }
  }

/* damit side-r über comp liegt */
@media (max-width: 767.98px) {
    .site-grid {
        grid-template-areas:
            ". banner banner banner banner ."
            ". top-a  top-a  top-a  top-a  ."
            ". top-b  top-b  top-b  top-b  ."
            ". side-r side-r side-r side-r ."
            ". comp   comp   comp   comp   ."
            ". side-l side-l side-l side-l ."
            ". bot-a  bot-a  bot-a  bot-a  ."
            ". bot-b  bot-b  bot-b  bot-b  ."
    }
  .sidebar-right .card-body{
	text-align: left; 
    background: url('https://hausverwaltung-mayer.de/images/hvwm/system/logoS.png') no-repeat 78% 60px fixed;
    background-attachment: fixed;
    background-size: auto;
  }
  .sidebar-right .card-body ul.mod-menu{
    margin-top:12px;
}


@media (min-width: 768px) {
  .kleiner_screen, .top-b.card{
   /* display:none; */
  }
}

@media (max-width: 767.98px) {
  #aside, .sidebar-right.card{
   /* display:none;*/
  }
     .body .container {
  padding-right: 30px;
  }

}
@media (max-width: 767px) {
  .drumrum{
height: 96px;
  }
  .float_left, .pull-right {
    float: none;
  }
  .footer ul.mod-list, .footer ul.mod-list li, .float_left {
    float: none;
    margin-left: 0px;
  }
  .ttip .tooltiptext {
    max-width: 200px;
    margin-left: -100px;
  }  


}
  
@media (max-width: 480px) {
    .imgliste {
    float: left;
    height: 91px;
    width: 91px;
  }
 .navbar .btn-navbar{
    margin-bottom:12px;
  }
  }

@media (max-width: 979px) {
._menu h2{
    font-size:18;
  }
 ._menu .nav-header{
    font-size:14;
  }
  .nav-collapse.in.collapse {
    overflow: auto;
  }
  .nav-collapse .nav {
    margin: 10px 0 90px;
}
  .nav-header {
    font-size: 16px;
  }
    h2.page-header{
    font-size: 18px;
   }
  
}