body {
    cursor: default;
    font-family: 'Fira Sans', sans-serif;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.template	{
	display	: none;
}
.hide	{
	display	: none;
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

input, select, textarea, button, * {
    font-family: 'Fira Sans', sans-serif;
    /*-webkit-appearance: none;*/
}
input {
    /*-webkit-appearance: none!important;*/
}
input:disabled {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
}
div#sidebar {
    display: none;
}
div#wrapper {
    position: relative;
    background-color: #fff;
    max-width: 1280px;
    margin: 0 auto;
    z-index: 1;
}
body.s_index div#wrapper {
    top: -34px;
}
body.s_index div#wrapper div.main-content {
    display: none;
}

/* NORMALER CONTENT START */
div.main-content {
    width: calc(100% - 40px);
    padding: 30px 20px;
    max-width: 1280px;
    margin: 0 auto;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 140%;
}
div.main-content a {
    color: #2196f3;
    font-style: italic;
    font-weight: 400;
}
div.main-content a:hover,
div.main-content a:focus {
    text-decoration: none;
}
div.main-content h1 {
    display: block;
    color: rgba(0, 0, 0, 0.87);
    font-size: 29px;
    line-height: 29px;
    margin: 0 0 10px 0;
}
div.main-content h2 {
    display: block;
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
}
div.main-content h3 {
    display: block;
    margin: 32px 0 0 0;
    padding: 0 0 6px 0;
    border-bottom: 2px solid #ccc;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
}
div.main-content h3:before {
    content: '\f061';
    font-size: 10px;
    display: block;
    float: left;
    color: #2196f3;
    font-family: 'FontAwesome';
    line-height: 16px;
    margin: 0 7px 0 0;
}
/* NORMALER CONTENT STOP */

/* HEADER START */
div.header {
    background-color: rgba(255, 255, 255, 0.87);
    /*position: fixed;*/
    position: relative;
    z-index: 9999;
    width: 100%;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
div.header div.topbar {
    width: 100%;
    background-color: #eee;
}
div.header div.topbar div.topbar-wrapper {
    margin: 0 auto;
    padding: 0 36px;
    font-weight: 300;
    max-width: 1280px;
    text-align: center;
}
div.header div.topbar div.topbar-wrapper a {
    font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
    outline: none;
    font-size: 14px;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.header div.topbar div.topbar-wrapper a:hover,
div.header div.topbar div.topbar-wrapper a:focus {
    color: #4ba9f3;
}
div.header div.topbar div.topbar-wrapper span {
    display: inline-block;
    color: rgba(255, 255, 255, 0);
    font-weight: 400;
    font-size: 14px;
    margin: 0 5px;
}
div.header div.navi-wrapper {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1280px;
}
div.header div.navi-wrapper a.logo {
    display: block;
    width: 100%;
    max-width: 242px;
    margin: 10px auto 10px;
    float: left;
}
div.header div.navi-wrapper a.logo > img {
    display: block;
    margin: 0;
    width: 100%;
    max-width: 242px;
    height: auto;
}
a#right-menu {
    display: block;
    float: right;
    margin: 10px auto 10px;
    outline: none;
}
a#right-menu:focus {
    opacity: 0.8;
}
nav#nav {
    display: none;
}
nav#nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* HEADER STOP */

/* NACH-OBEN-BUTTON START */
a.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    background-color: rgb(255, 61, 0);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.45);
    width: 73px;
    height: 73px;
    z-index: 999999;
    text-align: center;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
a.back-to-top:hover,
a.back-to-top:focus {
    background-color: #DD2C00;
}
a.back-to-top > span {
    font-size: 30px;
    font-family: 'FontAwesome';
    color: rgba(255, 255, 255, 1);
    line-height: 66px;
}
/* NACH-OBEN-BUTTON STOP */

