/*Allgemein*/
html{
background:#444;
}

@media (min-width:994px){
.contentclass {
    margin-top: 105px!important;
}
}
  
a, a:link, a:visited, a:hover, a:active, a:focus, button, button:active, button:focus, button:visited, input, input:active, input:focus, input:visited, div, div:link, div:visited, div:hover, div:active, div:focus{  
outline:none;
}

.textwidget, .textwidget:hover, .entry-content,.panel-body.postclass, .page_head_title, .footer-widget-title {
    cursor: url(https://mountain-pictures.de/wp-content/uploads/petroline.png) 0 10, auto;
}
.ksp-slider-wrapper {
    cursor: auto;
}
.testimonial_item{
  cursor: url(https://mountain-pictures.de/wp-content/uploads/camera.png) 0 10, auto;
}

::-moz-selection{
    background: rgba(0, 158, 195, 0.5);
}
::selection{
    background: rgba(0, 158, 195, 0.5);
}
div#kad-header-menu-sticky-wrapper {
   height: auto!important; 
/*    height: 104px; */
}

/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300'); */

h1.page_head_title.entry-title, h1.post_head_title.entry-title {
    font-weight: 400;
}
h3.entry-title {
    line-height: 30px;
    margin-bottom: 10px !important;
}
h4 {
    line-height: 26px !important;
    margin-bottom: 10px !important;
}
@media (min-width:993px){
h1.page_head_title.entry-title, h1.post_head_title.entry-title {
    margin-top:8px;
}
}
/*Logo*/
@media (min-width:994px){
img.ascend-logo {
    height: auto!important;
    margin-top: 45px;
    z-index: 1;
}
div#wrapper {
  /*  border-top: 2px solid #fff!important;*/
}
}
/*Font "mauch" Schriftzug neben Logo*/
/* 
span.kad-site-title.kad-logo-used{
    font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif;
    font-style: italic;
      line-height: 30px;
}

span.kad-site-title.kad-logo-used:before {
    content: "Stuckateur";
    display: flex;
    font-size: 20px;
    line-height: 30px;
}
*/

/*NAVI*/

.current_page_item{
    border-bottom: 2px solid #009ec3;
    margin-bottom: 2px;
}

@media (min-width:994px){
.current_page_item:hover{
  height:auto!important;
}
}
@media (max-width: 993px){
#kad-mobile-banner {
    display: block;
    height: auto;
}
}
@media (min-width:994px){
nav.ul.li.menu-item.menu-item-type-post_type.menu-item-object-page:hover {
  display:block;
  height:42px;
/*     border-bottom: 2px solid #ff5300;
   transition: display 1.8s linear; */
}
}

/*SUB-NAVI*/

.nav-main ul.sf-menu ul a {
    text-transform: uppercase;
}


/*Page Title*/
h1.page_head_title.entry-title, h1.post_head_title.entry-title {
    text-transform: uppercase;
      font-weight: 300;
      font-size:36px!important;
      font-family: Source Sans Pro;
}

.page-header {
			    height: 45px!important;
    vertical-align: center;
    text-align: center!important;
}


/*HEADER Text*/
.header-text-wrapper:before {
    content: "";
    min-width: 50px;
  		height:1px;
}
.header-text-wrapper{
   width: 1110px;
   margin: 0 auto 0 auto;
  left:50px;
}
.header-text {
    position: absolute;
    top: 435px;
    z-index: 1;
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    /* text-shadow:  0px 1px 6px rgba(0, 0, 0, 0.75); */
    background: rgba(0, 158, 195, 0.73);
  padding:10px;
  font-weight: 100!important;
}
@media (max-width:1268px){
  .header-text {
    left: 80px;
  }
}
@media (max-width:1145px){
  .header-text {
    top: 260px;
    left:50px;
    font-size:25px;
    line-height:28px;
  }
}
@media (max-width:993px){
  .header-text {
    top: 120px;
  }
}
@media (max-width:766px){
  .header-text {
    left:10px;
    font-size:20px;
    line-height:23px;
  }
}


/*.headerschrift{
text-shadow: 4px 2px 6px black;
} */

/*Linie unter Header*/

