/*
Theme Name: Rehazentrum Bad Kötzting BF-2026
Theme URI: re7consulting.com
Author: re7consulting
Author URI: re7consulting.com
Version: 1.3.0 MUSS LEIDER IN DER HEADER.PHP GEÄNDERT WERDEN (<link>)
*/

/* yanone-kaffeesatz-200 - latin */
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/yanone-kaffeesatz-v24-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/yanone-kaffeesatz-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/yanone-kaffeesatz-v24-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/yanone-kaffeesatz-v24-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/yanone-kaffeesatz-v24-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/yanone-kaffeesatz-v24-latin-200.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-300 - latin */
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/yanone-kaffeesatz-v24-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/yanone-kaffeesatz-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/yanone-kaffeesatz-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/yanone-kaffeesatz-v24-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/yanone-kaffeesatz-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/yanone-kaffeesatz-v24-latin-300.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-700 - latin */
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/yanone-kaffeesatz-v24-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/yanone-kaffeesatz-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/yanone-kaffeesatz-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/yanone-kaffeesatz-v24-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/yanone-kaffeesatz-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/yanone-kaffeesatz-v24-latin-700.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/roboto-condensed-v25-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v25-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

html, body {
    font-family: 'Roboto Condensed', sans-serif;
}

*:focus-visible,
.btn:focus-visible {
  outline: none;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5) !important;
}

.skip-link {
  position: absolute;
  left: -999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.skip-link:focus,
.skip-link:active {
    position: fixed; 
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    padding: 0.5rem 1rem; 
    z-index: 10000;
    clip: auto;
    white-space: normal;
    background: #fff;
    color: #000;
    text-decoration: underline;
    outline: 3px solid #000;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #3666bb;
    text-align: left;
    margin: 0 0 15px;
}

.outerWrap {
    width: 100%;
    text-align: center;
    background: #fff;
}

.innerWrap {
    position: relative;
    width: 1400px;
    margin: 0 auto;
}

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

* html .clearfix {
    zoom: 1;
}

*:first-child + html .clearfix {
    zoom: 1;
}


/*-head-*/
#head {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

#head .innerWrap {
    height: 100px;
    position: relative;
}

#head .logo {
    float: left;
    padding: 10px 0 0;
}

#head .logo a {
    display: block;
    width: 308px;
    height: 80px;
    background: url('images/logo.png') no-repeat center center;
    background-size: auto 100%;
}

#head .menu {
    float: right;
}

#head .menu > ul {
    list-style-type: none;
}



#head .menu > ul > li {
    display: block;
    float: left;
    position: relative;
}


@media (max-width: 1585px) {
    .menu .clearfix > li:nth-last-child(2),
    .menu .clearfix > li:last-child {
        ul.sub-menu {
            margin-left: -170px;
        }
    }
}

#head .menu .clearfix > li:nth-last-child(2) > ul.sub-menu > li:nth-last-child(2) > ul.sub-menu {
    left: -75%;
}
@media (max-width: 1585px) {
    #head .menu .clearfix > li:nth-last-child(2) > ul.sub-menu > li:nth-last-child(2) > ul.sub-menu {
        left: -15%;
    }
}

#head .menu .clearfix > li:nth-last-child(2) > ul.sub-menu > li:nth-last-child(2) > a:after {
    transform: rotate(180deg);
}

#head .menu .clearfix > li:last-child > ul.sub-menu > li:last-child > ul.sub-menu {
    left: -75%;
}

#head .menu .clearfix > li:last-child > ul.sub-menu > li:last-child > a:after {
    transform: rotate(180deg);
}


#head .menu > ul > li > a {
    display: block;
    height: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
    text-decoration: none;
    line-height: 100px;
    padding: 0 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#head .menu > ul > li.menu-item-has-children > a:after {
    display: inline-block;
    vertical-align: top;
    content: "";
    width: 0;
    height: 0;
    margin: 49px 0 0 8px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #757575;
}

#head .menu > ul > li.current_page_item > a,
#head .menu > ul > li.current_page_ancestor > a, #head .menu > ul > li.current-page-ancestor > a,
#head .menu > ul > li:hover > a {
    background: #f5f5f5;
    color: #3666bb;
}

#head .menu > ul > li.current_page_item.menu-item-has-children > a:after,
#head .menu > ul > li.current_page_ancestor.menu-item-has-children > a:after, #head .menu > ul > li.current-page-ancestor.menu-item-has-children > a:after,
#head .menu > ul > li.menu-item-has-children:hover > a:after {
    border-top: 4px solid #3666bb;
}

#head .menu > ul > li:hover > ul {
    display: block;
}

#head .menu > ul > li > ul {
    display: none;
    list-style-type: none;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 999;
    padding: 5px;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
}

#head .menu > ul > li > ul > li {
    display: block;
    text-align: left;
    position: relative;
}

#head .menu > ul > li > ul > li > a {
    display: block;
    width: 100%;
    padding: 10px 30px 10px 10px;
    color: #757575;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
}

#head .menu > ul > li > ul > li.menu-item-has-children > a:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 7px;
    top: 14px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #757575;
}

#head .menu > ul > li > ul.sub-menu > li:hover > a, #head .menu > ul > li > ul.sub-menu > li.current-menu-item > a {
    background: #f5f5f5;
    color: #3666bb;
}

#head .menu > ul > li > ul > li.menu-item-has-children:hover > a:after {
    border-left: 4px solid #3666bb;
}

#head .menu > ul > li > ul > li:hover > ul {
    display: block;
}

#head .menu > ul > li > ul > li > ul {
    display: none;
    list-style-type: none;
    position: absolute;
    top: -5px;
    left: 100%;
    z-index: 999;
    padding: 5px;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
}

#head .menu > ul > li > ul > li > ul > li {
    display: block;
    text-align: left;
    position: relative;
}

#head .menu > ul > li > ul > li > ul > li > a {
    display: block;
    width: 100%;
    padding: 10px;
    color: #757575;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
}

