@media (min-width: 992px){
.carousel{
width:49%;
}
.carousel-item img,.magzine img{width: 100%;}
.carousel-item img{width: 100%; height: 310px;}
.carorig{
float:right;
}
.demorig{
float:right;
width:51%;
}
#demo{
float:left;
}
.ad300{
margin-bottom:10px;
float:left;
margin-left:10px;
}
.ad600{
margin-bottom:10px;
float:left;
margin-left: 10px;
}
.ad310{
margin-bottom:10px;
margin-left:10px;
float:left;
}
.ad320{
margin-bottom:10px;
margin-right:10px;
float:left;
}
.card{
width:99%;
}
.mob30{
width:33%;
float: left;
margin-right: 10px;
}
.mob35{
width:38%;
float: left;
margin-right: 10px;
}
.mobrig30{
float:right;
width:22%;
}
.mobrig30 img{
width:100%;
height: 78px;
}
.mob50{
width:49%;
float: left;
margin-right: 10px;
}
.mob501{
width:49%;
float: right;
margin-right: 8px;
}

.col-lgu{
padding-right:10px;
margin-left: 15px;
}
.f_link{height: 216px; overflow-y: hidden;}
.f_link2{height: 250px; overflow-y: hidden;}

.leihe{
}
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 32.8%;
  }

}

.card-headerx{background-image: linear-gradient(#f8f8f8, #cccccc);outline: 1px solid #FFF;
outline-offset: -1px; font-weight: bold; display: flex;justify-content: space-between;
            align-items: center; padding: 0.75rem 1rem; font-size: 20px;}
.card-headerx h2{font-weight: bold;}
.card-headerx a{font-size: 1rem;}

.f_link li{
border-bottom: 1px dotted rgba(0,0,0,0.25);
padding-left:10px; 
position: relative;
line-height: 36px;
height: 36px;
overflow:hidden;
padding: 1px 0 10px 15px;
}
.f_link li:before{content: ''; display: block; width:6px; height: 6px; background:rgba(0,0,0,0.25); position: absolute; left: 0; top: 17px; border-radius: 10rem; }
.f_link2 li{
border-bottom: 1px dotted rgba(0,0,0,0.25);
padding-left:10px; 
position: relative;
line-height: 36px;
height: 36px;
overflow:hidden;
padding: 1px 0 10px 15px;
}
.f_link2 li:before{content: ''; display: block; width:6px; height: 6px; background:rgba(0,0,0,0.25); position: absolute; left: 0; top: 17px; border-radius: 10rem; }
@media (max-width: 767px){
.ad300{
width:100%;
margin-bottom:10px;}
.ad300 img{
width:100%;}
.ad600{
width:100%;
margin-bottom:10px;}
.ad600 img{
width:100%;}
.ad310{
width:100%;
margin-bottom:10px;}
.ad310 img{
width:100%;}
.mob35{
width:100%;
margin-bottom:10px;}
.ad320{
width:100%;
margin-bottom:10px;}
.ad320 img{
width:100%;}
.col-lgu{
width:100%;
margin-bottom:10px;}
.col-lgu img{
width:100%;}
}