/* CSS Document */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body{
	font-family: 'Open Sans';
    font-size:1.125rem;
    font-weight: 300;
    background: #fffff7;
}
strong,b{
    font-weight: 600;
}

body.start section#sp-titelbild{
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100 - 60px);
}
body.ueber-mich section#sp-titelbild{
    background: url(../../../images/headers/ueber-mich.jpg);
        background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
body.hundetraining section#sp-titelbild{
    background: url(../../../images/headers/training.jpg);
        background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
body.preise section#sp-titelbild{
    background: url(../../../images/headers/preise.jpg);
        background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
body.kontakt section#sp-titelbild{
    background: url(../../../images/headers/kontakt.jpg);
        background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
h1 {
    font-size: 3.0rem;
    color: #fff;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.8);
    font-weight: bold;
    margin-top: 50px;
}
h1 .h12 {
    font-size: 2.0rem;
}
h1 .h13 {
    font-size: 4.0rem;
}
.h2, h2,h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 30px;
}
h4{
    margin-bottom: 1rem;
}
.sppb-addon.kontakt h3{
    font-weight: 400;
}
p {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.custom_logo {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: #c4d985;
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}
.custom_logo .tel{
    font-size: 1.5rem;
    font-weight: 600;
}
#sp-logo .logo .tel{
     font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    margin-left: 40px;
        z-index: 1002;
    position: relative;
	    top: 8px;
}
.custom_logo img{
    margin-top: 10px;
}

._logo .sp-module-content {
    padding-top: 20vh;
    padding-bottom: 20vh;
}
body.start ._logo .sp-module-content{
    padding-top: 30vh;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    margin-left: 79px;
    margin-top: 0px;
}
.offcanvas-menu {
    background-color: #c4d985;
    color: #0d0d0d;
    font-weight: 600;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    color: #c4d985;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover{
    color: #000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a{
    color: #0d0d0d;
    font-size: 1.3rem;
    padding: 0.3rem 0;
}
.logo{
    opacity:0;
    transition: opacity 0.45s;
}
.header-sticky .logo{
    opacity:1;
}
#sp-header .logo img{
    width: 126px;
}

.sppb-col-md-6,footer .col-lg-6{
    padding-right: 40px;
    padding-left: 40px;
}
.col-count-2 .sppb-col-md-6:first-child,footer .col-lg-6:first-child{
    padding-left: 15px;
}
.col-count-2 .sppb-col-md-6:last-child,footer .col-lg-6:last-child{
    padding-right: 15px;
}
#sp-footer{
	font-size:1.125rem;
	font-weight: 400;
}

#sp-footer ul li.sep:last-child{
	display:none;
}
#sp-footer ul.menu li {
    margin: 0 5px;
}
.sp-copyright{
	display:inline-block;
	padding: 10px 0px;
}

#sp-bottom .sppb-col-md-6{
    padding-right: 30px;
    padding-left: 25px;
}
#sp-bottom .sppb-col-md-2 img{
    height: 110px;
}
#sp-bottom .sp-module{
    margin-bottom: 0px;
}
#sp-bottom h3{
    position:relative;
    padding-bottom: 18px;
}
#sp-bottom h3:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0%;
    right: 0%;
    bottom: 0;
    background: #c4d985;
    height: 4px;
    -webkit-transition-property: left right;
    transition-property: left right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.offcanvas-inner li.current a:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0%;
    right: 0%;
    bottom: 0;
    background: #0d0d0d;
    height: 3px;
    -webkit-transition-property: left right;
    transition-property: left right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    padding: 4px 0px;
}
#sp-bottom .sppb-col-md-6 p{
    font-size: 1.125rem;
    padding-left: 100px;
    font-weight: 300;
}
.offcanvas-inner .custom{
    padding: 20px;
   
}
.hundi img{
    height:140px;
}
 
@media (min-width: 1400px){
    .container,.sppb-row-container {
        width: 1400px;
        max-width: 1400px;
    }
}
@media (max-width: 1200px){
    #sp-logo .logo .tel{
        font-size: 1rem;
        margin-left: 30px;
		    top: 9px;
    }
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        margin-left: 40px;
    }

}

@media (max-width: 992px){
    .container,.sppb-row-container {
        width: 750px;
        max-width: 750px;
    }
    #news .sppb-col-md-4 .sppb-column{
        min-height: 500px;
    }
    #news .sppb-col-md-4{
        margin-top: 40px;
         margin-bottom: 0px;
    }
    #sp-bottom .sppb-col-md-6 p{
        padding-left: 0px;
    }
    #sp-menu {
        margin-top: -62px;
            z-index: 100;
    }
    body.start ._logo .sp-module-content{
        padding-top: 5vh;
    }
    ._logo .sp-module-content {
        padding-top: 5vh;
        padding-bottom: 35vh;
    }
    #sp-top2 .sp-column {
      max-width: 720px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    body.start #sp-top2 .sp-column {
      max-width: 720px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    #sp-top2{
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    
    #sp-titelbild{
        position: relative;
    }
    #sp-bottom .sppb-row-container{
         width: 100%;
    }
    .sppb-col-md-6,footer .col-lg-6,.col-lg-12,#sp-titelbild .col-lg-6,#sp-logo,#sp-menu{
        padding-right: 30px;
        padding-left: 30px;
    }
    #sp-bottom .sppb-col-md-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
    #sp-bottom .sppb-col-md-6 .pt-5{
       padding-top: 1.5rem!important;
    }
    
   
}
@media (max-width: 768px){
    .container,.sppb-row-container {
        width: 100%;
        max-width: 100%;
    }
    .custom_logo {
        width: 160px;
        height: 160px;
    }
    .custom_logo p{
        margin-bottom: 1rem;
    }
    .custom_logo .tel {
        font-size: 1rem;
    }
    .hundi img{
        height:60px;
    }
}
@media (max-width: 500px){
    .sppb-col-md-6,footer .col-lg-6,.col-lg-12,#sp-titelbild .col-lg-6,#sp-logo,#sp-menu{
        padding-right: 15px;
        padding-left: 15px;
    }
    body{
        font-size:1rem;
    }
    #sp-bottom .sppb-col-md-6, #sp-bottom .sppb-col-md-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    #sp-footer{
        font-size:1rem;
    }
    h1 {
        font-size: 2.0rem;
    }
    h1 .h12 {
        font-size: 1.4rem;
    }
    h1 .h13 {
        font-size: 3.0rem;
    }
    .custom_logo {
        width: 160px;
        height: 160px;
    }
    .custom_logo p{
        margin-bottom: 1rem;
    }
    .custom_logo .tel {
        font-size: 1rem;
    }
    .h2, h2, h3 {
        font-size: 1.5rem;

    }
    body.ueber-mich section#sp-titelbild {
        background-position: 40% 50%;
    }
    .hundi img{
        height:40px;
    }
    #news .sppb-col-md-4 .sppb-column{
        min-height: 360px;
    }
}
@media (max-width: 360px){
    h1 {
        font-size: 1.6rem;
    }
    h1 .h12 {
        font-size: 1.2rem;
    }
    h1 .h13 {
        font-size: 2.4rem;
    }
    #news .sppb-col-md-4 .sppb-column{
        min-height: 320px;
    }
    #sp-logo .logo .tel{
        margin-left: 20px;
    }
}
@media (max-width: 333px){
    #sp-logo .logo .tel{
        margin-left: 10px;
        font-size: 0.8rem;
    }
}