#head .menu > ul > li > ul > li > ul > li:hover > a, #head .menu > ul > li > ul > li.current-menu-item > ul > li > a {
    background: #f5f5f5;
    color: #3666bb;
}


#head .responsivemenu {
    display: none;
    width: 50px;
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #3666bb;
}

#head .responsivemenu span,
#head .responsivemenu:before,
#head .responsivemenu:after {
    display: block;
    width: 30px;
    height: 4px;
    margin: 0 auto 5px;
    background: #fff;
}

#head .responsivemenu:before {
    content: "";
}

#head .responsivemenu:after {
    content: "";
    margin: 0 auto;
}


/*-slider-*/
#slider {
    height: 650px;
    position: relative;
    margin: 100px 0 0;
}

#slider .slideinfo {
    width: 950px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(54, 102, 187, 0.7);
    -webkit-border-bottom-right-radius: 100%;
    -moz-border-radius-bottomright: 100%;
    border-bottom-right-radius: 100%;
    padding: 80px 0 0 120px;
	display: flex;
	flex-direction: column;
	max-height: 100%;
	justify-content: space-between;
	padding-bottom: 70px;
}

#slider .slideinfo > * {
	margin-block: 0 !important;


}


#slider .slideinfo small, #slider .slideinfo p {
    display: block;
    width: 500px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 38px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
}

#slider .slideinfo p {
    font-size: 60px;
    line-height: 70px;
    text-transform: none;
}

#slider .slideinfo .contact {
    margin: 50px 0 0;
}

#slider .slideinfo .contact .phone,
#slider .slideinfo .contact .mail {
    float: left;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    line-height: 29px;
}

#slider .slideinfo .contact .phone {
    margin: 0 0 0 0;
}

#slider .slideinfo .contact .phone:before, #slider .slideinfo .contact .mail:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 29px;
    height: 29px;
    background: url('images/icon_phone2.png') no-repeat 0 2px;
}

#slider .slideinfo .contact .mail:before {
    background: url('images/icon_mail.png') no-repeat 0 5px;
    margin: 0 8px 0 0;
}

#slider .slideinfo .contact .phone a, #slider .slideinfo .contact .mail a {
    text-decoration: none;
    color: #fff;
}

#slider .slideinfo .contact .phone a:hover, #slider .slideinfo .contact .mail a:hover {
    border-bottom: 2px dotted #fff;
}


/*-therapien-*/
#therapien .innerWrap {
    padding: 40px 0;
}

#therapien .innerWrap > h2, #therapien .innerWrap > .h2 {
    text-align: center;
    margin: 0 0 40px;
    font-size: 38px;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
}

#therapien .table {
    display: table;
}

#therapien .table .row {
    display: table-row;
}

#therapien .table .row .space {
    display: table-cell;
    width: 10px;
    height: 100%;
}

#therapien .table .row .info {
    border-bottom: 5px solid #fff;
    display: table-cell;
    width: 340px;
    height: 450px;
    vertical-align: top;
    padding: 40px 40px 80px;
    background: #f5f5f5;
    position: relative;
}

#therapien .table .row .info .icon {
    width: 100%;
    height: 60px;
    margin: 0 0 20px;
    background: url('images/icon_beschaeftigungstherapie.png') no-repeat center center;
}

#therapien .table .row .info h2, #therapien .table .row .info .h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 32px;
}

#therapien .table .row .info h2 a, #therapien .table .row .info .h2 a {
    color: #3666bb;
    text-decoration: none;
    border: 0;
}

#therapien .table .row .info h2 a:hover, #therapien .table .row .info .h2 a:hover {
    border: 0;
}

#therapien .table .row .info .hr {
    width: 50px;
    height: 2px;
    margin: 0 auto 15px;
    background: #e6e6e6;
}

#therapien .table .row .info div.text {
    margin: 0 0 25px;
}

#therapien .table .row .info div.link {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 40px;
    text-align: center;
}

#therapien .table .row .info a {
    text-align: left;
    color: #666;
    text-decoration: none;
    border-bottom: 1px dotted #c8c8c8;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#therapien .table .row .info a:hover {
    color: #444;
    border-bottom: 1px dotted #444;
}


/*-front-text-one-*/
#front-text-one {
    background: #f5f5f5;
}

#front-text-one .innerWrap {
    padding: 80px 0;
}

#front-text-one .text {
    width: 1040px;
    float: left;
    padding: 0 40px 0 0;
}

#front-text-one .text p:last-child {
    margin: 0;
}

#front-text-one .aktuelles {
    float: right;
    width: 340px;
    margin: 0 10px 0 0;
    padding: 40px;
    background: #fff;
}

#front-text-one .aktuelles > p {
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #888;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #e6e6e6;
}

#front-text-one .aktuelles .entry {
    margin: 0 0 30px;
}

#front-text-one .aktuelles .entry p {
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #444;
    text-align: justify;
}

#front-text-one .aktuelles .entry p a {
    text-decoration: none;
    color: #444;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#front-text-one .aktuelles .entry p a:hover {
    color: #3666bb;
}

#front-text-one .aktuelles .entry .add {
    margin: 5px 0 0;
}

#front-text-one .aktuelles .entry .add > a {
    float: left;
    color: #666;
    text-decoration: none;
    border-bottom: 1px dotted #666;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#front-text-one .aktuelles .entry .add > a:hover {
    color: #444;
    border-bottom: 1px dotted #444;
}

#front-text-one .aktuelles .entry .add .date {
    float: right;
    text-align: right;
    color: #666;
}

#front-text-one .aktuelles .buttonwrap {
    padding: 20px 0 0;
    text-align: center;
}


/*-front-text-two-*/
#front-text-two .innerWrap {
    padding: 80px 0;
}


/*-galerieslider-*/
#galerieslider {
    height: 400px;
    text-align: left;
    background: #eaeaea;
}

