@media all and (min-width: 0px) and (max-width: 959px) {
    #mapTeaser {
        width: 94%;
        margin: 0 auto;
        max-width: 1280px;
    }
}


@media all and (min-width: 550px) {
	div.newsletter-anmeldung.branchen-search select {
            width: calc(26% - 35px);
        }
	div#bFormContainer div.bBox_vertragsBeginn label	{
		font-size: 1.1em;
		line-height: 2.5em;
	}
	div#bFormContainer div.bBox_vertragsBeginn input	{
		border: medium none;
		border-radius: 3px;
		display: block;
		float: left;
		margin: 0;
		outline: medium none;
		padding: 10px;
		width: 21%;
	}
	
	/* Formularfeld: 33/33/33 */
	div#bFormContainer div.bBox12 div:first-child {
		width: calc(33% - 5px);
		margin: 0 10px 0 0;
		float: left;
	}
	div#bFormContainer div.bBox12 div:nth-child(2) {
		width: calc(33% - 5px);
		margin: 0 10px 0 0;
		float: left;
	}
	div#bFormContainer div.bBox12 div:nth-child(3) {
		width: calc(33% - 5px);
		float: left;
	}
	div#bFormContainer div.bBox12 div > input,
	div#bFormContainer div.bBox12 div > select {
		display: block;
		margin: 0;
		padding: 10px;
		width: calc(100% - 20px);
		border: none;
		outline: none;
		border-radius: 3px;
	}
	/* Formularfeld: 33/33/33 */
	
	div#bFormContainer div.geb_container {
		margin		: 0 auto 10px;
		width		: 260px;
	}
	div#bFormContainer div.bBox12 div:first-child {
		/*width: calc(33% - 5px);*/
		width: 60px;
		margin: 0 10px 0 0;
		float: left;
	}
	div#bFormContainer div.bBox12 div:nth-child(2) {
		/*width: calc(33% - 5px);*/
		width: 110px;
		margin: 0 10px 0 0;
		float: left;
	}
	div#bFormContainer div.bBox12 div:nth-child(3) {
		/*width: calc(33% - 5px);*/
		padding-top: 0;
		width: 70px;
		float: left;
		margin	: 0;
		clear	: none;
	}
	div#bFormContainer div.bBox12 div > input {
		display: block;
		margin: 0;
		padding: 10px;
		width: 100%;
		border: none;
		outline: none;
		border-radius: 3px;
	}
	div#bFormContainer div.bBox12 div > select {
		display: block;
		margin: 0;
		padding: 10px;
		width: 100%;
		border: none;
		outline: none;
		border-radius: 3px;
	}
}

@media all and (min-width: 550px) {

    /* HEADER START */
    div.header div.navi-wrapper {
        padding: 0 36px;
    }
    /* HEADER STOP */

    /* PARTNER START */
    div.partner div#footer-marken-container > ul > li {
        width: calc(50% - 5px);
        float: left;
        max-width: none;
    }
    div.partner div#footer-marken-container > ul > li:nth-child(odd) {
        margin: 0 10px 10px 0;
    }
    /* PARTNER STOP */

    /* PARTNER DETAIL START */
    div.fakten-box {
        text-align: left;
    }
    /* PARTNER DETAIL STOP */

}

