@charset "UTF-8";
/*
Theme Name: K9 Experts
Theme URI: http://www.k9-experts.de
Author: networkerz GmbH, München
Version: 1.0
*/


/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/work-sans-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v9-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/work-sans-v9-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v9-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v9-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'DraftNaturalHiResA-Bold';
    font-display: swap;
	src: url('fonts/draft-natural-hires-a-bold.eot');
	src: url('fonts/draft-natural-hires-a-bold.eot?#iefix') format('embedded-opentype'),
             url('fonts/draft-natural-hires-a-bold.woff2') format('woff2'),
	     url('fonts/draft-natural-hires-a-bold.woff') format('woff'),
	     url('fonts/draft-natural-hires-a-bold.ttf') format('truetype'),
	     url('fonts/draft-natural-hires-a-bold.svg#youworkforthem') format('svg');
}


:root {
  --k9-headline: #3C3C3C;
  --k9-btn-blau: #002FD4;
  --k9-beige: #D6C08D;
  --k9-gruen: #D7F246;
  --k9-bg-grau1: #F2F0EF;
  --k9-bg-grau2: #F7F7F7;
  --k9-bg-gelb: #F2FDA9;
  --k9-bg-blau: #7CA4C6;
  --k9-bg-braun: #D1B279;
}

.beige,
.kurs.beige .banner,
.kurs.hundeschule .banner,
.hundeschule,
.hundeschule .kurs-detail-banner {background-color: var(--k9-beige);}
.kurs.hundeschule {background-image: linear-gradient(67.5deg, #d8b170 0%, #dbc086 50%);}

.blau,
.kurs.blau .banner,
.kurs.hundetrainer .banner,
.hundetrainer,
.hundetrainer .kurs-detail-banner {background-color: var(--k9-btn-blau);}
.kurs.hundetrainer {background-image: linear-gradient(67.5deg, #0c3dff 0%, #1000d8 50%);}

.kurs.hundeschule.live-trailing .banner,
.kurs.hundetrainer.live-trailing .banner {background-color:#27E0BC;}
.kurs.hundeschule.online-vortrag .banner,
.kurs.hundetrainer.online-vortrag .banner {background-color:#FF6B50;} 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


html, body {
    font: normal normal 300 16px/26px Work Sans; letter-spacing: 0.64px;
	color:#454545;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
	position:relative;
	}

.clear {
	clear:both;
	}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

a.logo {
    width: 160px;
    height: 68px;
    background-image: url("img/k9-experts-logo-10-2021.svg");
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    margin-top: 22px;
    left: 0px;
}


a,
a:focus,
li:focus,
img:focus {
	color:#454545;
	outline:0;
    text-decoration: none;
	}

	a:hover,
    ul li:hover a,
    ul li:hover ul li:hover a,
    ul li:hover ul li:hover ul li:hover a{
		text-decoration:none;
		color: var(--k9-headline);
		}

    ul li:hover ul li a,
    ul li:hover ul li:hover ul li a {
        color: #98999a;
    }

p {
    margin: 0 0 30px 0;

}

iframe {
	width:100%;
	height:auto;
}


.mm-menu a:hover {color: #002FD4 !important;}

.mm-btn:hover::after {    
    border-top: 2px solid #002FD4 !important;
    border-left: 2px solid #002FD4 !important;
}

.mm-btn_prev:hover::before {   
    border-bottom: 2px solid #002FD4 !important;
    border-right: 2px solid #002FD4 !important;
}


h1,h2 {
    font: normal normal 400 60px/74px DraftNaturalHiResA-Bold;
    letter-spacing: 4.5px;
    text-transform: uppercase;
	}

h3 {
    font: normal normal 400 37px/46px DraftNaturalHiResA-Bold;
    letter-spacing: 2.77px;
    text-transform: uppercase;
	}

h4 {
    font: normal normal 400 32px/38px DraftNaturalHiResA-Bold;
    letter-spacing: 2.4px;
    margin: 35px 0px 30px 0px;
    text-transform: uppercase;
    }

.kurs-detail h1 {
    font: normal normal 400 32px/38px DraftNaturalHiResA-Bold;
    letter-spacing: 2.4px;
    margin: 35px 0px 20px 0px;
    text-transform: uppercase;
    }

    .circle-teaser .headline,
    .vermisst-teaser .headline{
    font: normal normal 400 32px/38px DraftNaturalHiResA-Bold;
    letter-spacing: 2.4px;
    margin: 25px 15px;
    text-transform: uppercase;
    height: 80px;
    }



h5,
.kurs .headline {
    font: normal normal 400 20px/29px DraftNaturalHiResA-Bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

h5 {margin: 5px auto;}


.subline,
.header-image h2 {
    font: normal normal 300 22px/40px Work Sans;
    letter-spacing: 0.88px;
    text-transform: uppercase;
}

hr {
	margin:90px 0px 90px 0px;
    height: 0px;
    background: none;
    border-top: 1px solid #707070;
    border-bottom: 0px;
}



.btn {
	border-width: 1px;
	border-style: solid;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
	padding: 11px 30px 8px 30px;
    font: normal normal 400 13px/21px DraftNaturalHiResA-Bold;
    letter-spacing: 0.97px;
    text-transform: uppercase;
    display:table;
    margin: 20px auto 40px auto;
	}

    .btn.blau {border-color: var(--k9-btn-blau); color: var(--k9-btn-blau); background-color: #fff; }
    .btn.blau:hover {border-color: var(--k9-btn-blau); color: #fff; background-color: var(--k9-btn-blau); opacity: 1; }

    .btn.gruen {border-color: var(--k9-gruen); color: var(--k9-gruen); background-color: inherit;}
    .btn.gruen:hover {border-color: var(--k9-gruen); color: var(--k9-headline); background-color: var(--k9-gruen); opacity: 1; }

    .btn.schwarz {border-color: var(--k9-headline); color: var(--k9-headline); background-color: transparent; }
    .btn.schwarz:hover {border-color: var(--k9-headline); color: #fff; background-color: var(--k9-headline); opacity: 1; }

    .btn.weiss {border-color: #fff; color:#fff; background-color: transparent;}
    .btn.weiss:hover {border-color: inherit; color:var(--k9-headline); background-color: #fff; opacity: 1; }

    .btn.standard {border-color: inherit; color:inherit; background-color: transparent;}
    .btn.standard:hover {opacity: 1;}

    .btn:hover, .btn:focus {
        opacity: 0.7;
    }


    .container-fluid {
        max-width: 1530px;
        position:relative;
        padding-right: 32px;
        padding-left: 32px;
        margin-right: auto;
        margin-left: auto;
    }


    .row {
        margin-right: -32px;
        margin-left: -32px;
    }


.clearfix::after, .clearfix::before,
.container-fluid::after, .container-fluid::before {
    display: table;
    content: " ";
}

.container-fluid::after {
    clear: both;
}

::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/* mmenu */

    @media (max-width: 1080px) {
        #k9-menu {
            display: none !important;
        }
    }
    @media (min-width: 1081px) {
        #mm-k9-menu,
        #nav-toggle {
            display: none !important;
        }

    }


header {
	position: fixed;
	background-color: #fff;
	width: 100%;
	z-index: 10006;
    height: 110px;
    top: 0px;
}

section.header-image {height: 604px; padding: 20px 0px 15px; background-position: right bottom; background-repeat: no-repeat;}
    section.header-image h1 {margin-top: 150px;}



/* navigation */

nav#k9-menu {
    position: relative;
    width: calc(100% - 220px);
    float: right;
}


nav#k9-menu ul {
    list-style: none;
    margin: 44px 0px 0px 0px;
    padding: 0px;
    text-align: right;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
}


    nav#k9-menu ul li {
        display: inline-block;
        padding: 24px 5px 16px 0px;
        position: relative;
        margin-left: 25px;
    }

    nav#k9-menu > ul > li.menu-item-has-children {
        display: inline-block;
        padding: 24px 25px 16px 0px;
        position: relative;
        margin-left: 25px;
    }

    nav#k9-menu ul li.current_page_item > a {font-weight: 500;}

    nav#k9-menu ul li.shop a {
        background-color: var(--k9-btn-blau);
        padding: 5px 15px 5px 15px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius:18px;
        border:1px solid var(--k9-btn-blau);
        color: #fff;
    }
        nav#k9-menu ul li.shop a:hover {
            color: var(--k9-btn-blau);
            background-color: #fff;
            }

        nav#k9-menu ul li ul li a {
            padding-right: 20px;
            position: relative;
            display: block;
            opacity: 0;
            transition: all 0.15s ease-out;
        }

        nav#k9-menu ul li ul .subnav-wrapper {
            padding: 15px 0px 20px 20px;
        }


        nav#k9-menu ul li ul li {
            padding: 0px 0px;
            position: static;
            margin: 20px 10px 20px 20px;
            line-height: 19px;
            }

    nav#k9-menu ul ul {
        position: absolute;
        display: block;
        margin: 0;
        padding: 0px;
        height: 0px;
        transition: all 0.15s ease-out;
        left: -17px;
        background-color: #fff;
        font-family: "Lato";
        font-size: 14px;
        text-align: left;
        width: 244px;
        border-top: 1px solid var(--k9-bg-color);
        top: 65px;
        overflow: hidden;
    }

    nav#k9-menu ul li:hover > ul {
        transition: height 0.15s ease-in;
        border-top: 1px solid var(--k9-highlight);
        top: 65px;
        height: auto;
        overflow: visible;
        padding-bottom:15px;
    }

    nav#k9-menu ul li:hover > ul li a {
            opacity: 1;
        }

        nav#k9-menu ul ul li {
            display: block;
            margin: 0px;
            padding-right: 10px;
        }


    nav#k9-menu ul li a {
        text-decoration: none;
        color: #454545;
        font: normal normal 300 15px/18px Work Sans;
    }
	nav#k9-menu ul li > ul > li.menu-item-has-children > ul {
		height: 0px;
		transition: all 0.15s ease-out;
	}
	nav#k9-menu ul li > ul > li.menu-item-has-children > ul {
		position: relative;
		top: 10px;
		left: 0px;
		width: 215px;
	}
	nav#k9-menu ul li:hover > ul > li.menu-item-has-children:hover > ul {		
		height: auto;
	}
	nav#k9-menu ul li > ul > li.menu-item-has-children {
		margin-bottom:0;
	}