/* TEASER (Startseite) START */
div.startseitenteaser div.wrapper-teaser-wide {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide {
    color: #fff;
    width: calc(100% - 68px);
    padding: 28px 34px;
    background-position: bottom right;
    background-repeat: no-repeat;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide:first-child {
    background-color: #4ba9f3;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide:nth-child(2) {
    background-color: #81c3f7;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide:last-child {
    background-color: #fe6231;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide h3 {
    display: block;
    margin: 0;
    font-size: 23px;
    font-weight: 600;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide:first-child h3 {
    text-shadow: 1px 1px 1px #0D47A1;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide:nth-child(2) h3 {
    text-shadow: 1px 1px 1px #1a5ec7;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide:last-child h3 {
    text-shadow: 1px 1px 1px #ff3d00;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide p {
    font-size: 16px;
    font-weight: 300;
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.startseitenteaser div.wrapper-teaser-wide div.teaser-wide a:hover {
    margin-left: 7px;
    border-bottom: 2px solid rgba(255, 255, 255, 1);
}
/* TEASER (Startseite) STOP */

/* TEASER (Unterseite) START */
div.sideteaser div.wrapper-teaser-wide {
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide {
    color: #fff;
    width: calc(100% - 68px);
    padding: 28px 34px;
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide:first-child, div.sideteaser.partnerDetail div.wrapper-teaser-wide div.teaser-wide {
    background-color: #4ba9f3;
    background-image: url('../bilder/teaser/teaser_kunde-1478613580-3071-.jpg')!important;
    background-position: right bottom;
    background-repeat: no-repeat;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide:nth-child(2) {
    background-color: #81c3f7;
    background-image: url('../bilder/teaser/teaser_partner-1478613697-6602-.jpg')!important;
    background-position: right bottom;
    background-repeat: no-repeat;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide:last-child {
    background-color: #fe6231;
    background-image: url('../bilder/teaser/teaser_kundenkarte-1478613761-8958-.jpg')!important;
    background-position: right bottom;
    background-repeat: no-repeat;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide h3 {
    display: block;
    margin: 0;
    font-size: 23px;
    font-weight: 600;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide:first-child h3, div.sideteaser.partnerDetail div.wrapper-teaser-wide div.teaser-wide h3 {
    text-shadow: 1px 1px 1px #0D47A1;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide:nth-child(2) h3 {
    text-shadow: 1px 1px 1px #1a5ec7;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide:last-child h3 {
    text-shadow: 1px 1px 1px #ff3d00;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide p {
    font-size: 16px;
    font-weight: 300;
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.sideteaser div.wrapper-teaser-wide div.teaser-wide a:hover {
    margin-left: 7px;
    border-bottom: 2px solid rgba(255, 255, 255, 1);
}
/* TEASER (Unterseite) STOP */


/*TEASER AUF DER KARTE START*/
#map > .sideteaser {
    position: relative;
}
/*TEASER AUF DER KARTE ENDE*/

/*FAKTEN Partner Detail START*/
div.sideteaser.partnerDetail div.wrapper-teaser-wide div.teaser-wide {
    background-color: #4ba9f3;
    background-image: url('../bilder/teaser/teaser_kunde-1478613580-3071-.jpg')!important;
    background-position: right bottom;
    background-repeat: no-repeat;
}
div.sideteaser.partnerDetail div.wrapper-teaser-wide div.teaser-wide h3 {
    text-shadow: 1px 1px 1px #0D47A1;
}
/* FOOTER START */
footer {
    background-color: #2196f3;
    color: #fff;
}

div.footer-big {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px;
}
div.footer-big > a {
    display: block;
    width: 100%;
    max-width: 326px;
    height: auto;
    margin: 0 auto;
}
div.footer-big > a > img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}
div.footer-big > hr {
    display: block;
    margin: 30px 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
div.footer-big > ul {
    margin: 0 auto 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}
div.footer-big > ul > li {
    display: block;
    margin: 0;
}
div.footer-big > ul > li h4 {
    display: block;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
div.footer-big > ul > li a {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    outline: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
}
div.footer-big > ul > li a:hover,
div.footer-big > ul > li a:focus {
    text-decoration: underline;
}

div.newsletter-anmeldung {
    padding: 15px 0;
}
div.newsletter-anmeldung h4 {
    display: block;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

div.newsletter-anmeldung label {
    clear: both;
    display: block;
    padding: 15px 0 0 0;
}

div.newsletter-anmeldung input[type="email"], div.newsletter-anmeldung input[type="text"], div.newsletter-anmeldung select {
    display: block;
    width: calc(100% - 92px);
    height: 37px;
    margin: 0;
    padding: 5px 20px;
    border: none;
    outline: none;	
    float: left;
    background-color: #64b5f6;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.newsletter-anmeldung.branchen-search input[type="text"] {
    width: calc(54% - 35px);
}
div.newsletter-anmeldung.branchen-search select {
    width: calc(37% - 35px);
    margin-right:1px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../bilder/layout/select_arrow.png) #64b5f6 center right no-repeat;
    height: 47px;
}
div#wrapper div.suche-small div.newsletter-anmeldung select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../bilder/layout/select_arrow.png) #64b5f6 center right no-repeat;
    padding: 0 0 0 20px;
}
div#wrapper div.suche-small div.newsletter-anmeldung input#postCodeInput{
    border: 0;
    width: 50%;
    padding: 5px 20px;
    background-color: #64b5f6;
    color: #ffffff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 27px;
    float: left;
    font-weight: 300;
}
div#wrapper div.suche-small div.newsletter-anmeldung select{
    height: 37px;
}
div#wrapper div.suche-small div.newsletter-anmeldung select#traderRadius{
    width: 29%;
    margin: 0 0 2px 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
div#wrapper div.suche-small div.newsletter-anmeldung select#branchen{
    width: 80%;
}
div#wrapper div.suche-small div.newsletter-anmeldung input#searchPostCode{
    width: 14%;
    height: 37px;
}
div.mapInfo_information p{
    margin: 0.5em 0;
}
div.newsletter-anmeldung input[type="email"]:focus, div.newsletter-anmeldung input[type="text"]:focus, div.newsletter-anmeldung select:focus  {
    background-color: #42A5F5;
}
div.newsletter-anmeldung input[type="email"]::-webkit-input-placeholder, div.newsletter-anmeldung input[type="text"]::-webkit-input-placeholder, div.newsletter-anmeldung select::-webkit-input-placeholder, div#wrapper div.suche-small div.newsletter-anmeldung input#postCodeInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white;
}
div.newsletter-anmeldung input[type="email"]::-moz-placeholder, div.newsletter-anmeldung input[type="text"]::-moz-placeholder, div.newsletter-anmeldung select::-moz-placeholder, div#wrapper div.suche-small div.newsletter-anmeldung input#postCodeInput::-moz-placeholder { /* Firefox 19+ */
    color: white;
}
div.newsletter-anmeldung input[type="email"]:-ms-input-placeholder, div.newsletter-anmeldung input[type="text"]:-ms-input-placeholder, div.newsletter-anmeldung select:-ms-input-placeholder, div#wrapper div.suche-small div.newsletter-anmeldung input#postCodeInput:-ms-input-placeholder { /* IE 10+ */
    color: white;
}
div.newsletter-anmeldung input[type="email"]:-moz-placeholder, div.newsletter-anmeldung input[type="text"]:-moz-placeholder, div.newsletter-anmeldung select:-moz-placeholder, div#wrapper div.suche-small div.newsletter-anmeldung input#postCodeInput:-moz-placeholder { /* Firefox 18- */
    color: white;
}
div.newsletter-anmeldung input[type="submit"] {
    display: block;
    margin: 0;
    width: 52px;
    height: 47px;
    float: left;
    border: none;
    outline: none;
    background-color: #1976d2;
    font-size: 18px;
    font-family: 'FontAwesome';
    color: rgba(255, 255, 255, 1);
    line-height: 1.2;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.newsletter-anmeldung input[type="submit"]:hover,
div.newsletter-anmeldung input[type="submit"]:focus {
    background-color: #0D47A1;
}

div.newsletter-anmeldung.form label {
    font-size: 18px;
}

div.newsletter-anmeldung.form input[type="submit"] {
    width: auto;
    height: auto;
    font-family: 'Fira Sans', sans-serif;
    padding: 10px 2%;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

div.newsletter-anmeldung.form input[type="email"], div.newsletter-anmeldung.form input[type="text"], div.newsletter-anmeldung.form select {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

div.footer-small {
    width: 100%;
    background-color: #1e88e5;
}
div.footer-small div.footer-small-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}
div.footer-small div.footer-small-wrapper > span {
    color: rgba(255, 255, 255, 0.24);
}
div.footer-small div.footer-small-wrapper a {
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    outline: none;
}
div.footer-small div.footer-small-wrapper a:hover,
div.footer-small div.footer-small-wrapper a:focus {
    border-bottom: 1px solid #fff;
}
/* FOOTER STOP */

/* NEWSLETTERANMELDUNG WIDE START */
div.newsletter-anmeldung-wide {
    background-color: #2196f3;
    color: #fff;
    padding: 60px 0;
    text-align: center;
}
div.newsletter-anmeldung-wide div.newsletter-anmeldung-wide-wrapper {
    display: block;
    width: calc(100% - 40px);
    max-width: 530px;
    padding: 0 20px;
    margin: 0 auto;
}
div.newsletter-anmeldung-wide div.newsletter-anmeldung-wide-wrapper h2 {
    display: block;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    font-weight: 700;
}
div.newsletter-anmeldung-wide div.newsletter-anmeldung-wide-wrapper p {
    font-size: 14px;
    font-weight: 300;
}
div.newsletter-anmeldung-wide div.newsletter-anmeldung-wide-wrapper div.newsletter-anmeldung {
    max-width: 400px;
    margin: 30px auto 0;
}
/* NEWSLETTERANMELDUNG WIDE STOP */

/* PARTNER START */
div.partner {
    display: block;
    width: 100%;
    padding: 60px 0;
    background-color: #f5f5f5;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
}
div.partner h2 {
    display: block;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    font-weight: 700;
}
div.partner > svg {
    display: block;
    margin: 0 auto;
}
div.partner div#footer-marken-container {
    display: block;
    width: calc(100% - 40px);
    max-width: 1048px;
    margin: 0 auto;
    padding: 0 20px;
}
div.partner div#footer-marken-container > ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
div.partner div#footer-marken-container > ul > li {
    display: block;
    width: 100%;
    max-width: 335px;
    margin: 0 auto 10px;
    background-color: #fff;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);
    position: relative;
}
div.partner div#footer-marken-container > ul > li.new-partner:before {
    content: 'Neu!';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: rgb(255, 61, 0);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    line-height: 62px;
    color: #fff;
    transform: rotate(-5deg);
    z-index: 9999;
}
div.partner div#footer-marken-container > ul > li > a {
    display: block;
    margin: 0;
    width: 100%;
}
div.partner div#footer-marken-container > ul > li > a > img {
    display: block;
    margin: 0;
    width: 100%;
}
/* PARTNER STOP */