#galerieslider ul {
    list-style-type: none;
    display: block;
    width: 100%;
}

#galerieslider ul li {
    display: block;
    width: 25%;
    height: 400px;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    filter: alpha(opacity=100);
    opacity: 1.0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

#galerieslider ul li:hover {
    filter: alpha(opacity=100);
    opacity: 1.0;
    filter: none;
    -webkit-filter: grayscale(0%);
}


/*-footer-*/
#footer {
    background: #e6e6e6;
}

#footer .innerWrap {
    padding: 40px 0;
}

#footer .innerWrap > div {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    text-align: left;
    padding-right: 20px;
}

#footer .innerWrap > div > p {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #666;
    margin: 0 0 40px;
}

#footer .innerWrap > div > ul, .responsivfootermenu {
    list-style-type: none;
}

#footer .innerWrap > div > ul > li {
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

#footer .innerWrap > div > ul > li > a, .responsivfootermenu li a {
    text-decoration: none;
    color: #666;
    border-bottom: 1px dotted #c8c8c8;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#footer .innerWrap > div > ul > li > a:hover, .responsivfootermenu li a:hover {
    color: #444;
    border-bottom: 1px dotted #444;
}

#footer .innerWrap > div:last-child > ul > li:first-child {
    font-weight: 700;
}

#footer .innerWrap > div > ul > li > ul {
    display: none;
}

#footerlogo {
    padding: 14px 0;
    border-top: 8px solid #fff;
    background: #f1f1f1;
}

#footerlogo > a {
    display: block;
    width: 103px;
    height: 50px;
    margin: 0 auto;
    background: url('images/logo_footer.png') no-repeat center center;
}

#footerlogo .responsivfootermenu {
    display: none;
    padding-top: 5px;
}

#footerlogo .responsivfootermenu li {
    display: inline-block;
    padding: 5px 5px 0 5px;
}


/*-therapien_uebersicht-*/
#therapien_uebersicht .innerWrap {
    padding: 0 0 50px;
}

#therapien_uebersicht .text {
    margin: 50px 0 0;
}

#therapien_uebersicht .table {
    display: table;
    width: 100%;
}

#therapien_uebersicht .therapie {
    display: table-row;
}

#therapien_uebersicht .therapie.odd {
}

#therapien_uebersicht .therapie .info {
    border-bottom: 5px solid #fff;
    display: table-cell;
    width: 350px;
    height: 450px;
    vertical-align: middle;
    padding: 40px;
    background: #f5f5f5;
}

#therapien_uebersicht .therapie .info .icon {
    width: 100%;
    height: 60px;
    margin: 0 0 20px;
    background: url('images/icon_beschaeftigungstherapie.png') no-repeat center center;
}

#therapien_uebersicht .therapie .info h2, #therapien_uebersicht .therapie .info .h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 32px;
}

#therapien_uebersicht .therapie .info h2 a, #therapien_uebersicht .therapie .info .h2 a {
    color: #3666bb;
    text-decoration: none;
    border: 0;
}

#therapien_uebersicht .therapie .info h2 a:hover, #therapien_uebersicht .therapie .info .h2 a:hover {
    border: 0;
}

#therapien_uebersicht .therapie .info .hr {
    width: 50px;
    height: 2px;
    margin: 0 auto 15px;
    background: #e6e6e6;
}

#therapien_uebersicht .therapie .info div.text {
    margin: 0 0 25px;
}

#therapien_uebersicht .therapie .info div.link {
    text-align: center;
}

#therapien_uebersicht .therapie .info a {
    text-align: left;
    color: #666;
    text-decoration: none;
    border-bottom: 1px dotted #c8c8c8;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#therapien_uebersicht .therapie .info a:hover {
    color: #444;
    border-bottom: 1px dotted #444;
}

#therapien_uebersicht .therapie .image {
    display: table-cell;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom: 5px solid #fff;
}


/*-therapie-*/
#therapie_content {
}

#therapie_content .innerWrap {
    padding: 0 0 50px;
}

#therapie_content .extra {
    display: table;
    margin: 0 0 50px;
}

#therapie_content .extra .extra-row {
    display: table-row;
}

#therapie_content .extra .text {
    display: table-cell;
    vertical-align: top;
    padding: 0 40px 0 0;
}

#therapie_content .extra .stichpunkte {
    display: table-cell;
    vertical-align: top;
    width: 350px;
    padding: 40px;
    background: #f5f5f5;
}

#therapie_content .extra .stichpunkte > p {
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #888;
    padding: 0 0 25px;
    margin: 0 0 25px;
    border-bottom: 1px solid #e6e6e6;
}

#therapie_content .extra .stichpunkte > ul {
    list-style-type: none;
    text-align: left;
}

#therapie_content .extra .stichpunkte > ul li {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    line-height: 24px;
    padding: 0 0 0 25px;
    margin: 0 0 15px;
    background: url('images/icon_bullet.png') no-repeat 0 3px;
}

#therapie_content .text.leistungen {
    padding: 40px 40px 25px;
    margin: 0 0 50px;
    border: 2px solid #3666bb;
}

#therapie_content .text.leistungen > h2, #therapie_content .text.leistungen > .h2 {
    padding: 0 0 25px;
    margin: 0 0 25px;
    border-bottom: 1px solid #e6e6e6;
}

#therapie_content .text.leistungen ul {
    list-style-type: none;
    text-align: left;
    margin: 0;
}

#therapie_content .text.leistungen ul li {
    display: block;
    width: 50%;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    line-height: 24px;
    text-align: left;
    padding: 0 0 0 25px;
    margin: 0 0 15px;
    background: url('images/icon_bullet.png') no-repeat 0 3px;
}

#therapie_content .text.leistungen ul:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

#therapie_content .mehrtherapie {
    margin: 100px 0 0;
}

#therapie_content .mehrtherapie .head {
}

#therapie_content .mehrtherapie .head p {
    width: 1040px;
    float: left;
    font-size: 18px;
    text-align: left;
    color: #444;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
}