nav#k9-menu > ul > li.menu-item-has-children > a:before,
nav#k9-menu > ul > li.menu-item-has-children > ul > li.menu-item-has-children > a:before {
    border-right: 1px solid #454545;
    content: '';
    display: block;
    height: 9px;
    margin-top: 0px;
    position: absolute;
    -moz-transform: rotate(-38deg);
    -o-transform: rotate(-38deg);
    -webkit-transform: rotate(-38deg);
    transform: rotate(-38deg);
    right: 12px;
    top: 50%;
    width: 0;
    transition: transform 0.2s ease;
}

nav#k9-menu > ul > li.menu-item-has-children > a:after,
nav#k9-menu > ul > li.menu-item-has-children > ul > li.menu-item-has-children > a:after {
    border-right: 1px solid #454545;
    content: '';
    display: block;
    height: 9px;
    margin-top: 0px;
    position: absolute;
    -moz-transform: rotate(38deg);
    -o-transform: rotate(38deg);
    -webkit-transform: rotate(38deg);
    transform: rotate(38deg);
    right: 7px;
    top: 50%;
    width: 0;
    transition: transform 0.2s ease;
}


nav#k9-menu > ul > li.menu-item-has-children:hover > a:after,
nav#k9-menu > ul > li.menu-item-has-children:hover > ul > li.menu-item-has-children:hover > a:after {transform: rotate(-45deg);}
nav#k9-menu > ul > li.menu-item-has-children:hover > a:before,
nav#k9-menu > ul > li.menu-item-has-children:hover > ul > li.menu-item-has-children:hover > a:before {transform: rotate(45deg);}