/*.kad-header-menu-outer.headerclass {
    border-bottom: 4px solid #009ec3;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ecddf+0,009ec3+100 */
/*#kad-header-menu::after, .kad-header-menu-outer   div#kad-header-menu-sticky-wrapper::after, .headerclass::after   */
/*
.blue, .sliderclass.kt_desktop_slider.clearfix.home-sliderclass::before, .sliderclass.kt_desktop_slider.clearfix.home-sliderclass::after */{  
  content:'';
    width:100%;
    position: absolute;
    left:0;
    bottom:-1px;
    height: 5px;
    background: #009ec3; /* Old browsers */
   /* background: -webkit-gradient(linear, left top, right top, color-stop(0%, hsla(0, 0%, 0%, 0)), color-stop(50%, hsla(0, 0%, 0%, .75)), color-stop(100%, hsla(0, 0%, 0%, 0))); */
    background: -webkit-linear-gradient(left, #b7e1ec 0%,#009ec3 100%); /* Chrome10-25,Safari5.1-6 */
    background: -moz-linear-gradient(left, #b7e1ec 0%, #009ec3 100%); /* FF3.6-15 */
   /* background: -ms-linear-gradient(left, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, .75) 50%, hsla(0, 0%, 0%, 0) 100%);
    background: -o-linear-gradient(left, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, .75) 50%, hsla(0, 0%, 0%, 0) 100%);*/
    background: linear-gradient(to right, #b7e1ec 0%,#009ec3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*Slider-Pfeile – Startseite Kadence-Slider*/
.kad-slider .kad-slider-next:before, .kad-slider .kad-slider-prev:before {
    color: rgba(255,255,255,.75);
}
/*Slider Pfeile-Hintergrund – Startseite Kadence-Slider*/
.kad-slider-navigate {
    background: rgba(245,245,245,.3);
}
/*Slider Überblendung – Kadence-Slider*/
.kad-slider .kad-slide {
    -webkit-transition: opacity 4.0s ease-in-out;
    -moz-transition: opacity 4.0s ease-in-out;
    -o-transition: opacity 4.0s ease-in-out;
    -ms-transition: opacity 4.0s ease-in-out;
    transition: opacity 4.0s ease-in-out;
}
/*Slider Größenanpassung – Kadence-Slider*/
ul.kad-slider-canvas.seq-canvas{
    transition-duration: 500ms!important;
}

/*Slider-Bobbels – Galerie*/
.slick-dots li button:before {
    content: "";
    width: 12px;
    height: 8px;
    border-radius: 20%;
    display: inline-block;
   /* display: none;*/
    opacity: .3;
    cursor: pointer;
    margin: 0 0px;
    background: rgba(255,255,255,.75);
}
/*Slider Pfeile – Galerie*/
.kt-slickslider .slick-next, .kt-slickslider-thumbs .slick-next {
    right: 0px;
}
.kt-slickslider .slick-prev, .kt-slickslider-thumbs .slick-prev {
    left: 0px;
}
.kt-slickslider .slick-next:before, .kt-slickslider .slick-prev:before, .kt-slickslider-thumbs .slick-next:before, .kt-slickslider-thumbs .slick-prev:before {
    /* color: rgba(255,255,255,.3);*/
    color: rgba(255,255,255,.3);
}
/*Slider Pfeile-Hintergrund – Galerie*/
.kt-slickslider .slick-next, .kt-slickslider .slick-prev, .kt-slickslider-thumbs .slick-next, .kt-slickslider-thumbs .slick-prev {
    height: 50px;
    width: 30px;
  /* color: rgba(255,255,255,.1);*/
    background: rgba(255,255,255,.1);
}
.kt-slickslider .slick-next:focus, .kt-slickslider .slick-next:hover, .kt-slickslider .slick-prev:focus, .kt-slickslider .slick-prev:hover, .kt-slickslider-thumbs .slick-next:focus, .kt-slickslider-thumbs .slick-next:hover, .kt-slickslider-thumbs .slick-prev:focus, .kt-slickslider-thumbs .slick-prev:hover {
    background: rgba(255,255,255,.3);
}

img.ascend-logo {
    z-index: 2;
}

/*** BLAUE LINE HEADER ***/
header:after, #kad-mobile-banner:after, div#kad-mobile-banner:after{
  z-index:1!important;
  top: 100px;
  position: fixed;
  z-index:2;
  width:100%;
  height: 5px;
    background: -webkit-linear-gradient(left, #b7e1ec 0%,#009ec3 100%); /* Chrome10-25,Safari5.1-6 */
    background: -moz-linear-gradient(left, #b7e1ec 0%, #009ec3 100%); /* FF3.6-15 */
    background: linear-gradient(to right, #b7e1ec 0%,#009ec3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#kad-mobile-banner {
    border-bottom: 5px solid #009ec3;
}

.sliderclass.kt_desktop_slider.clearfix.home-sliderclass {
    border-bottom: 4px solid #009ec3!important;
}

/*Navigation zwischen Portfolio-Items*/
span.kt_postlink_meta.kt_color_gray {
    display: none;
}

span.kt_postlink_title {
   text-transform: uppercase;
}

@media (min-width:992px){
span.kt_postlink_title {
    font-size: 20px;
  }
}

/*Abstand Blog-Übersicht – Text zu erstem Post*/
.col2-set, .row, .row-fluid {
    margin-top: 10px;
}

/*Blog-Post – Bild und Textabstand/-ausrichtung*/
.postfeat {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
    text-align: left;
}

@media (max-width:700px){
.imghoverclass.postfeat.post-single-img {
    width: 100%;
}
.imghoverclass.postfeat.post-single-img img{
    width: 100%;
}
}


/*Leerer Header Balken Mobil entfernen*/
@media (max-width:993px){
div#kad-header-menu-sticky-wrapper {
    display: none;
}
}


/*Suche deaktivieren*/
.search-form {
    display: none;
}

/*Slider Navi-Punkte*/
.kad-slider ul.kad-slider-pagination li.kad-slider-dot {
    width: 12px;
    height: 8px;
    border-radius: 20%;
    opacity: 0.4;
    background: #fff;
}

/*Links*/
a, a:hover{
text-decoration:none;
  border-bottom:none !important;
}
/*.container a:hover{
color:2a4395 !important;
}*/
  
/*Portfolio*/

.portfolio-loop-image-container .portfolio-hover-item .portfolio-hover-item-inner .portfolio-loop-title{
    letter-spacing: 3.0px!important;
}
.portfolio-loop-image-container .portfolio-hover-item-link {
    border-bottom: 4px solid #009ec3!important;
}


/*Mobil Portfolio-Ansicht*/ 
@media (max-width:1104px){
.portfolio-loop-image-container .portfolio-hover-item-link {
    background: rgba(0, 158, 195, 0.0);
  left:0;
}
  
.portfolio-loop-image-container .portfolio-hover-item .portfolio-hover-item-inner {
  opacity:1;
  }

.portfolio-loop-image-container .portfolio-hover-item .portfolio-hover-item-inner .portfolio-loop-title {
    text-shadow: 1px 1px 4px #222;
    font-size: 16px;
    letter-spacing: 3.0px;
}

.portfolio-loop-image-container:hover .portfolio-loop-title {
    text-shadow: none!important;
}
}


/*Portfolio Navi*/
@media (min-width:994px){
.hentry {
    display: table;
  margin-top: -30px;
      width: 100%;
}
footer.single-footer {
    display: table-header-group;
      margin-top: -30px!important;
}
  .post-footer-section {
    padding: 15px 0 5px 0;
    font-weight: 300;
    border-bottom: none;
}
  .kad-grid-link {
    margin-top: -10px;
}
}

/*Header Mobil*/ 
.container.mobile-header-container.kad-mobile-header-height {
    padding: 0;
}


.page_item.current_page_item a {
font-weight:bold;
}


/*
div#kad-mobile-banner {
    border-bottom: 1px solid lightgray;
}
*/

/*Slider Hintergrund*/
.sliderclass.kt_desktop_slider.clearfix.home-sliderclass {
    border-bottom: 4px solid #009ec3;
    background-color: #232323;
}

/*Pfeil nach oben*/
#topcontrol .to_the_top {
    color: rgba(255,255,255,.2);
    border: 2px solid rgba(255,255,255,.2);
}

.testimonial_carousel .testimonial_item .testimonial-box {
       background: none;
       }

 /*Footer*/
.footerclass {
    color: #bbb;
    font-size: 14px;
    line-height: 18px;
}
.footerclass strong {
    color: #fff;
}

.postlist article .entry-content a.more-link {
    border: none;
    padding: 0;
    text-align: left;
    color: #fff;
}

  
  
 /*Footer Blog-Post*/
@media (min-width: 992px){
#containerfooter .col-md-3, .col-md-4  {
    width: 34%;
    padding-right: 0px;
    margin-top: 30px!important;
    }
.col-md-9, .span9 {
    width: 66%;
    margin-top: 20px;
  }
.col-xxl-95.col-xl-9.col-md-8.col-sm-8.col-xs-7.post-text-container.postcontent {
    width: 66%;
    margin-top: 20px;
}
}
  
}
@media (min-width: 544px){
.col-sm-4 {
    margin-top: 0px;
    padding-right: 0px;
	    }
}
@media (max-width: 992px){
h3 {
    line-height: 24px!important;
    margin-bottom: 10px!important;
    }
}

 /*Zitate*/      
.testimonial-box {
    background: none!important;
    font-family: Lobster, sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 100;
    border: none;
    padding: 30px 0px 10px;
    margin-top: 0px;
    text-align: center;
}

.testimonial-box .testimonial-img i {
    font-size: 20px;
}

.testimonial-box .testimonial-img {
   /*Zitate margin: 0;*/
   background: none!important;
   width: 30px!important;
   height: 30px!important;
   border: 2px solid #009ec3;
   color: #009ec3;
}

.testimonial-bottom .lipbg.kad-arrow-down {
    display: none;
}

.testimonial-bottom p strong {
    text-align: right!important;
    margin-bottom: 0px;
    margin-right: 50px;
    font-style: italic;
    font-weight: 100!important;
    font-family: sans-serif;
}

 /*Kontaktformular*/

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #009ec3!important;
    border: none!important;
    color: #fff!important;
}


/*Animation Header*/
@keyframes fadeIn {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.sliderclass {  
  /* This section calls the fadeIn animation we defined above */
  animation: 1.0s ease-out 0s 1 fadeIn;
}
.sliderclass.kt_desktop_slider.clearfix.home-sliderclass {
  	border-bottom: 4px solid #ff5300;
}


/*Animation Content*/
@keyframes fadeIn {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.entry-content {  
  /* This section calls the fadeIn animation we defined above */
  animation: 1.0s ease-out 1s 1 fadeIn;
  animation-delay: 0s;
}




/* KEN BURNS
@keyframes zoomInOut {
 from {transform: scale3d(1, 1, 1		);  }
  50%  {transform: scale3d(1.1, 1.1, 1);  }
 to    {transform: scale3d(1, 1, 1);  }    
}
@keyframes zoomInOutAnti {
 from {transform: scale3d(1, 1, 1		);  }
  50%  {transform: scale3d(0.9, 0.9, 1);  }
 to    {transform: scale3d(1, 1, 1);  }    
}

.zoomInOut {
  animation-name: zoomInOut;
}
*/
.headerschrift{
  animation: 20s ease 0s infinite zoomInOutAnti;
}
.kad-slide{
  animation: 20s ease 0s infinite zoomInOut;
}


/*Animation Portfolio Bilder*/
@keyframes flipInX {
 from {transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0;}
  40%  {transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in;}
  60%  {transform: perspective(400px) rotate3d(1, 0, 0, 5deg); opacity: 1;}
  80%  {transform: perspective(400px) rotate3d(1, 0, 0, -3deg);}
  to   {transform: perspective(400px);} 
}
.imghoverclass.postfeat.post-single-img, iframe {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
.imghoverclass.postfeat.post-single-img {
  animation: 1s ease-in 0s 1 flipInX;
}
iframe {
  animation: 1s ease-in 0.5s 1 flipInX;
}