label.button.chip {
	min-height: 55px;
	padding: 15px 24px;
	border-radius: 30px;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 1em;
	display: inline-block;
	color: var(--color-blue-100);
	border-radius: 30px;
	background-color: var(--color-blue-light);
	font-weight: 500;
	text-align: center;
	border: 1px solid #dee2e6 !important;
	text-decoration: none;
	margin-bottom: .5em;
}

label.button.chip.aktiv {
	color: var(--color-white);
	background-color: var(--color-blue-ccag);
	box-shadow: 10px 10px 25px 0 #00000026;
}
.tariffinder-block {
    margin: 0;
}
.produktausgabe {color: var(--color-white);margin-bottom:4em;}

.produktausgabe.empfzwo, .produktausgabe.ohneempf  {color: var(--color-black-2);}
.tariffinder-block .title-small {
    margin-bottom: 40px; 
}

.tariffinder-block h4.tile {
    margin-top: 30px; 
}


.tariffinder-block h4 {
    font-size: 22px;
}

.tariffinder-block  .title {
    margin-bottom: 40px;
}

.tariffinder-block .certificates {
    gap: 2.4vw;
}

.produktausgabe img {
    box-shadow: 10px 10px 10px 0 #00000026;
    max-height: 100%;
    max-width: 100%;
}


.produktausgabe img.empfehlungsbild{margin-bottom:0em;}
.produktausgabe.empfzwo img, .produktausgabe.ohneempf img {
    box-shadow:none;
}
.produktausgabe h4 {
    margin-top: 20px; margin-bottom: 20px; margin-left: 20px; hyphens: none;
}
.produktausgabe p, .produktausgabe div.link {
    margin-left: 20px;
}
.produktausgabe.empfzwo h4, .produktausgabe.ohneempf h4  {
    color: var(--color-blue-ccag);
}
.produktausgabe div.link {
    margin-top: 40px;
	vertical-align:bottom;
}
.produktausgabe div.empfknopf{float:right; width:8em; height:8em; font-size: 18px; font-weight: 600; color: #fff; line-height: 1.5em; text-align: center;  background: #f59b00; margin-top:-4em;padding:2.5em .3em 0 .3em;box-shadow: 8px 8px 8px 0 #00000088;}

.produktausgabe div.empfknopf_kat2{float:right; width:7em; height:7em; font-size: 14px; font-weight: 400; color: #fff; line-height: 1.5em; text-align: center; background: #004799; margin-right:1em; margin-top:-3em;padding:2em .3em 0 .3em;box-shadow: 6px 6px 6px 0 #00000036;border:2px solid #1a5498;}

.produktausgabe a.empfehlungslink{margin-bottom:.5em;}

.produktausgabe div.link button.primary, .produktausgabe div.link a.button.primary  {}
.produktausgabe a.mehrlink { color: var(--color-white); font-size:.8em; white-space: nowrap;}
.produktausgabe a.mehrlink:hover { color: var(--color-white);font-size:.8em;}
.produktausgabe.empfzwo a.mehrlink, .produktausgabe.ohneempf a.mehrlink { color: var(--color-blue-ccag);font-size:.8em;}
.produktausgabe.empfzwo a.mehrlink:hover, .produktausgabe.ohneempf a.mehrlink:hover { color: var(--color-blue-ccag);font-size:.8em;}


.produktausgabe.empfzwo span.abpreis, .produktausgabe.ohneempf span.abpreis  {
    color: var(--color-blue-ccag);
	font-weight:300;
}

.produktausgabe div.textblock {  box-shadow: 10px 10px 10px 0 #00000026;}
.produktausgabe.empfzwo div.textblock, .produktausgabe.ohneempf div.textblock {  box-shadow: none;}


@media all and (max-width: 767px) {
    .tariffinder-block {
        width: 100%;
        margin: auto;
    }

    .tariffinder-block > .col-12 {
        padding: 0;
    }

    .tariffinder-block .certificates {
        margin-top: 30px;
    }

    .tariffinder-block .content {
        padding: 30px;
    }
.produktausgabe img.empfehlungsbild{margin-bottom:1.5em;}
.produktausgabe img.empfehlungsbild_kat2{margin-bottom:1.5em;}
.produktausgabe a.empfehlungslink{margin:1em 1em 2em -1em;}

.tariffinder-block h4 { font-size: 20px; }	
.tariffinder-block{ margin-bottom: 2em; }
.produktausgabe.ohneempf div.textblock{background-color: var(--color-grey-light);}
	label.button.chip {margin-bottom:.5em;}	
}


@media all and (min-width: 768px) {
    .tariffinder-block .content {
        padding: 50px;
    }

    .tariffinder-block .certificates {
        margin-top: 80px;
    }
}