nav#k9-menu ul ul ul,
nav#k9-menu > ul > li.menu-item-has-children > ul > li.menu-item-has-children > a:before,
nav#k9-menu > ul > li.menu-item-has-children > ul > li.menu-item-has-children > a:after {
	display:none;
}

nav#k9-menu > ul > li.shop > a:after,
nav#k9-menu > ul > li.shop > a:before {border: 0px;}

    nav#k9-menu ul li a:hover {color:var(--k9-highlight);}

    nav#k9-menu li.current-menu-item a {color:var(--k9-highlight);}


    .navbar-toggle {
		margin-top:-33px;
		}

    #nav-toggle {
        display: block;
        position: absolute;
        right: 26px;
        width: 35px;
        height: 30px;
        cursor: pointer;
        background-color: transparent;
        border: none;
        padding-left: 0;
        padding-top: 0px;
        top: 55px;
    }

	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	  cursor: pointer;
      -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
	  border-radius: 1px;
	  height: 5px;
	  width: 30px;
	  background: #002FD4;
	  position: absolute;
	  display: block;
	  content: '';
	}
	#nav-toggle span:before {
	  top: -10px;
	}
	#nav-toggle span:after {
	  bottom: -10px;
	}
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	  transition: all 500ms ease-in-out;
	}
	#nav-toggle.active span {
	  background-color: transparent;
	}
	#nav-toggle.active span:before, #nav-toggle.active span:after {
	  top: 0;
	}
	#nav-toggle.active span:before {
	  transform: rotate(45deg);
	}
	#nav-toggle.active span:after {
	  transform: rotate(-45deg);
	}