@media all and (min-width: 660px) {
    /* MAP AUF DER STARTSEITE START */
	
	.flyIn	{
		font-size	: 2.75em;
	}
    .mapInfo{
        width: 600px;
    }
    .mapInfo_image img {
        width: 50%;
        float: left;
    }
    .mapInfo_title {
        font-size: 18px;
        padding: 0 2%;
        font-weight: 800;
    }
    div#wrapper div.suche-small div.newsletter-anmeldung input#postCodeInput{
        width:70%;
    }
    div#wrapper div.suche-small div.newsletter-anmeldung select#traderRadius{
        width: calc( 29.6% - 40px);
        float: right;
    }
    div#wrapper div.suche-small div.newsletter-anmeldung select#branchen{
        width: calc( 100% - 51px);
    }
    div#wrapper div.suche-small div.newsletter-anmeldung input#searchPostCode{
        width: 50px;
        float: right;
    }
    .mapInfo_title span.partnerTitle {
        width: 300px;
    }
    .mapInfo_information {
        overflow: auto;
        margin-top: 5px;
    }
        /* MAP AUF DER STARTSEITE ENDE */
	/* FOOTER START */
    div.footer-big {
        padding: 30px 20px;
    }
    div.footer-big > a {
        margin: 0 0 0 0;
    }
    div.footer-big > ul {
        text-align: left;
        width: 50%;
        float: left;
        min-height: 180px;
        margin-bottom: 30px;
    }
    div.footer-big div.newsletter-anmeldung {
        width: 50%;
        float: left;
        text-align: left;
    }

    div.footer-small div.footer-small-wrapper {
        text-align: left;
        padding: 30px 20px;
    }
    div.footer-small div.footer-small-wrapper > span {
        margin: 0 15px;
    }
    /* FOOTER STOP */

}

@media all and (min-width: 700px) {

    /* HEADER START */
    div.header div.topbar div.topbar-wrapper span {
        color: rgba(0, 0, 0, 0.87);
    }
    /* HEADER STOP */

    /* KNALLER-ANGEBOTE START */
    div.knaller-angebote div.knaller-angebot {
        padding: 0 30px 30px 30px;
        text-align: left;
    }
    div.knaller-angebote div.knaller-angebot div.aktion-countdown {
       display: inline-block;
    float: right;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: right;
    width: calc(100% - 40px);
    }
    div.knaller-angebote div.knaller-angebot h2 {
        display: block;
    }
    div.knaller-angebote div.knaller-angebot img {
        width: calc(40% - 40px);
        height: auto;
        margin: 0 30px 20px 0;
        float: left;
    }
    div.knaller-angebote div.knaller-angebot div.knaller-angebot-text {
        width: 60%;
        float: left;
        max-width: none;
    }
    /* KNALLER-ANGEBOTE STOP */
	div.newsletter-anmeldung.branchen-search select {
		width: calc(18% - 35px);
	}
	
		
	
	/* FORMULAR */
	
	div#bFormContainer .bBox_cat_head	{
		float	: left;
		text-align	: left;
		padding-right	: 10px;
		width		: calc( 100% - 270px);
		
	}
	div#bFormContainer div.geb_container {
		margin		: 0 auto 10px;
		width		: 260px;
		float		: left;
	}
	/* Formularfeld: 30/30/30 */
	div#bFormContainer div.bBox10 div:first-child {
		width: calc(33% - 5px);
		margin: 0 10px 0 0;
		float: left;
	}
	div#bFormContainer div.bBox10 div:nth-child(2) {
		width: calc(33% - 5px);
		margin: 0 10px 0 0;
		float: left;
	}
	div#bFormContainer div.bBox10 div:nth-child(3) {
		width: calc(33% - 5px);
		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:first-child {
		width: calc(50% - 5px);
		margin: 0 10px 0 0;
		float: left;
	}
	div#bFormContainer div.bBox7 div:nth-child(2) {
		width: calc(50% - 5px);
		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;
	}
	
	
}