/* SEOTEXT START */
div.text-about-us {
    background-color: rgba(255, 255, 255, 1);
    padding: 60px 0;
}
div.text-about-us div.text-about-us-wrapper {
    width: calc(100% - 40px);
    padding: 0 20px;
    max-width: 990px;
    margin: 0 auto;
    text-align: center;
}
div.text-about-us div.text-about-us-wrapper h2 {
    display: block;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    font-weight: 700;
}
div.text-about-us div.text-about-us-wrapper p {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 400;
    font-size: 14px;
}
/* SEOTEXT STOP */

/* KNALLER-ANGEBOT START */
div.knaller-angebote {
    width: 100%;
    overflow: hidden;
}
div.knaller-angebote div.knaller-angebot {
    display: block;
    background-color: #81c3f7;
    background-image: url('../bilder/layout/bg_knaller-angebot.gif');
    background-position: right bottom;
    background-repeat: no-repeat;
    margin: 0 auto 10px;
    padding: 20px;
    color: #fff;
    position: relative;
    text-align: center;
}
div.knaller-angebote div.knaller-angebot h2 {
    display: inline-block;
    width: 212px;
    transform: rotate(-2deg);
    background-color: #ff3d00;
    font-size: 27px;
    margin: 0 0 0 -10px;
    padding: 10px 20px;
    border: 4px solid #fff;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.1);
}
div.knaller-angebote div.knaller-angebot > img {
    display: block;
    width: 100%;
    max-width: 310px;
    margin: 0 auto 20px;
    border-radius: 3px;
    border: 5px solid #fff;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);
}
div.knaller-angebote div.knaller-angebot div.button-prozent {
    display: none;
    border: 4px solid rgb(255, 255, 255);
    background-color: rgb(255, 61, 0);
    border-radius: 50%;
    width: 172px;
    height: 172px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    right: -10px;
    top: 5px;
    transform: rotate(5deg);
}
div.knaller-angebote div.knaller-angebot div.button-prozent > span.prozent {
    display: block;
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    line-height: 0.8;
    margin-top: 35px;
}
div.knaller-angebote div.knaller-angebot div.button-prozent > span.rabatt {
    display: block;
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
}
div.knaller-angebote div.knaller-angebot div.aktion-countdown {
    display: inline-block;
    background-color: #2196f3;
    padding: 10px 20px;
}