#therapie_content .mehrtherapie .head p:last-child {
    float: right;
    width: 340px;
}

#therapie_content .mehrtherapie .table {
    display: table;
}

#therapie_content .mehrtherapie .table .row {
    display: table-row;
}

#therapie_content .mehrtherapie .table .row .space {
    display: table-cell;
    width: 10px;
    height: 100%;
}

#therapie_content .mehrtherapie .table .row .info {
    border-bottom: 5px solid #fff;
    display: table-cell;
    width: 340px;
    height: 450px;
    vertical-align: top;
    padding: 40px;
    background: #f5f5f5;
}

#therapie_content .mehrtherapie .table .row .info .icon {
    width: 100%;
    height: 60px;
    margin: 0 0 20px;
    background: url('images/icon_beschaeftigungstherapie.png') no-repeat center center;
}

#therapie_content .mehrtherapie .table .row .info h2, #therapie_content .mehrtherapie .table .row .info .h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 32px;
}

#therapie_content .mehrtherapie .table .row .info h2 a, #therapie_content .mehrtherapie .table .row .info .h2 a {
    color: #3666bb;
    text-decoration: none;
    border: 0;
}

#therapie_content .mehrtherapie .table .row .info h2 a:hover, #therapie_content .mehrtherapie .table .row .info .h2 a:hover {
    border: 0;
}

#therapie_content .mehrtherapie .table .row .info .hr {
    width: 50px;
    height: 2px;
    margin: 0 auto 15px;
    background: #e6e6e6;
}

#therapie_content .mehrtherapie .table .row .info div.text {
    margin: 0 0 25px;
}

#therapie_content .mehrtherapie .table .row .info div.link {
    text-align: center;
}

#therapie_content .mehrtherapie .table .row .info a {
    text-align: left; 
    color: #666;
    text-decoration: none;
    border-bottom: 1px dotted #c8c8c8;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#therapie_content .mehrtherapie .table .row .info a:hover {
    color: #444;
    border-bottom: 1px dotted #444;
}

#therapie_content .mehrtherapie .contactperson {
    width: 340px;
    margin: 0 0 20px 20px;
    text-align: center;
}

#therapie_content .mehrtherapie .contactperson .image {
    width: 100%;
    height: 200px;
    margin: 0 auto 10px;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#therapie_content .mehrtherapie .contactperson .title {
    float: left;
}

#therapie_content .mehrtherapie .contactperson .title p {
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #444;
}

#therapie_content .mehrtherapie .contactperson .title small {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #757575;
}

#therapie_content .mehrtherapie .contactperson ul {
    text-align: left;
    list-style-type: none;
    float: right;
}

#therapie_content .mehrtherapie .contactperson ul li {
    font-size: 16px;
    font-weight: 400;
    color: #444;
}

#therapie_content .mehrtherapie .contactperson ul li.phone {
}

#therapie_content .mehrtherapie .contactperson ul li.phone:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    vertical-align: baseline;
    margin: 0 5px 0 0;
    background: url('images/icon_phone.png') no-repeat center center;
}


/*-subpages-sidebar-*/
#subpages-sidebar .innerWrap {
    padding: 0 0 50px;
}

#subpages-sidebar .text {
    overflow: hidden;
    padding: 0 0 0 40px;
}

#subpages-sidebar .beitraege {
}

#subpages-sidebar .beitraege .beitrag {
    display: table;
    width: 100%;
    padding: 0 0 50px;
    margin: 0 0 50px;
    border-bottom: 1px solid #e6e6e6;
}

#subpages-sidebar .beitraege .beitrag .row {
    display: table-row;
}

#subpages-sidebar .beitraege .beitrag .row .imagew {
    display: table-cell;
    vertical-align: top;
    width: 250px;
}

#subpages-sidebar .beitraege .beitrag .row .imagew .image {
    height: 180px;
    margin: 0 0 10px;
    background: #eaeaea;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#subpages-sidebar .beitraege .beitrag .row .imagew .image a {
    display: block;
    width: 100%;
    height: 100%;
}

#subpages-sidebar .beitraege .beitrag .row .imagew .date {
    text-align: right;
}

#subpages-sidebar .beitraege .beitrag .row .imagew .date:before {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px 0 0;
    content: "";
    width: 12px;
    height: 12px;
    background: url('images/icon_time.png') no-repeat center center;
}

#subpages-sidebar .beitraege .beitrag .row .info {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 40px;
}

#subpages-sidebar .beitraege .beitrag .row .info > h2, #subpages-sidebar .beitraege .beitrag .row .info > .h2 {
    font-size: 26px;
    color: #444;
}

#subpages-sidebar .beitraege .beitrag .row .info > h2 a, #subpages-sidebar .beitraege .beitrag .row .info > .h2 a {
    text-decoration: none;
    color: #444;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#subpages-sidebar .beitraege .beitrag .row .info > h2 a:hover, #subpages-sidebar .beitraege .beitrag .row .info > .h2 a:hover {
    color: #3666bb;
}

#subpages-sidebar .beitraege .beitrag .row .info .link p {
    text-align: right;
    margin: 0;
}


/*-subpages-*/
#subpage .innerWrap {
    padding: 0 0 50px;
}

#subpage .text {
    width: 75%;
    overflow: hidden;
}

#subpage .text.with-aside {
    padding-right: 50px;
}

#subpage aside {
    width: 25%;
    padding-top: 35px;
    float: right;
}

#subpage aside > p {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #3666bb;
    margin-bottom: 10px;
    text-align: left;
}

#subpage aside .video {
    position: relative;
    aspect-ratio: 19/11;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}

#subpage aside .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*-stellenangebote-*/
.stellenangebote {
    display: table;
    width: 100%;
    margin: 0 0 50px;
}

.stellenangebote .stellenangebot {
    display: table-row;
}

.stellenangebote .stellenangebot:hover {
    background: #eaeaea;
}