@media all and (min-width: 800px) {

    /* PARTNER START */
    div.partner div#footer-marken-container > ul > li {
        width: calc(33.33333% - 6px);
        margin: 0 8px 10px 0;
    }
    div.partner div#footer-marken-container > ul > li:nth-child(3),
    div.partner div#footer-marken-container > ul > li:nth-child(6) {
        margin: 0 0 10px 0;
    }
    /* PARTNER STOP */

    /* SIDEBAR START */
    div#sidebar {
        display: block;
        position: fixed;
        top: 45%;
        right: 0;
        z-index: 1000000;
		background	: #2196f3;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		-moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		-o-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		margin-right	: -320px;
		
    }
	
	div#sidebar:hover, 	div#sidebar.show	{
		 box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	}
	
	div#sidebar .sidebar_opener	{
		float	: left;
		width	: 62px;
		height	: 180px;
		background	: url("../bilder/layout/kundenservice.gif") no-repeat 0 0;
		padding	: 0;
		margin	: 0;
		cursor	: pointer;
	}
	div#sidebar.show .sidebar_opener	{
		background-position	: 0 -180px;

	}
	
    div#sidebar > img {
        float: left;
        display: block;
        width: 62px;
        height: 180px;
        cursor: pointer;
    }
    div#sidebar > img:hover + div.sb-text,
    div#sidebar div.sb-text:hover {
        /*display: block;*/
    }
    div#sidebar div.sb-text {
        display: block;
        padding: 10px 20px;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        text-align: center;
        width: 280px;
        color: #fff;
        background-color: #2196f3;
        float: left;
    }
	div#sidebar.show {
		margin-right	: 0;
	}
    div#sidebar div.sb-text h3 {
        display: block;
        margin: 0;
        text-transform: uppercase;
        font-size: 19px;
        font-weight: 700;
        text-shadow: 1px 1px 1px #0a74c7;
    }
    div#sidebar div.sb-text h3:after {
        content: ' ';
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        width: 40px;
        height: 1px;
        margin: 5px auto 10px;
    }
    div#sidebar div.sb-text p {
        display: block;
        font-weight: 400;
        font-size: 15px;
        margin: 0 0 0 5px;
    }
    div#sidebar div.sb-text a {
        display: block;
		font-size	: 15px;
		color		: #FFFFFF;
        font-weight	: 400;        
    }
    div#sidebar div.sb-text p > span {
        display: inline-block;
        border: 2px solid rgba(255, 255, 255, 0.2);
        padding: 10px 20px;
        border-radius: 7px;
        font-size: 18px;
        margin: 10px 0 7px 0;
    }
    /* SIDEBAR STOP */

    /* BREADCRUMB START */
    div.breadcrumb {
        padding: 28px 20px;
        background-color: rgba(44, 155, 244, 0.12);
    }
    div.breadcrumb div.breadcrumb-wrapper {
        max-width: 1280px;
        margin: 0 auto;
    }
    div.breadcrumb div.breadcrumb-wrapper a {
        font-size: 15px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.87);
    }
    /* BREADCRUMB STOP */

    /* NEUE PARTNER START */
    div.partner-overview > a {
        text-align: left;
    }
    div.partner-overview > a div.bildcontainer {
        float: left;
        width: 40%;
    }
    div.partner-overview > a div.textcontainer {
        float: left;
        width: calc(60% - 40px);
    }
    div.partner-overview > a div.textcontainer p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 20px;     /* fallback */
        max-height: 40px;      /* fallback */
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    div.partner-overview > a div.textcontainer button {
        margin: 0;
    }
    /* NEUE PARTNER STOP */
	
	/*KNALLER-ANGEBOT DETAIL START */	
	div.main-content img.knaller-angebote-detail {
		width: 38%; 
		float: left; 
		margin-right: 2%
	}
	div.main-content div.angebote-content {
	    display: block;
	    width: 57%;
	    float: right;
	}
	/* KNALLER-ANGEBOT DETAIL STOP */
        
}


	
	@media all and (max-width: 768px) {
		div.flyer-container .flyer-teaser {
			margin-bottom: 50px;
		}
		
		div.flyer-container .flyer-teaser a {
		text-decoration: none;
		font-style: unset;
		}
		
		div.flyer-container .flyer-teaser img {
		width: 240px;
		}
	
		div.flyer-container .flyer-teaser h2 {
		border: 1.5px solid #dddddd;
		padding: 12px;
		max-width: 213px;
		}
	
	}