div.knaller-angebote div.knaller-angebot div.aktion-countdown .clockdiv_s{
	display: inline-block;
	text-align: left;
	width: 27px
}

div.knaller-angebote div.knaller-angebot div.knaller-angebot-text {
    max-width: 300px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 300;
}
div.knaller-angebote div.knaller-angebot div.knaller-angebot-text > span {
    display: inline-block;
    font-weight: 700;
    font-size: 25px;
}
div.knaller-angebote div.knaller-angebot div.knaller-angebot-text a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.knaller-angebote div.knaller-angebot div.knaller-angebot-text a:hover {
    margin-left: 7px;
    border-bottom: 2px solid rgba(255, 255, 255, 1);
}
/* KNALLER-ANGEBOT STOP */
/* KNALLER-ANGEBOT DETAIL START */
div.main-content img.knaller-angebote-detail {
    max-width: 310px;
    width: 90%;
    margin-bottom: 20px;
    border: #fff solid 8px; 
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
/*div.main-content div.angebote-content {
        padding: 0 2%;
}*/
div.main-content div.angebote-content h1 {
    font-size: 21px;
    color: #707070;
    line-height: 120%;
    font-weight: 700;
}
div.main-content div.angebote-content p {
    font-size: 16px;
    margin-top: 0;
}
div.main-content div.angebote-content div.ende {
    color: #2196f3; 
    font-size: 16px; 
    font-weight: 700;
    margin-bottom: 20px;
}
div.main-content div.angebote-content div.rabatt {
    background-color: rgb(255, 61, 0); 
    color: #fff;
    font-weight: 700;
    padding: 20px 2%; 
    font-size: 20px;
    text-align: center;
    border: solid #fff 3px; 
    max-width: 150px;
    margin: 0 auto;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
/* KNALLER-ANGEBOT DETAIL STOP */

/* BREADCRUMB START */
div.breadcrumb {
    padding: 10px 20px;
    background-color: rgba(44, 155, 244, 0.12);
}
div.breadcrumb i.fa-home {
    color: #2c9bf4;
    margin: 0 2px 0 0;
}
div.breadcrumb i.fa-chevron-right {
    color: rgba(0, 0, 0, 0.54);
    margin: 0 10px 0 10px;
}
div.breadcrumb div.breadcrumb-wrapper > span > a {
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
}
div.breadcrumb div.breadcrumb-wrapper a:hover {
    color: #2196f3;
}
div.breadcrumb div.breadcrumb-wrapper span {
    font-size: 14px;
}
/* BREADCRUMB STOP */



div.suche-small {
    background-color: #2196f3;
    color: #fff;
    padding: 30px 20px;
}
div.suche-small div.suche-small-wrapper {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
div.suche-small div.suche-small-wrapper h2 {
    display: block;
    margin: 0 auto 10px;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
}
div.suche-small div.suche-small-wrapper > span {
    display: inline-block;
    background-color: #64b5f6;
    padding: 7px 10px;
    border-radius: 4px;
    margin: 0 5px 10px 0;
    cursor: pointer;
}
div.suche-small div.suche-small-wrapper > span.selected:before {
    content: '\f00c\00a0';
    font-family: 'FontAwesome';
}


/* FORMULAR KUNDENKARTE BESTELLEN START */
.warn {
    background-color: rgb(255, 61, 0);
    border-radius: 3px;
    color: #fff;
    padding: 12px;
}
.success {
    display: block;
    background-color: #4CAF50;
    border-radius: 3px;
    color: #fff;
    padding: 12px;
}
.bBox_cat_head	{
	font-size: 1.1em;
    padding: 21px 0 12px;
    text-align: center;
}
div#bFormContainer {
    width: calc(100% - 60px);
    padding: 30px;
    background-color: rgba(44, 155, 244, 0.12);
}
div.kundenkarte-s1,
div.kundenkarte-s2,
div.kundenkarte-s3,
div.kundenkarte-s4 {
    /*padding-bottom: 20px!important;*/
    margin: 0 0 20px 0!important;
}

/*div#bFormContainer div.bBox12 div >  .geb_tag	{
	width	: 100%;
}
div#bFormContainer div.bBox12 div > .geb_monat	{
	width	: 100%;
}
div#bFormContainer div.bBox12 div > .geb_jahr	{
	width	: 100%;
}*/

div#bFormContainer div.bBox {
    display: block;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 17px;
}
div#bFormContainer div.bBox input:focus {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 2px 10px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 2px 10px 0px rgba(50, 50, 50, 0.2);
}
div#bFormContainer h3 {
    display: block;
    margin: 0 0 15px 0;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #2196f3;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #0D47A1;
    border: none;
}
div#bFormContainer h3:before {
    content: '\f054\00a0';
    font-family: 'FontAwesome';
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    text-shadow: 1px 1px 1px #0D47A1;
}