.stellenangebote .stellenangebot .content {
    display: table-cell;
    height: 100px;
    padding: 5px 10px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

.stellenangebote .stellenangebot .content p {
    margin: 5px 0 0;
}

.stellenangebote .stellenangebot .content p.title {
    font-size: 18px;
    font-weight: 400;
    color: #444;
    margin: 0;
}

.stellenangebote .stellenangebot .content p.title a {
    color: #444;
    text-decoration: none;
}

.stellenangebote .stellenangebot .content p.title a:hover {
    color: #3666bb;
}

.stellenangebote .stellenangebot .link {
    display: table-cell;
    width: 200px;
    height: 100px;
    padding: 0 10px;
    text-align: right;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}


/*-kontakt-*/
#kontakt_karte {
    position: relative;
    overflow: hidden;
    margin: 100px 0 0;
}

#kontakt_karte .innerWrap {
    position: relative;
    height: 500px;
}

#kontakt_karte #gmap {
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

#kontakt_karte .innerWrap .table {
    display: table;
    width: 350px;
    height: 500px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

#kontakt_karte .innerWrap .table .row {
    display: table-row;
}

#kontakt_karte .innerWrap .table .row > div {
    display: table-cell;
    padding: 40px;
    vertical-align: middle;
    background: rgba(245, 245, 245, 0.9);
}

#kontakt_karte .innerWrap .table .row > div > p:first-child {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #3666bb;
    margin: 0 0 25px;
}

#kontakt_karte .innerWrap .table .row > div > p {
    color: #757575;
    line-height: 22px;
    text-align: left;
}

#kontakt_karte .innerWrap .table .row > div > ul {
    list-style-type: none;
    text-align: left;
    margin: 25px 0 0;
}

#kontakt_karte .innerWrap .table .row > div > ul li {
    line-height: 30px;
    color: #444;
}

#kontakt_karte .innerWrap .table .row > div > ul li a {
    color: #444;
    text-decoration: none;
    border-bottom: 1px dotted #444;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#kontakt_karte .innerWrap .table .row > div > ul li a:hover {
    color: #3666bb;
    border-bottom: 1px dotted #3666bb;
}

#kontakt_karte .innerWrap .table .row > div > div {
    text-align: left;
    margin: 25px 0 0;
}

#kontakt_karte .innerWrap .table .row > div > div a {
    color: #3666bb;
    text-decoration: none;
    border-bottom: 1px dotted #3666bb;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#kontakt_karte .innerWrap .table .row > div > div a:hover {
    color: #444;
    border-bottom: 1px dotted #444;
}

#kontakt_content {
}

#kontakt_content .innerWrap {
    padding: 0 0 50px;
    position: relative;
}


/*-404-*/
#fehler404 {
    margin: 100px 0 0;
}

#fehler404 .innerWrap {
    padding: 100px 0;
}

#fehler404 .jump > a {
    display: none;
}

#fehler404 .link {
    padding: 50px 0 0;
    text-align: left;
}


/*-wpcf7-*/
.wpcf7 .row {
    margin: 0 0 20px;
    text-align: left;
}

.wpcf7 .row .column {
    display: block;
    width: 33%;
    max-width: 350px;
    float: left;
    text-align: left;
}

.wpcf7 .row label {
    display: block;
    text-align: left;
    margin: 0 0 5px;
}

.wpcf7 select {
    padding: 0 10px;
    height: 35px;
    background: #fff;
    border: 1px solid #666;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    width: 300px;
    height: 35px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #666;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.wpcf7 textarea {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    height: 200px;
    min-height: 200px;
    max-height: 600px;
    padding: 10px;
    background: #fff;
    border: 1px solid #666;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
 
.wpcf7 span.wpcf7-not-valid-tip {
    display: block;
    margin: 5px 0 0;
    font-size: 14px;
    color: #CF1717;
}

.wpcf7 .wpcf7-response-output {
    max-width: 1000px;
    margin: 0 !important;
    padding: 20px 40px !important;
}

.wpcf7 .wpcf7-validation-errors {
    color: #fff;
    border: 0 !important;
    background: #CF1717;
}

.wpcf7 .wpcf7-mail-sent-ok {
    color: #fff;
    border: 0 !important;
    background: #1E804C;
}


/*-sidebar-*/
.sidebar {
    width: 350px;
    float: left;
    padding: 0 40px 0 0;
    border-right: 1px solid #e6e6e6;
}

.sidebar > div {
    margin: 0 0 50px;
}

.sidebar .subpages {
}

.sidebar .subpages ul {
    list-style-type: none;
}

.sidebar .subpages ul li {
    border-bottom: 1px solid #e6e6e6;
}

.sidebar .subpages ul li a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 5px;
    color: #757575;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sidebar .subpages ul li a:hover {
    color: #444;
    background: #f5f5f5;
}

.sidebar .subpages ul li.current_page_item a {
    color: #3666bb;
    background: #f5f5f5;
}

.sidebar .anderestellen {
}

.sidebar .anderestellen > p {
    font-size: 18px;
    text-align: left;
    color: #444;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
}

.sidebar .anderestellen ul {
    list-style-type: none;
}

.sidebar .anderestellen ul li {
}

.sidebar .anderestellen ul li a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 5px;
    color: #757575;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sidebar .anderestellen ul li a:hover {
    color: #444;
    background: #f5f5f5;
}

.sidebar .jobinfo {
}

.sidebar .jobinfo > p {
    font-size: 18px;
    text-align: left;
    color: #444;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
}

.sidebar .jobinfo ul {
    list-style-type: none;
}

.sidebar .jobinfo ul li {
    text-align: left;
    padding: 10px 5px;
    color: #444;
    font-weight: 300;
}

.sidebar .jobinfo ul li b {
    display: block;
    font-weight: 400;
    color: #757575;
}

.sidebar .contactperson {
}

.sidebar .contactperson > p {
    font-size: 18px;
    text-align: left;
    color: #444;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
}