/*  notruf   */
.emergency {
  position:relative;
  top:250px;
  right:0;
}
.emergency input {
  margin-left:-20px;
}
.emergency label {
  position: absolute;
  right: -390px;
  transition: all 0.7s ease;
  cursor: pointer;
}
.emergency-wrap {
  position: relative;
  background-color: #d7f246;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  display: block;
  border-left: 34px solid #d7f246;
  padding-left: 10px;
  transition:all 0.4s ease;
}
.emergency-wrap p {
  margin: 15px 0;
}
.emergency-wrap div:first-child {
  transform: rotate(-90deg);
  transform-origin: 0 0;
  font-weight: bold;
  position: absolute;
  top: 80%;
  left: -23px;
  transition-delay: 0.6s;
  transition:all 0.1s ease;
}
.emergency-wrap div:nth-child(2) {
    padding: 15px 30px 15px;
    font-size: 16px;
    line-height: 26px;
}
[id="emergency"]:checked + label {
  right:0;
  transition:all 0.7s ease;
}
[id="emergency"]:checked + label .emergency-wrap {
  border-left:0;

}
[id="emergency"]:checked + label .emergency-wrap div:first-child {
  opacity:0;

}
main {margin-top: 110px;}
main p a {font-weight: 500;}

.narrow {width:100%; margin: 0px auto;}

.block-fullwidth-content {padding: 50px 0px 60px; background-position: right bottom; background-repeat: no-repeat; background-size: cover;}
    .block-fullwidth-content.center-vertically {display: grid;}
        .block-fullwidth-content.center-vertically .container-fluid {width: 100%; align-content: center; display: inherit;}
        .block-fullwidth-content.center-vertically .container-fluid h2 {margin: 20px 0px 15px;}
    .block-fullwidth-content h3 {margin: 40px 0px 30px 0px;}
    .block-fullwidth-content a.text:hover {color: var(--k9-btn-blau); }
    div.left {text-align: left;}
    div.center {text-align: center;}
    .center img, .left img {max-width: 100%; height: auto;}
    .center img.alignnone {margin: 20px 0px}

    img.alignnone.negativ-margin,
    img.negativ-margin {margin-top: -130px; margin-bottom: 20px;}


    .block-fullwidth-content ul {margin:20px 0px 40px 0px; padding: 0px; list-style: none; font-size: 22px; line-height: 40px;}
    .block-fullwidth-content ol {margin:20px 0px 40px 0px; padding: 0px 20px;}
    .block-fullwidth-content ul li {margin:0px 0px 12px 0px; padding: 0px; text-transform: uppercase;}
    
    .block-fullwidth-content ol li {margin:0px 0px 12px 0px; padding: 0px;}

    .block-fullwidth-content.center .btn, .header-image.center .btn {margin: 20px auto 40px auto;}
    .block-fullwidth-content.left .btn, .header-image.left .btn {margin: 20px 0px 40px 0px;}


.block-circle-teaser {text-align: center; display: flex; justify-content: center; align-items: flex-start;}
    .block-circle-teaser .circle-teaser {width:calc(50% - 60px); padding: 30px; max-width: 510px;}
    .circle-teaser img {margin-bottom:30px;}