/* Formularfeld: Reguläres Input */
div#bFormContainer div.bBox1 input:not([type=checkbox]):not([type=radio]) {
    display: block;
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px);
    border: none;
    outline: none;
    border-radius: 3px;
}

/* Formularfeld: Select */
div#bFormContainer div.bBox2 label {
    display: block;
}
div#bFormContainer div.bBox2 select {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 10px;
    border: none;
    outline: none;
    line-height: 17px;
    border-radius: 2px;
    overflow: hidden;
}
div#bFormContainer div.bBox2 select:focus {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 2px 10px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 2px 10px 0px rgba(50, 50, 50, 0.2);
}

/* Formularfeld: Radio */
div#bFormContainer div.bBox3 span {
    display: block;
    font-weight: 600;
    margin: 0 0 5px 0;
}
div#bFormContainer div.bBox3 label {
    display: inline-block;
    padding: 6px 0 6px 16px;
}

/* Formularfeld: Checkbox */
div#bFormContainer div.bBox4 span {
    display: block;
    font-weight: 600;
    margin: 0 0 5px 0;
}
div#bFormContainer div.bBox4 label {
    display: inline-block;
    padding: 6px 0 6px 16px;
}
div#bFormContainer div.bBox4 label > input[type="checkbox"] {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    line-height: 17px;
}

div#bFormContainer div.bBox_vertragsBeginn label	{
	display: inline-block;
    float: left;
    font-size: 1em;
    margin-right: 10px;
}

div#bFormContainer div.bBox_vertragsBeginn input	{
	border: medium none;
    border-radius: 3px;
    display: block;
    float: left;
    margin: 0;
    outline: medium none;
    padding: 10px;
	width	: calc(100% - 20px);
}

/* Formularfeld: Postleitzahl + Ort */
div#bFormContainer div.bBox5 div.postleitzahl {
    width: calc(30% - 10px);
    margin: 0 10px 0 0;
    float: left;
}
div#bFormContainer div.bBox5 div.ort {
    width: 70%;
    float: left;
}
div#bFormContainer div.bBox5 div > input {
    display: block;
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px);
    border: none;
    outline: none;
    border-radius: 3px;
}

/* Formularfeld: Normaler Text */
div#bFormContainer div.bBox6 {
    background-color: #2196f3;
    padding: 20px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-weight: 400;
}
div#bFormContainer div.bBox6 h4 {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
}
div#bFormContainer div.bBox6 p {
    margin: 10px 0 0 0;
    padding: 0;
}

/* Formularfeld: 100 */
div#bFormContainer div.bBox10 div:first-child {
    width: 100%;
    float: left;
}
div#bFormContainer div.bBox10 div > input {
    display: block;
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px);
    border: none;
    outline: none;
    border-radius: 3px;
}

/* Formularfeld: 50/50 */
div#bFormContainer div.bBox7 div {
    width: 100%;
    margin: 0;
    float: left;
}

div#bFormContainer div.bBox7 div > input {
    display: block;
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px);
    border: none;
    outline: none;
    border-radius: 3px;
}

/* Formularfeld: Info-Icon */
div#bFormContainer div.bBox8:before {
    content: '\f05a';
    display: inline-block;
    font-family: 'FontAwesome';
    color: #2196f3;
}

/* Formularfeld: verstecken */
div#bFormContainer div.bBox99 {
    display: none;
    overflow: hidden;
    height: 0;
}


/* Formularfeld: 33/33/33 */
div#bFormContainer div.bBox12 div:first-child {
    width: calc(29% - 5px);
    margin: 0 10px 0 0;
    float: left;
}
div#bFormContainer div.bBox12 div:nth-child(2) {
    width: calc(71% - 5px);
    margin: 0;
    float: left;
}
div#bFormContainer div.bBox12 div:nth-child(3) {
	padding-top: 14px;
    width: calc(100%);
	clear	: left;
}
div#bFormContainer div.bBox12 div > input,
div#bFormContainer div.bBox12 div > select {
    display: block;
    margin: 0;
    padding: 10px;
    width: calc(100% - 0px);
    border: none;
    outline: none;
    border-radius: 3px;
}


/* Formularfeld: Textarea */
div#bFormContainer div.bBox9 textarea {
    display: block;
    width: calc(100% - 20px);
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 3px;
}
div#bFormContainer div.bBox9 textarea:focus {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 2px 10px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 2px 10px 0px rgba(50, 50, 50, 0.2);
}

div#bFormContainer div.submit {
    text-align: center;
}
div#bFormContainer div.submit input[type="submit"] {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    border: 4px solid #fff;
    outline: none;
    background-color: #1976d2;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div#bFormContainer div.submit input[type="submit"]:focus,
div#bFormContainer div.submit input[type="submit"]:hover {
    background-color: #0D47A1;
}
/* FORMULAR KUNDENKARTE BESTELLEN STOP */

/* NEUE PARTNER START */
body.s_neue-partner div#wrapper {
    background-color: #e7e7e7;
}
div.partner-overview > a {
    display: block;
    margin: 0 0 30px 0;
    background-color: rgb(245, 245, 245);
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    overflow: hidden;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    font-style: normal;
    text-align: center;
}
div.partner-overview > a div.bildcontainer {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255, 1);
}