.sidebar .contactperson .image {
    width: 309px;
    height: 200px;
    margin: 0 0 10px;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sidebar .contactperson .title {
    float: left;
    width: 50%;
    overflow: hidden;
}

.sidebar .contactperson .title p {
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #444;
}

.sidebar .contactperson .title small {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #757575;
}

.sidebar .contactperson ul {
    text-align: left;
    list-style-type: none;
    float: right;
}

.sidebar .contactperson ul li {
    font-size: 16px;
    font-weight: 400;
    color: #444;
}

.sidebar .contactperson ul li.phone {
}

.sidebar .contactperson ul li.phone:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    vertical-align: baseline;
    margin: 0 5px 0 0;
    background: url('images/icon_phone.png') no-repeat center center;
}

.sidebar .infotext {
}

.sidebar .infotext > p {
    font-size: 18px;
    text-align: left;
    color: #444;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
}

.sidebar .infotext .text {
    padding: 0 !important;
}

.sidebar .infotext .text > p:last-child {
    margin: 0;
}

.sidebar .beitragsbild {
}

.sidebar .beitragsbild .image {
    width: 309px;
    height: 200px;
    margin: 0 0 10px;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sidebar .beitragsbild .date {
    text-align: right;
}

.sidebar .beitragsbild .date:before {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px 0 0;
    content: "";
    width: 12px;
    height: 12px;
    background: url('images/icon_time.png') no-repeat center center;
}


/*-pagination-*/
.pagination {
    text-align: right;
}

.pagination .page-numbers {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    padding: 0px 10px;
    text-align: center;
}

.pagination a.page-numbers {
    border: 1px solid #eaeaea;
    font-size: 13px;
    font-weight: 400;
    color: #888;
    text-decoration: none;
}

.pagination span.dots {
    font-size: 13px;
    font-weight: 400;
    color: #888;
}

.pagination .next, .pagination .prev {
    background: #eaeaea;
    font-weight: 400 !important;
}

.pagination a.page-numbers:hover, .pagination span.current {
    border: 1px solid #3666bb;
    background: #3666bb;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}


/*-intro-*/
.intro {
    position: relative;
    overflow: hidden;
    margin: 100px 0 0;
    background: #eaeaea;
}

.intro .bgimage {
    width: 110%;
    height: 110%;
    position: absolute;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.intro .innerWrap {
    position: relative;
    z-index: 10;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-left: 5px solid #fff;
}

.intro .innerWrap .table {
    display: table;
    width: 350px;
    height: 450px;
    margin: 0 0 0 auto;
}

.intro .innerWrap .table .row {
    display: table-row;
}

.intro .innerWrap .table .row > div {
    display: table-cell;
    padding: 40px;
    vertical-align: middle;
    background: rgba(245, 245, 245, 0.9);
}

.intro .innerWrap .table .row > div .icon {
    width: 100%;
    height: 60px;
    margin: 0 0 20px;
    background: url('images/icon_beschaeftigungstherapie.png') no-repeat center center;
}

.intro .innerWrap .table .row > div > p, .intro .innerWrap .table .row > div > h1, .intro .innerWrap .table .row > div > .h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #3666bb;
    margin: 0 0 15px;
}

.intro .innerWrap .table .row > div > p a {
    color: #3666bb;
    text-decoration: none;
    border: 0;
}

.intro .innerWrap .table .row > div > p a:hover {
    border: 0;
}

.intro .innerWrap .table .row > div .hr {
    width: 50px;
    height: 2px;
    margin: 0 auto 15px;
    background: #e6e6e6;
}


/*-jump-*/
.jump {
    padding: 0 0 25px;
}

.jump > a {
    display: block;
    width: 350px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    background: #3666bb;
    float: right;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.jump > a:hover {
    background: #444;
}

.jump .breadcrumbs {
    float: left;
}


/*-breadcrumbs-*/
.breadcrumbs {
    margin: 0 0 20px;
    text-align: left;
    font-size: 14px;
    line-height: 44px;
}

.breadcrumbs a {
    color: #3666bb;
    text-decoration: none;
    border-bottom: 1px dotted #3666bb;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.breadcrumbs a:hover {
    color: #444;
    border-bottom: 1px dotted #444;
}

.breadcrumbs span {
    color: #444;
}


/*-aktuelle-stellenangebote-shortcode-*/
.stellenangebote_wrap {
    overflow: hidden;
}

.stellenangebote_wrap .head {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: left;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    background: url('images/bg_detail.png') no-repeat center center #3666bb;
    background-size: cover;
}

.stellenangebote_wrap .body {
    padding: 30px 15px;
    background: #fff;
    border-left: 2px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}

.stellenangebote_wrap .body .job {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
}

.stellenangebote_wrap .body .job:last-child {
    margin: 0;
}

.stellenangebote_wrap .body .job .info {
    float: left;
}

.stellenangebote_wrap .body .job .info p {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    margin: 0;
}

.stellenangebote_wrap .body .job .info small {
    font-size: 14px;
}

.stellenangebote_wrap .body .job .link {
    height: 50px;
    vertical-align: top;
    padding: 9px 0 0;
    float: right;
}

.stellenangebote_wrap .body .job .link a {
    display: inline-block;
    vertical-align: top;
    height: 35px;
    line-height: 31px;
    padding: 0 20px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #3666bb;
    color: #3666bb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.stellenangebote_wrap .body .job .link a:hover {
    background: #3666bb;
    color: #fff;
}


/*-cta-*/
.cta {
    background: url('images/bg_detail.png') no-repeat center center #3666bb;
    background-size: cover;
}

.cta .innerWrap {
    padding: 20px 0;
}

.cta .cta-table {
    display: table;
    width: 100%;
}

.cta .cta-table > div {
    display: table-row;
}

.cta .innerWrap p {
    display: table-cell;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    vertical-align: middle;
}

.cta .innerWrap p small {
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
}

.cta .cta-button {
    display: table-cell;
    vertical-align: middle;
}


/*-cta-bewerben-*/
.cta-bewerben {
    display: table;
    width: 100%;
    padding: 20px 100px;
    margin: 50px 0 0;
    background: url('images/bg_detail.png') no-repeat center center #3666bb;
    background-size: cover;
}

.cta-bewerben > div {
    display: table-row;
}

.cta-bewerben p {
    display: table-cell;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-align: left !important;
    vertical-align: middle;
    margin: 0 !important;
}

.cta-bewerben p small {
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
}

.cta-bewerben .cta-button {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}


/*-cta-bigimage-*/
.cta-bigimage {
    height: 256px;
    background: url('images/badkoetzting_2025.jpg') no-repeat center center;
    background-size: cover;
}


/*-std-*/
.text h1, .text .h1 {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 35px;
}

.text h2, .text .h2 {
    font-size: 30px;
    font-weight: 700;
}

.text h3, .text .h3 {
    font-size: 26px;
    font-weight: 700;
}

.text h4, .text .h4 {
    font-size: 22px;
    font-weight: 700;
    color: #888;
}

.text ul, .text ol {
    text-align: left;
    margin: 0 0 15px 15px;
}

.text p, .text ul li, .text ol li {
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #444;
    text-align: justify;
    margin: 0 0 15px;
}

.text ul li, .text ol li {
    margin: 0;
}

.text p a, .text ul li a, .text ol li a {
    padding: 0 2px;
    color: #3666bb;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.text p a:hover, .text ul li a:hover, .text ol li a:hover {
    color: #000;
    border-bottom: 1px dotted #000;
}

.text table {
    margin: 0 0 15px;
}

.text table tr td {
    padding: 5px;
    font-size: 16px;
    font-weight: 300;
    color: #444;
    text-align: left;
    border-bottom: 1px dotted #ccc;
}

.text table tr td:first-child {
    padding: 5px 50px 5px 5px;
}

.text .alignleft {
    display: block;
    float: left;
    margin: 0 15px 15px 0;
}

.text .alignright {
    display: block;
    float: right;
    margin: 0 0 15px 15px;
}

.text .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*-button-*/
.button {
    display: inline-block;
    height: 40px;
    line-height: 36px;
    padding: 0 20px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent;
    border: 2px solid #3666bb;
    color: #3666bb;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.button:hover {
    background: #3666bb;
    color: #fff;
}

input.button {
    line-height: normal;
}

.button.white {
    border: 2px solid #fff;
    color: #fff;
}

.button.white:hover {
    background: #fff;
    color: #3666bb;
}

.button.black {
    border: 2px solid #888;
    color: #888;
}

.button.black:hover {
    background: #888;
    color: #fff;
}


.content-column img {
    max-width: 100% !important;
    height: auto;
}


.cn-button {
    font-family: 'Yanone Kaffeesatz', sans-serif !important;
    font-size: 20px !important;
    line-height: 20px !important;
    padding: 10px !important;
    border: 2px solid #3666bb !important;
}

.cookie-notice-container #cn-refuse-cookie {
    border: 2px solid #888 !important;
}


/* ---------- codebymick   ------*/
.zert {
    float: right;
    margin-top: -160px;
    margin-right: -150px;
}

.splash {
    padding: 25px 120px 5px 160px;
    margin: 0;
    text-align: center;
    background: url('./images/employee-icon.png') no-repeat left center;
    margin-left: -40px;
}

.splash p {
    font-size: 30px !important;
    line-height: 40px;

}

.splash:first-letter {
    text-transform: uppercase;
}

hr.underhead {
    border: 1px solid #F5F5F5;
    margin-bottom: 20px;
}

.bulletPoints {
    width: 49%;
    float: left;
    padding: 20px;
    margin: 5px 5px 10px 0;
}

.bulletPoints.full {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
}

.bulletPoints ul,
.bulletPoints li,
.bulletPoints p,
.bulletPoints h1, 
.bulletPoints .h1 {
    text-align: left !important;
}

.bulletPoints.clearfix {
    margin: 5px 0 5px 5px;
    float: right;
}

.starWrapper {
    background-color: #F5F5F5;
}

.stars {
    padding: 48px 5px;
    vertical-align: text-top;
    position: relative;
    min-height: 160px;
    margin: 20px 0;
}

.box1 .stars:before {
    content: url('./images/weiterbildung-icon.png');
    max-width: 20px;
    height: 20px;
    display: table;
    margin: 0px auto 10px;
}

.box2 .stars:before {
    content: url('./images/goodmood-icon.png');
    max-width: 20px;
    height: 20px;
    display: table;
    margin: 0px auto 10px;
}

.box3 .stars:before {
    content: url('./images/region-icon.png');
    max-width: 20px;
    height: 20px;
    display: table;
    margin: 0px auto 10px;
}

.stars:last-of-type {
    border-bottom: 5px solid transparent !important;
}

.box1 {
    background-image: url('./images/box1.png');
}

.box2 {
    background-image: url('./images/box2.png');
}

.box3 {
    background-image: url('./images/box3.png');
}

.pointBox p {
    text-transform: uppercase;
    text-align: center;
    color: #3666bb;
    font-weight: 500;
    font-size: 22px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    margin-top: 20px;
}

.pointBox {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    width: 32.8%;
    margin-right: .3%;
    vertical-align: top;
}

.pointBox:nth-child(3) {
    margin-right: 0;
    float: right;
}

.notes {
    margin: 40px 0;
}

.cta1, .cta2 {
    border: 2px solid #F5F5F5;
}

.cta2 {
    margin: 20px 0;
}

.cta-bewerben.mw-half p {
    display: block;
    margin-bottom: 20px !important;
}

.cta-bewerben.mw-half {
    width: 50%;
    padding: 85px 0;
    text-align: center;
    float: left;
    margin: 0;
}

.blocks > div {
    display: block !important;
    text-align: center !important;
}

.newline p {
    text-align: center !important;
}

.notlist {
    float: left;
    margin: 15px 50px;
    padding: 10px 0;
}

.notlist p {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.ansprechner {
    display: block;
}

.ansprechner .bilder {
    width: 100%;
    padding: 10px;
}

.ansprechner .video {
    position: relative;
    aspect-ratio: 19/10.5;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.ansprechner .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ansprechDatei p {
    margin-bottom: 0;
}

.ansprechner > .bilder > img {
    margin: auto;
}

.ansprechDatei {
    text-align: left;
    list-style: none;
    padding: 29px 50px;
    display: inline-block;
    border-left: 2px solid #F5F5F5;
}

.ansprechDatei table {
    margin: 0px;
}

.halfBlock {
    width: 50%;
    float: left;
}

.cta-bewerben.sidebarV {
    background: none;
    color: #000;
    text-align: left;
    padding: 0;
}

.cta-bewerben.sidebarV p {
    color: initial !important;
    text-align: left !important;
}

.sidebarV .button.blue {
    float: left;
}

.eachLine {
    text-align: left;
}

.notlist .text p {
    text-align: left;
}

.eachLine div {
    display: inline-block;
    text-align: left;
}

.eachLine div:first-of-type {
    min-width: 200px;
}

#tensec .split {
    display: flex;
    gap: 30px;
    margin-block: 20px;
}

@media (max-width: 750px) {
    #tensec .split {
        flex-direction: column;
    }
}

@media (min-width: 751px) {
    #tensec .split .side:first-child::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        right: 15px;
        top: 0;
        background-color: grey;
    }

    #tensec .split .side:first-child {
        flex: 0 0 270px;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    #tensec .background {
        background-image: url(images/formular--blau.png);
        width: 125px;
        height: 131px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-top: auto;
        margin-bottom: 20px;
    }
}

