.nav {border-bottom:8px solid transparent!important;
    border-image: url('../img/ch/divider-header.png') 100;}
    nav.navbar-shrink {border-bottom:8px solid transparent!important;
    border-image: url('../../img/lines/line-green-start.png') 100;}
    .navbar {padding: 0}
    
 
/*TITLEIMGs*/
.titleimg{background-size:cover;height:250px;position:relative;z-index:1;text-align:center;background-image:url('../img/nath-titel.jpg');background-position:0 0;}
.min-container .titleimg{height:250px;margin-top:10px;line-height:1.1em;padding-top:40px}

.row.service {padding-bottom:30px;}
#c514{overflow:hidden}
/*.row.service a{color:#333}*/
.row.service header{text-align:center;}
.row.service h2, .row.events h2{padding:10px;text-align:center;width:170px;color:#fff;background-image:url('../../img/service-back.png');background-size:100% 100%;background-repeat:no-repeat;}
.row.service h2 {font-size:2rem;margin:0 auto}
.row.service h1{text-transform:uppercase;}
/*.servicestart {width:170px;height:170px;}*/
img.servicestart{width:100%;height:100%;}
.bh {border-top: 1px solid #eee;margin-top:20px;padding-top:20px;}
.srv .caption { vertical-align: middle; display: table-cell; opacity: 0; position: absolute; height:100%; width: 100%; line-height: 1.5em;bottom: 0px; left: 0px; padding: 2px 0px; color: black; background: #fff; text-align:center;transition: opacity 2s;font-size:10px;}
 .row.service .col-lg-2,  .row.service .col-md-2{padding-right: 5px;padding-left: 5px;}
.srv:hover {cursor:pointer}
/*.srv:hover .caption { opacity: 0.8; }*/
.srv h2{text-transform:none;position:absolute;left:0;right:0;margin:0 auto;background:#fff;}
.srv h2 a{color:#006190!important;}
.row.intro header{text-align: center;}
.row.intro h2, .row.events h2 {
    padding: 10px;
    text-align: center;
    width: 170px;
    color: #fff;
    background-image: url(../../img/more-orange.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#c590 img {
    /*border-radius: 50%;
    padding:20px;
    background:#fff;
    box-shadow:5px 5px 26px 3px rgba(0,0,0,0.51)*/
    width:150px
}
#c388 img {
    border-radius: 50%;
    width:150px
}
.video-caption {color:#888;font-size:11px;}
#c595 a.more{margin-top:15px;}
.frame-jumbotron{/*height:300px;*/border-bottom: 0px;}
.row.blueback{background:#006190;color:#fff;padding-top:20px;padding-bottom:20px;margin-bottom:20px;font-size:14px;margin-left:-15px;margin-right:-15px;}
.row.projects img{width:100%}
.row.projects .rappelkiste img,.row.projects .amandi img {margin-left:-15px;margin-right:-15px;}
.row.projects .amandi, .row.projects .rappelkiste  {text-align:center}
.row.projects .amandi img {width:70%;margin:0 auto;margin-top:25px}
h3.home-title{color:#fff!important;font-size:1.1rem;margin-top:220px;position:absolute;}
.owl-carousel .item img {
    object-fit: cover;
    height: 200px;
    width: 100%/*200px*/!important;
    margin-top: 0px;
    margin: 0 auto;
    margin-bottom: 10px;
}
/*News*/
.news-list-view .article .news-img-wrap, .news-single .article .news-img-wrap  {display:block;width:100%;height:180px;overflow:hidden;margin:0;margin-bottom:20px}
.news-list-view .article .news-img-wrap a, .news-single .article .news-img-wrap a{border:0;padding: 0;float: none;height:180px;}
.news .news-list-view .article .news-img-wrap img, .news-single .article .news-img-wrap img{float:none;display:block;width:100%; height:auto;margin:0 auto;}
 .news-list-view h2,  .news-single h2 {font-size: 1.2rem;}
 div.blog-title{height:70px;}
 h5.blog-title {-moz-transform: rotate(-5deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}

 h5.blog-title a{color:#fff;
 padding: 10px;
  background-image: url('../img/Kasten_rot.png');
    background-size: 100% 100%;
    background-position: 0 0rem;
}
 .news-single .teaser-text {color: #000;}
.row.news-home .frame.frame-redline {
    margin-top: 0px;
    margin-bottom: 0px;padding-bottom: 0px;
}
.events img, #c37 img {
    border-radius: 50%;
    object-fit: cover;
    width: 200px;
    height: 200px;
}
.events img, #c324 img {
    border-radius: 50%;
    object-fit: cover;
    width: 200px;
    height: 200px;
    padding:10px;
    background:#96c11f;
}
/*News*/
@media screen and (min-width: 390px){
h3.home-title{font-size:1.5rem;margin-top:210px}
}

@media screen and (max-width: 420px){
h1.schriftzug{font-size:1.6rem}
}
@media screen and (min-width: 420px){
}
@media screen and (max-width: 473px){
.row.blueback h3{font-size: 1.1rem;}
.row.blueback{text-align:center}
}
@media screen and (min-width: 440px){
h5.blog-title{}
}
@media screen and (min-width: 490px){
}

@media screen and (min-width: 480px)and (max-width: 767px){
h5.blog-title{}
}

@media screen and (min-width: 576px){
.row.service .col-sm-2{width:20%;flex: 0 0 20%;max-width: 20%;padding-right: 0px;
    padding-left: 0px;}
.row.projects img{width:100%}
.row.projects .rappelkiste img,.row.projects .amandi img {width:100%;margin-left:-15px;margin-right:-15px;margin-top:20px}
}
@media screen and (min-width: 700px){
h3.home-title{font-size:2.6rem; margin-top:170px}
}
@media screen and (max-width: 767px){
.row.blueback .ce-gallery{margin-bottom:60px}
.ce-left.ce-intext .ce-gallery{float:none}
.ce-left.ce-intext .ce-gallery figure{width:100% !important;}
.ce-left.ce-intext .ce-gallery .ce-column{max-width:730px;display:block;float:none}
.ce-left.ce-intext .ce-gallery img{width:100% !important;max-width:730px}
.min-container{padding:0 20px}
   }
@media screen and (min-width: 768px){
.row.service h2 {font-size:2rem;text-align:center}
.titleimg{height:550px;}
h5.blog-title{}
h3.home-title{margin-top:450px;}
}
@media screen and (min-width: 910px){
h3.home-title{font-size:3.2rem;}
}
@media screen and (max-width: 991px){
.navbar-collapse.show ul{padding-left:10px}
}
@media screen and (min-width: 992px){
.row.service {padding-bottom:30px;padding-left:0;padding-right:0;}
}

@media screen and (min-width: 1800px){
.row.service h2 {font-size:2rem;text-align:center}
}
@media screen and (min-width: 2560px){
.titleimg{background-image:url('../img/grasshuepfer-titel_XL.jpg');background-position:0 55%;}
}