.is_soon_wrapper	{
	width: 200px;
	background: #e43;
	position: absolute;
	top: 25px;
	left: -50px;
	text-align: center;
	line-height: 50px;
	letter-spacing: 1px;
	color: #FFFFFF;
	
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform:    rotate(-45deg);
	-ms-transform:     rotate(-45deg);
	-o-transform:      rotate(-45deg);
	
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE6231), to(#cc3508)); 
	background-image: -webkit-linear-gradient(top, #FE6231, #cc3508); 
	background-image:    -moz-linear-gradient(top, #FE6231, #cc3508); 
	background-image:     -ms-linear-gradient(top, #FE6231, #cc3508); 
	background-image:      -o-linear-gradient(top, #FE6231, #cc3508); 
	
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.is_soon {
	font-weight: bold;
    line-height: 16px;
    margin: 0 auto;
    padding: 8px 0;
    width: 62%;
	text-shadow: rgba(0,0,0,1) 0px 1px 0px;
}
.is_soon_ {
	font: bold 15px Sans-Serif;
	text-align: center;
	text-shadow: rgba(0,0,0,0.25) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(-45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE6231), to(#cc3508)); 
	background-image: -webkit-linear-gradient(top, #FE6231, #cc3508); 
	background-image:    -moz-linear-gradient(top, #FE6231, #cc3508); 
	background-image:     -ms-linear-gradient(top, #FE6231, #cc3508); 
	background-image:      -o-linear-gradient(top, #FE6231, #cc3508); 
	color: #FFFFFF;
/*	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);*/
}
div.partner-overview > a div.bildcontainer img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 335px;
    height: auto;
}
div.partner-overview > a div.textcontainer {
    padding: 20px;
}
div.partner-overview > a div.textcontainer h4 {
    font-size: 23px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 700;
    line-height: 120%;
    margin: 0;
    padding: 0;
}
div.partner-overview > a div.textcontainer p {
    color: rgba(0, 0, 0, 0.6);
}
div.partner-overview > a div.bildcontainer button,
div.partner-overview > a div.textcontainer button {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    border: 4px solid #fff;
    outline: none;
    background-color: #1976d2;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.partner-overview > a div.textcontainer button:before,
div.partner-overview > a div.bildcontainer button:before {
    content: '\f054\00a0\00a0';
    font-family: 'FontAwesome';
    font-size: 14px;
}
div.partner-overview > a div.textcontainer button:focus,
div.partner-overview > a div.textcontainer button:hover {
    background-color: #0D47A1;
}
div.partner-overview > a div.textcontainer button:active {
    box-shadow: none;
    opacity: 0.9;
}
/* NEUE PARTNER STOP */

/* PARTNER DETAILSEITE START */
/*div.fakten-box {
    background-color: #4ba9f3;
    background-image: url('../bilder/teaser/teaser_kunde-1478613580-3071-.jpg')!important;
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #fff;
    padding: 35px 3%;
    text-align: center;
    width: 94%;
    margin-bottom: 15px;
}
div.fakten-box h4 {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
div.fakten-box h4:before {
    content: '\f0eb\00a0\00a0';
    font-family: 'FontAwesome';
    font-size: 20px;
    display: inline-block;
}
div.fakten-box a {
    color: #fff;
    text-decoration: none;
    outline: none;
}
div.fakten-box a:hover,
div.fakten-box a:focus {
    text-decoration: underline;
}
div.fakten-box a:active {
    opacity: 0.9;
}
div.fakten-box span {
    display: block;
}
div.fakten-box span.phone:before {
    content: '\f095\00a0';
    font-family: 'FontAwesome';
}
div.fakten-box span.email:before {
    content: '\f1fa\00a0';
    font-family: 'FontAwesome';
}
div.fakten-box span.website:before {
    content: '\f108\00a0';
    font-family: 'FontAwesome';
}
div.fakten-box span.website:hover,
div.fakten-box span.email:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}*/

div#aktionenFooterWrapper {
    background: #efefef;
}
div#aktionenFooterWrapper:after {
    content: "";
    display: block;
    clear: left;
}
div#aktionenFooterContent {
    text-transform: uppercase;
    width: 100%;
    margin: 0 auto;
    max-width: 905px;
    padding-top: 30px;
}

/* PARTNER DETAILSEITE STOP */

/* GROSSE MAP AUF DER STARTSEITE START */
div.pac-container {
    z-index: 9999999;
}
div.kopfbild-map {
    width: 100%;
    height: 500px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
div.kopfbild-map div.map_search {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    /*min-height: 200px;*/
    min-width: 300px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: #2196f3;
    padding: 28px 34px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
}
div.kopfbild-map div.map_search h2 {
    display: block;
    margin: 0;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 700;
}
div.kopfbild-map div.map_search form {
    display: block;
    margin: 0;
}
div.kopfbild-map div.map_search form label {
    display: inline-block;
    margin: 5px 0 10px 0;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    padding: 6px 10px;
    line-height: 17px;
    cursor: pointer;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.kopfbild-map div.map_search form input[type="radio"] {
    display: none;
    width: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    height: 0;
}
div.kopfbild-map div.map_search form input[type="radio"]:checked + label {
    background-color: #64b5f6;
}
div.kopfbild-map div.map_search form input[type="radio"]:checked + label:after {
    content: '\00a0\00a0\f00c';
    font-family: 'FontAwesome';	
}

div.kopfbild-map div.map_search form input[type="search"] {
    display: block;
    width: calc(100% - 40px - 52px);
    height: 36px;
    border: none;
    outline: none;
    float: left;
    background-color: #64b5f6;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.kopfbild-map div.map_search form input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white;
    font-weight: 400;
}
div.kopfbild-map div.map_search form input[type="search"]::-moz-placeholder { /* Firefox 19+ */
    color: white;
    font-weight: 400;
}
div.kopfbild-map div.map_search form input[type="search"]:-ms-input-placeholder { /* IE 10+ */
    color: white;
    font-weight: 400;
}
div.kopfbild-map div.map_search form input[type="search"]:-moz-placeholder { /* Firefox 18- */
    color: white;
    font-weight: 400;
}
div.kopfbild-map div.map_search form input[type="search"]:focus {
    background-color: #42A5F5;
}

div.kopfbild-map div.map_search form select {
    display: block;
    width: calc(100% - 54px);
    float: left;
    color: #fff;
    border: none;
    height: 55px;
    text-indent: 15px;
    outline: none;
    cursor: pointer;
    background: url('../bilder/layout/select_arrow.png') #64b5f6 center right no-repeat;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

div.kopfbild-map div.map_search form input[type="submit"] {
    display: block;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 56px;
    border: none;
    outline: none;
    background-color: #1976d2;
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 18px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
div.kopfbild-map div.map_search form input[type="submit"]:hover,
div.kopfbild-map div.map_search form input[type="submit"]:focus {
    background-color: #0D47A1;
}
div.kopfbild-map div.map_search form input[type="submit"]:active {
    opacity: 0.8;
}




.map_content {
    position: absolute;
    width: 300px;
    height: 100%;
    background: #f5f5f5;
    z-index: 2;
    right: -300px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.mapInfo{
    word-wrap: break-word;
}
.mapInfo_title {
    background-color: #ff3d00;
    height: 46px;
    line-height: 46px;
    color: #fff;
    
}
.mapInfo_close{
    float: right;
    margin-right: 14px;
    cursor: pointer;
}
.mapInfo_title span.partnerTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.mapInfo_information p a, .mapInfo_information ul li a{
    text-decoration: none;
    color: #1976d2;
}
.mapInfo_information p.mapInfo_aktuelleAktionen{
    margin: 10px 0 5px 0;
}
.mapInfo_information ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.mapInfo_information ul li{
    padding-bottom: 5px;
}
.mapInfo_information p a.link:hover, .mapInfo_information ul li a:hover, .mapInfo_information p a.webseite:hover, .mapInfo_information p a.email:hover{
    background-color: #1976d2;
    color: #ffffff;
    padding: 5px;
}
.mapInfo_information ul li a{
    line-height: 27px;
}

.mapInfo_image img {
    width: 100%;
}
.gm-bundled-control-on-bottom {
    left: 0px!important;
    right: 0!important;
    top: 35px;
    height: 60px;
    width: 30px;
}

/* GROSSE MAP AUF DER STARTSEITE STOP */

/*SUCHE TAB ANSICHT LISTE & KARTE START*/
div.content-wrapper-map {
    margin-top: 20px;
    background: url(../bilder/layout/white.jpg) repeat-x top left #efefef;
}

ul.tab {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    text-transform: uppercase;
    width: 94%;
    margin: 0 auto;
    max-width: 1280px;
}
ul.tab > li {
    display: block;
    float: left;
    font-weight: 500;
}
ul.tab > li span:not(.active) {
    cursor: pointer;
}
ul.tab > li span {
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
    color: #9a9a9a;
}
ul.tab li span:hover {
    background-color: #64b5f6;
    color: #fff;
}
ul.tab li span:focus, 
ul.tab li span.active {
    background-color: #efefef;
    color: #000;
}
ul.tab > li span i {
    color: #9a9a9a;
    transition: 0.3s;
    font-weight: 400;
    margin: 0 7px 0 0;
}
ul.tab > li span:focus i,
ul.tab > li span:hover i {
    color: #fff;
}
ul.tab > li span.active i {
    color: #ff3d00 !important;
}

.tabcontent {
    overflow: hidden;
    display: block;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
#list.tabcontent {
    padding-top: 30px;
}
div.list-wrapper {
    width: 94%;
    margin: 0 auto;
    max-width: 1280px;
}

div.map_list {
    background: #f5f5f5;
    width: 100%;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    padding-bottom: 15px;
    margin: 0 auto 20px auto;
}
.bildcontainer	{
	position	: relative;
}
div.bildDetails,
div.map_list_image,
div.bildcontainer
{
	overflow: hidden;
}
div.map_list_image,
div.bildDetails {
	position	: relative;
    background: #fff;
    text-align: center;
}

div.map_list_image img,
div.bildDetails img {
    max-width: 100%;
}

div.map_list_content {
    width: 92%;
    margin: 0 auto;
    padding: 10px 2%;
}

div.map_list h2 {
    text-transform: none;
    font-size: 21px;
    margin: 0;
    color: rgba(0, 0, 0, 0.54);
    line-height: 120%;
    font-weight: 700;
    margin: 0 0 5px 0;
}
div.map_list h3 {
    text-transform: none;
    font-size: 16px;
    margin: 0;
    color: rgba(0, 0, 0, 0.54);
    line-height: 120%;
    font-weight: 700;
    margin: 0 0 5px 0;
	padding	: 0;
	background	: none;
}
div.einrichtung_detail h2 {
    display: block;
    color: rgba(0, 0, 0, 0.87);
    font-size: 29px;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 30px;
}
div.einrichtung_detail > div {
    display: block;
    line-height: 140%;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
}

div.map_list_content > div.map_list_aktion {
    border-bottom: 5px dotted #d9d9d9;
    margin-bottom: 7px;
    padding: 14px 0;
}
div.map_list_content > div.map_list_aktion:last-child {
    border-bottom	: none;
	margin-bottom	: 0px;
}
div.map_list_aktion {
    color: #656565;;
    font-size: 23px;
   
    text-transform: none;
}
div.einrichtung_desc p {
    font-size: 15px;
}

div.map_list_aktion.zeitlichBegrenzt {
/*    background : #FF3D00;
	color		: #FFFFFF;*/
}
div.main-content div.angebote-content span.zeitlichVonBis,
span.zeitlichVonBis	{
	background: #fe6231 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    left: 1px;
    padding: 5px;
    position: relative;
    text-align: left;
	margin-bottom: 5px;
}
div.angebote-content.isSoon span.zeitlichVonBis,
div.map_list_aktion.isSoon span.zeitlichVonBis,
div.map_list_content.isSoon span.zeitlichVonBis	{
	transform	: rotate(-8deg);
	margin-bottom	: 9px;
	box-shadow: 0 0 3px rgba(0,0,0,0.73);
}
div.map_list_aktion.isSoon {
    /*background : #3DFF00;*/
	/*color		: #FFFFFF;*/
}
div.map_list_aktion.isSoon p{
	padding-left	: 20px;
}
div.sideteaser.partnerDetail .fa{
    width: 20px;
    margin-right: 12px;
}

div.einrichtung_detail {
    padding: 15px 2%;
}

div.map_list_aktion p,
div.einrichtung_desc p {
    margin: 0 0 10px 0;
    line-height: 120%;
}

div.map_list_link a,
a.btn_back {
    background-color: #2196f3;
    border: 4px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 10px 4%;
    color: #fff!important;
    text-decoration: none;
    display: block;
    /*width: 120px;*/
	white-space	: wrap;
    text-align: center;
    font-style: normal;
    font-size: 16px;
    text-transform: none;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

div.map_list_link a:hover,
a.btn_back:hover {
    background-color: #4ba9f3;
}
div.map_list_link {
    float: none;
    /*margin-right: 20px;*/
}
div.map_list_link a {
    display: inline-block;
}
div.map_list_angebote {
    float: none;
}
div.map_list_angebote a {
    background-color: rgb(255, 61, 0);
    border: 4px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 10px 4%;
    color: #fff!important;
    text-decoration: none;
    display: inline-block;
    width: 170px;
    text-align: center;
    font-style: normal;
    font-size: 16px;
    text-transform: none;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

div.map_list_angebote a:hover {
    background-color: #fe6231;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*SUCHE TAB ANSICHT LISTE & KARTE START*/

/* BRANCHEN NAVI START */
div.content-wrapper div.main-content ul.branchenListe,
div.content-wrapper div.main-content ul.branchenListe li,
div.content-wrapper div.main-content ul.branchenListe li ul,
div.content-wrapper div.main-content ul.branchenListe li ul li{
    margin: 0 ;
    padding: 0;
    border: 0;
    list-style-type: none;
}
div.content-wrapper div.main-content ul.branchenListe{
    background-color: #2196f3;
    width: 150px;
    padding: 15px 0 15px 20px;
}
div.content-wrapper div.main-content ul.branchenListe a{
    color: #ffffff;
    text-decoration: none;
    padding: 5px;
}
div.content-wrapper div.main-content ul.branchenListe li ul li{
    display: none;
    padding: 5px 0 5px 15px;
    
}
div.content-wrapper div.main-content ul.branchenListe li{
    margin-bottom: 15px;
}
div.content-wrapper div.main-content ul.branchenListe li:last-of-type{
    margin-bottom: 0;
}
div.content-wrapper > div.main-content > ul.branchenListe > li > a{
    text-decoration: none;
    font-size: 18px;
    padding: 5px;
}  
div.content-wrapper div.main-content ul.branchenListe li a:hover{
    background-color: #64b5f6;
}
div.content-wrapper div.main-content ul.branchenListe li:hover ul li{
    display: block;
}
div.content-wrapper div.main-content ul.branchenListe li:hover ul li a:hover{
    background-color: #64b5f6;
    color: #ffffff;
}

/* BRANCHEN NAVI ENDE */

/*Partner Werden*/

.s_partner-werden input[type="radio"], .s_kundenkarte-bestellen input[type="radio"], .s_geld-verdienen input[type="radio"] {
    -webkit-appearance: radio!important;
}
.s_kundenkarte-bestellen input[type="checkbox"],
.s_geld-verdienen input[type="checkbox"] {
    -webkit-appearance: checkbox!important;
}
.txt_pflichtInfo	{
	text-align	: right;
}

.flyIn	{
	box-shadow		: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	opacity			: 0;
	position		: absolute;
	background		: #FFFFFF;
	padding			: 5px 20px;
	color			: #2196F3;
	font-size		: 1.75em;
	font-weight		: bold;
	border-radius	: 2px;
	z-index			: 1;
}
.flyIn .flyIn_big {
	text-transform: uppercase;
}
.flyIn .flyIn_fat {
	color	: #ff3d00;
}