.block-kurse {margin-bottom: 80px;}
    .slick-dotted.slick-slider {padding-bottom: 60px;}
    .kurs {height:510px !important; text-align: center; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; position: relative; overflow: hidden; color: #fff;}
    .kurs .banner {position: absolute; right: 22px; top: 19px; -webkit-border-radius: 19px;
    -moz-border-radius: 19px; border-radius: 19px; font: normal normal 400 11px/17px DraftNaturalHiResA-Bold;
letter-spacing: 0.82px; padding: 7px 20px 5px 20px; text-transform: uppercase;}
    .kurs .sticker { position:relative; display: flex;justify-content: center; align-items: center;width: 20%; margin: -4% 30px 13% auto; }
    .kurs .sticker .sticker-bg { position: absolute; width: 100%; height: 100%; border-radius: 50%; padding-top: 100%;}
    .kurs .sticker .sticker-text {font: normal normal 400 2vw/1 DraftNaturalHiResA-Bold;letter-spacing: 1.5px;text-transform: uppercase; position: absolute;}
    .kurs .sticker.flow .sticker-text {font: normal normal 400 2vw/1 DraftNaturalHiResA-Bold;letter-spacing:0;text-transform: none;color:#454545; }
    .kurs .sticker.hs .sticker-text { font: normal normal 400 1vw/1.2 DraftNaturalHiResA-Bold; letter-spacing: 0;word-wrap: break-word;max-width: 81%;}
    .kurs .headline {min-height:105px; margin:35px 30px 20px 30px;}
    .kurs img {width: 100%; height: auto;}
    .kurs .image {max-height: 242px; overflow: hidden;}
    .kurs .btn {color: #fff; border-color: #fff; padding: 12px 30px 8px 30px;}
        .kurs.beige .btn:hover,
        .kurs.hundeschule .btn:hover {color: var(--k9-beige); background-color: #fff; opacity: 1; }
        .kurs.blau .btn:hover,
        .kurs.hundetrainer .btn:hover {color: var(--k9-btn-blau); background-color: #fff; opacity: 1; }

    .kurse.static .kurs {width: calc(33% - 40px); margin: 0px 20px 30px 20px; float: left;}

    .slick-slide {margin: 0 20px;}
    .slick-list {margin: 0 -20px;}
    .slick-dots li button::before {font-size: 12px !important;}
    .slick-dots li.slick-active button::before {color: #646464 !important; opacity: 0.25 !important;}

    .slick-dots li button::before {color: #646464 !important; opacity: 1 !important; margin: 0px 0px !important;}
    .slick-dots li {margin: 0px 0px !important;}

    .slick-prev {left: 0px;}
    .slick-next {right: 0px;}


.block-split-content {display: flex; align-items: stretch; align-content: center;}
    .split-left {width: calc(50% - ((100% - 1530px) / 2)); display: flex; align-content: center; align-items: center; flex-wrap: wrap;}
    .split-right {width:50%; background-position: center center; background-repeat: no-repeat;}
    .split-spacer {width: calc((100% - 1530px) / 2);}
    .split-left a {display: inline-block;}


.kurs-detail {margin-top:80px; margin-bottom:80px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.31); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.31); -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; overflow: hidden;}
    .kurs-detail-image {float: left; width: 40%; max-width: 640px;}
        .kurs-detail-image img {width: 100%; height: auto; display: block;}
    .kurs-detail-text {float: left; width: 60%; padding: 40px 90px 40px 90px; position: relative;}
    .kurs-detail-banner {position: absolute; right: 32px; top: 36px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  padding: 2px 25px 1px 25px; text-transform: uppercase; font: normal normal 300 22px/40px Work Sans; letter-spacing: 0.88px; color: #fff;}
    .kurs-detail.hundeschule,
    .kurs-detail.hundetrainer {background-color:#fff;}
    .kurs-detail-dozentin {font: normal normal 300 17px/31px Work Sans; letter-spacing: 0.68px; text-transform: uppercase;}
    .kurs-detail-kosten {font: normal normal 300 33px/60px Work Sans; letter-spacing: 1.32px; margin-bottom: 10px;}

    .hundeschule .kurs-detail-kosten {color: var(--k9-beige);}
    .hundetrainer .kurs-detail-kosten {color: var(--k9-btn-blau);}

    .kurs-detail-text a.btn {font: normal normal bold 13px/21px DraftNaturalHiResA-Bold; letter-spacing: 0.97px; margin-bottom: 10px;}
    .hundeschule .kurs-detail-text a.btn {color: var(--k9-beige); border-color: var(--k9-beige); display: inline-block;}
    .hundetrainer .kurs-detail-text a.btn {color: var(--k9-btn-blau); border-color: var(--k9-btn-blau); display: inline-block;}

    .hundeschule .kurs-detail-text a.btn:hover {background-color: var(--k9-beige); color: #fff;}
    .hundetrainer .kurs-detail-text a.btn:hover {background-color: var(--k9-btn-blau); color: #fff;}


.vermisst-container {margin:60px 100px;}
    .vermisst-teaser {width:calc(50% - 30px); margin: 15px; float: left; text-align: center; padding: 40px 20px 10px 20px; position: relative; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; overflow: hidden; background-position: -1000px; background-repeat: no-repeat;}
    .vermisst-teaser .headline, .vermisst-teaser .text, .vermisst-teaser .btn {z-index: 10; position: relative;}
    .vermisst-teaser .layer {background-color:rgba(237,248,126,1.00); position: absolute;left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9;}
    .vermisst-teaser:hover {background-position: 0px;}
    .vermisst-teaser:hover .layer {opacity: 0.3;}
    .vermisst-teaser:hover .headline, .vermisst-teaser:hover .text, .vermisst-teaser:hover .btn {color: #fff;}
    .vermisst-teaser .btn:hover {color: #454545; background-color: #fff; opacity: 1; border-color:#fff;}
    .vermisst-teaser.person {background-image: url("img/k9-suchhunde-menschv-vermisst.jpg");}
    .vermisst-teaser.hund {background-image: url("img/k9-suchhunde-hund-vermisst.jpg");}
    .vermisst-teaser.katze {background-image: url("img/k9-suchhunde-katze-vermisst.jpg");}
    .vermisst-teaser.k9 {background-image: url("img/k9-suchhunde-k9-pro-ev.jpg");}


    table {width:100%;}
    th {text-align: left;}
    th, td {padding: 3px 15px 3px 0px;}
    td:last-child {padding: 3px 0px 3px 0px;}
    td:first-child {vertical-align: top;}
    tbody tr:hover {text-decoration: underline;}
    td.download {text-align: right;}


footer {background-color: var(--k9-bg-blau); padding:80px 0px 35px 0px; color: #fff; }
    footer ul {list-style: none; margin: 120px 0px 0px 0px; padding: 0px;}
        footer ul li {display: inline-block; margin-right: 10px; font-size: 12px;}
        footer ul li a {color: #fff;}
        .footer-newsletter-inner {display:none; width:100%; max-width:655px; float: right; padding-left: 123px; background-image: url("img/k9-hund-kreis.png"); background-position: bottom left; background-repeat: no-repeat; background-size: 95px auto; font: normal normal 400 20px/31px DraftNaturalHiResA-Bold; letter-spacing: 1.5px; text-transform: uppercase;}
        .footer-nav {float: left; width: auto;}
        .footer-social {float: right; width: auto;}
        footer form {margin: 0px;}
        footer form input {-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; padding: 12px 35px 10px 35px; margin-top: 15px; font: normal normal 400 13px/21px DraftNaturalHiResA-Bold; letter-spacing: 0.97px; text-transform: uppercase;}
        footer input[type=text] {color: #7CA4C6; border: 0px; width: 100%; display: block;}
        footer input[type=submit] {color:#fff; border:1px solid #fff; width: auto; background-color: var(--k9-bg-blau); cursor: pointer;}
        footer input[type=submit]:hover {color:var(--k9-bg-blau); border:1px solid var(--k9-bg-blau); width: auto; background-color: #fff;}

        @media(min-width:1530px) {
          .kurs .sticker.hs .sticker-text {
            font: normal normal 400 16px/1.2 DraftNaturalHiResA-Bold;
          }
        }
/*   Suchhundezentrum Eckernförde Formular  - page-id-4188   */
.page-id-4188 header,
.page-id-4188 footer {
  display: none;
}
.page-id-4188 input[type="text"], .page-id-4188 input[type="email"] {
  font-size: 14px;
  border-color: rgba(0, 0, 0, 0.5);
  height:2.5rem;
}
.page-id-4188 input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: 0;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  max-width: 20rem;
  height: 3em;
  line-height: 3em;
  border-radius: 0px;
  padding: 0 2.5em;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  font-size: 16px;
  font-family: inherit;
	letter-spacing:0.03em;
	margin-top: 20px;
	background-color: #acacac;
  color: #fff;
}
.page-id-4188 dd { display:none; margin-left:0; }
.page-id-4188 .more {
	margin-bottom:30px;
}
.page-id-4188 .more.closed:after {
	content:'WEITERLESEN';
	position:absolute;
	text-decoration: underline ;
	cursor:pointer;
}
.page-id-4188 .more.open:after {
	content:'SCHLIESSEN';
	position:absolute;
	text-decoration: underline ;
	cursor:pointer;
}
.page-id-4188 .acceptance p {
		margin-bottom:10px;
	}
@media (max-width:500px) {
	.page-id-4188 input[type="text"], .page-id-4188 input[type="email"] {
		width:calc(100% - 20px);
	}
	.page-id-4188 .acceptance p {
		margin-bottom:20px;
	}
	.page-id-4188 main,
	.page-id-4188 dd {
		hyphens:auto;
		word-break: break-word;
	}
}