#tensec textarea {
    width: unset;
    min-width: unset;
    max-width: unset;
    height: 130px;
    min-height: 130px;
}

#tensec .split .side:nth-child(2) {
    flex: 1 1 710px;
}

#tensec .side.right label {
    display: flex;
}

#tensec .side.right label span:last-child {
    flex: 1 1 100%;
}

#tensec .side.right label span:last-child > * {
    width: 100%;
    font-weight: 300;
}

#tensec .side.right label span:first-child {
    flex: 0 0 115px;
    text-align: left;
}

#tensec h3, #tensec .h3 {
    font-size: 27px;
    font-weight: 400;
    line-height: 1.2;
}

#tensec .split .side.left p {
    font-size: 50px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #3666bb;
    text-align: left;
    margin: 0 0 15px;
    font-weight: 700;
    line-height: 1.2;
}

#tensec .side.right p:nth-last-child(2) {
    display: flex;
    flex-direction: row-reverse;
}


/* EXT: COOKIE-BAR */
#cookie-notice {
    font-size: 15px !important;
    font-weight: 300 !important;
    color: #3d3d3d !important;
    padding: 0 115px 0 0;
    background: #fff !important;
    border-top: 2px solid #3666bb;
}

.cookie-notice-container {
    padding: 15px;
}

.cookie-notice-container #cn-notice-text a {
    color: #3666bb;
    text-decoration: none;
    border-bottom: 1px dotted #3666bb;
}

.cookie-notice-container #cn-refuse-cookie {
    color: #888 !important;
    font-size: 18px;
    font-weight: 400;
    padding: 0;
    margin-left: 10px;
    background: transparent;
    border-color: transparent;
}

.cookie-notice-container #cn-refuse-cookie:hover {
    color: #3666bb !important;
}

@media (max-width: 1676px) {

    /* EXT: COOKIE-BAR */
    #cookie-notice {
        padding-right: 0;
    }

    #cn-notice-text {
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

    .cookie-notice-container #cn-refuse-cookie {
        margin-left: 20px !important;
    }

}


/* EXT: POPUP */
.pum-title {
    font-family: 'Yanone Kaffeesatz', sans-serif !important;
    color: #3666bb !important;
    margin: 0 0 25px;
}

.pum-content {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #444 !important;
    line-height: 24px !important;
    text-align: justify !important;
}

.pum-content p {
    margin: 0 0 15px;
}

.pum-content ol,
.pum-content ul {
    margin: 0 0 15px 18px;
}

.pum-content li {
    margin: 0 0 5px;
}
@media(max-width: 1336px) {
    .searchContainer {
        position: absolute;
        top: 0;
        right: 0;
        padding-inline: 40px;
        max-width: 200px;
        float: right;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media(min-width: 1336px) and (max-width: 1400px) {
    .searchContainer {
        display: none !important;
    }
}

.searchContainer {
    padding-inline: 40px;
    max-width: 200px;
    float: right;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchContainer button {
    background: transparent;
    cursor: pointer;
}

.search-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.search-container .lupe-holder input {
    padding: 10px 20px;
    background: #3666bb;
    color: white;
    border-radius: .2rem;
}

.search-container .search {
    padding: 10px;
    background: #F5F5F5;
    border-radius: .2rem;
    min-width: 400px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.searchContainer button img {
    width: 22px;
    height: 22px;
}

#searchModal .modal-title {
    color: #3666bb;
}

#rlvlive_1 {
    position: relative !important;
}

#rlvlive_1 div {
    top: -72px !important;
    left: 0 !important;
}

.searchResults {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 1600px;
    margin-inline: auto;
}

.searchResults .item {
    padding: 10px 20px;
    margin-inline: .5rem;
    min-height: 400px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.searchResults .item .btn {
    max-width: 150px;
    color: #3666bb;
    border: 1px solid #3666bb;
    transition: background .3s ease, color .3s ease;
}

.searchResults .item .btn:hover {
    color: white;
    background: #3666bb;
    border: 1px solid #3666bb;
}

.post-password-form input#pwbox-6113{
    border: 1px solid #000000;
}