/** /templates/auxilis_tpl/css/comparison_format.css ***********************/
/** Allgemein Vergleichstabellen **************************/

.comparisonList table.comparison,
.comparison_filter {
  font-size: 0.9em;
}
.comparisonList table.comparison *,
.comparison_filter * {
  font-size: 1em;
}

.comparisonList table.comparison {
  width: 100%;
  border-collapse: collapse;
}

.comparisonList table.comparison td,
.comparisonList table.comparison th {
  padding: 0.4em;
}

.comparisonList table.comparison tr.comparison_table_row {
  line-height: 2em;
}

.comparisonList table.comparison tr.comparison_table_row .info {
  float: right;
  display: inline-block;
  position: relative;
  z-index: 99;
}

.comparisonList table.comparison tr.comparison_table_row .info em {
  display: none;
}

.comparisonList table.comparison tr.comparison_table_row .netzIcon {
  background-position: top left;
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
}

.comparisonList table.comparison tr.comparison_table_row .netzIcon em {
  display: none;
}

.comparisonList table.comparison td ul {
  padding-left: 2em;
}

.comparisonList table.comparison td li {
  line-height: 1.4em;
}

.comparisonFoot {
  line-height: 1em;
}

.comparisonFoot .datenstand,
.comparisonFoot .datenstand * {
  color: #736B56;
  font-size: 0.8em;
}

/** Allgemein Vergleichstabellen Icons ********************/

.comparisonList table.comparison tr.comparison_table_row .info {
  background: top left url(https://m.allnet-flat-vergleich-24.de//media/system/images/notice-info.png) no-repeat;
  width: 29px;
  height: 29px;
}

.comparisonList table.comparison tr.comparison_table_row .netzIcon {
  width: 16px;
  height: 16px;
}

.comparisonList table.comparison tr.comparison_table_row .o2 {
  background: url(https://m.allnet-flat-vergleich-24.de//images/provider/O2_icon.png);
}

.comparisonList table.comparison tr.comparison_table_row .vodafone {
  background: url(https://m.allnet-flat-vergleich-24.de//images/provider/vodafon_icon.png);
}

.comparisonList table.comparison tr.comparison_table_row .telekom {
  background: url(https://m.allnet-flat-vergleich-24.de//images/provider/telekom_icon.png);
}

.comparisonList table.comparison tr.comparison_table_row .eplus {
  background: url(https://m.allnet-flat-vergleich-24.de//images/provider/eplus_icon.png);
}

.comparisonList table.comparison tr.comparison_table_row .o2-plus {
  background: url(https://m.allnet-flat-vergleich-24.de//images/provider/eplus_O2_icon.png);
}

.comparisonList table.comparison tr.comparison_table_row .einsundeins {
  background: url(https://m.allnet-flat-vergleich-24.de//images/provider/1und1_icon.png);
  background-size: contain;
}

.comparisonList table.comparison tr.comparison_table_row .telefonica {
  background: url(https://m.allnet-flat-vergleich-24.de//images/provider/telefonica_icon.png);
}

/** Allgemein Vergleichstabellen Logos ********************/

.comparison img.anbieter_logo,
.comparison span.anbieter_logo {
  border-radius: 3px;
  box-shadow: 1px 1px 2px #736B56;
}

.comparison img.anbieter_logo {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 80px;
  max-height: 40px;
  object-fit: contain;
  background-color: #FFFFFF;
  padding: 2px;
  box-sizing: border-box;
  vertical-align: middle;
}

.comparison span.anbieter_logo {
  display: inline-block;
  width: 80px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  color: #736B56;
  background-color: #FFFFFF;
  box-shadow: 0 0 8px #F3EDD6 inset, 1px 1px 2px #736B56;
  text-shadow: 1px 1px 3px #736B56;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/** Spalte: max. Up/Download ********************/

.comparison .speed_max {
  font-size: 0.9em;
  line-height: 1.4em;
  white-space: nowrap;
}

.comparison .speed_max .speed_up {
  color: #736B56;
  font-size: 0.85em;
}

/** Allgemein Vergleichstabellen Filter ********************/

fieldset.comparison_filter_set {
  padding: 0;
  border: none;
  margin-bottom: 1em;
}

.comparison_filter .buttonLine {
  line-height: 2em;
  height: 2em;
  margin-bottom: 1em;
}

.comparison_filter ul.buttonNav {
  margin: 0;
  padding: 0;
}

.comparison_filter ul.buttonNav li {
  display: inline-block;
  list-style-type: none;
  margin-right: 2px;
  background-color: #FFFFFF;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
}

.comparison_filter ul.buttonNav li a {
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;
  text-decoration: none;
}

.comparison_filter ul.buttonNav li.current a,
.comparison_filter ul.buttonNav li a:hover {
  box-shadow: 0 0 8px #736B56 inset;
}

.comparison_filter label.filter {
  display: inline-block;
  width: 12em;
}

.comparison_filter label.sub  {
  display: inline-block;
  width: 6em;
}

.comparison_filter .usedata label.sub  {
  width: 4em;
}

table.comparison caption {
  text-align: left;
  font-size: 1em;
  margin-top: 1.2em;
  margin-bottom: 0.6em;
}

.comparison_filter_set .inline {
  float: left;
  display: inline-block;
}
/** /templates/auxilis_tpl/css/com_allnetflat.css ***********************/
/** Vergleichstabellen Blog *******************************/
table.comparison,
fieldset.comparison_filter_set fieldset {
  border: 0.4em solid #F3EDD6;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
  background-color: #F3EDD6;
  margin: 0;
}

.items-com_allnetflat_blog div.com_allnetflat_blog {
  padding-left: 2em;
  padding-right: 2em;
}

table.comparison tbody,
fieldset.comparison_filter_set fieldset div.innerFieldset {
  background-color: #FFFFFF;
}

table.comparison thead th,
fieldset.comparison_filter_set fieldset legend span,
table.comparison caption {
  border-bottom: 1px solid #736B56;
  /*text-shadow: -1px -1px 0px #312A1B, 1px 1px 0px #F3EDD6;*/
  text-shadow: 1px 1px 2px #736B56;
  font-weight: bold;
  color: #8F3815;
}

table.comparison tbody td,
table.comparison tbody th {
  border-bottom: 1px solid #F3EDD6;
}

table.comparison tbody th,
table.comparison tbody td.comparison_table_colaktiv {
  text-shadow: 1px 1px 2px #736B56;
}

table.comparison tbody th,
table.comparison tbody th *,
table.comparison tbody td.comparison_table_colaktiv,
table.comparison tbody td.comparison_table_colaktiv * {
  color: #8F3815;
  font-weight: normal;
  font-size: 1.1em;
}

.comparisonFoot p.disclaimer,
.comparisonFoot p.datenstand {
  display: inline-block;
}

fieldset.comparison_filter_set fieldset {
  border: none;
  padding: 0;
  /*background-color: #FFFFFF;*/
}

fieldset.comparison_filter_set fieldset legend {
  display: block;
  width: 100%;
  background-color: #F3EDD6;
  padding: 0;
  border-radius: 4px;
}

fieldset.comparison_filter_set fieldset legend span {
  display: block;
  width: 98%;
  padding: 0.4em;
  border: none;
}

fieldset.comparison_filter_set fieldset div.innerFieldset {
  padding: 0.4em;
  /* Rundum-Rahmen einheitlich beige: oben & unten gleich dick, damit
     Abstand nach oben = Abstand nach unten. */
  border: 0.4em solid #F3EDD6;
  border-radius: 4px;
}

fieldset.comparison_filter_set fieldset div.innerFieldset div {
  margin-bottom: 0.4em;
  /* Kein zusätzlicher linker Einzug — alle Kind-Elemente (Netz-Buttons,
     Mobiles-Internet-Zeile, Submit-Bereich) starten am selben Rand. */
  margin-left: 0;
}

fieldset.comparison_filter_set fieldset div.innerFieldset div.submit {
  margin-top: 1em;
  padding-top: 0.4em;
  clear: both;
}

table.comparison caption {
  border: none;
}

table.comparison tr.comparison_table_promotion_row {
  background-color: #FFFFEC;
}
table.comparison tr.comparison_table_promotion_row td,
table.comparison tr.comparison_table_promotion_row th {
  border-top: 2px groove white;
  border-bottom: 1px solid #736B56;
}
table.comparison tr.comparison_table_promotion_row th.name {
  min-height: 36px;
  background: #FFFFEC url(https://m.allnet-flat-vergleich-24.de//templates/auxilis_tpl/images/tariftipp.png) right center no-repeat;  
}
table.comparison tr.comparison_table_promotion_row th.name span {
  margin-right: 124px;
}
table.comparison tr.comparison_table_promotion_row th.name span.info {
  margin-right: 0;
}
table.comparison tr.comparison_table_promotion_row td.promotion {
  display: none;
}

.comparison .btn.btn-normal,
.comparison .btn > span {
  display: inline-block;
  list-style-type: none;
  padding: 0.5em;
  text-decoration: none;
  background-color: #FFFFFF;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
  text-align: center;
}

/* Submit-Bereich: weitere-Auswahl-Modal-Trigger auf Mobile soll optisch
   dem "Weitere Tarife laden"-Button (unter der Tabelle) entsprechen —
   selbes padding/font-size, damit sie gleich groß wirken. */
.comparison_filter .submit button {
  padding: 0.6em 1.4em;
  font-size: 1em;
}

/* Filter-Box: Schatten liegt bisher nur am INNEREN fieldset. Wir ziehen
   ihn stattdessen an den ÄUSSEREN Container (comparison_filter_set),
   damit er wie bei der Tarif-Tabelle (table.comparison) um die ganze Box
   herum sichtbar ist — inklusive der "Treffen Sie Ihre Auswahl"-Legende
   oben. Das innere Fieldset verliert dafür seinen eigenen Schatten,
   damit sie sich nicht überlagern. */
fieldset.comparison_filter_set {
  box-shadow: 2px 2px 3px #736B56;
  border-radius: 4px;
}
fieldset.comparison_filter_set fieldset {
  box-shadow: none;
}

/* Zusammenfassungs-Streifen zwischen Filter und Tarif-Tabelle:
   "Auswahl: X Tarife" (links) und "Stand: Datum" (rechts). */
.selection-summary {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1em;
  margin: 0.8em 0;
  padding: 0.35em 0.5em;
  background-color: #FFFFFF;
  font-size: 0.95em;
  line-height: 1.2;
}
.selection-summary .tarif-counter strong {
  color: #8F3815;
  font-weight: bold;
}
/* Falls nur die Stand-Anzeige da ist (currentTotal == 0),
   soll sie nach rechts wandern. */
.selection-summary .tarif-counter:empty + .stand-anzeige,
.selection-summary > .stand-anzeige:only-child {
  margin-left: auto;
}

/* "Weitere Tarife laden" — reines <form> mit <button>, damit die Optik dem
   Eingrenzen-Button (Browser-Default für <button>) entspricht.
   Kein eigenes Button-Styling — nur Positionierung des Wrappers. */
.loadMoreWrapper {
  text-align: center;
  margin: 1.2em 0 0.6em;
  clear: both;
}
.loadMoreForm {
  margin: 0;
  padding: 0;
  display: inline;
}
/* Identische Optik zum "weitere Auswahl"-Modal-Trigger im Filter. */
.loadMoreForm button {
  padding: 0.6em 1.4em;
  font-size: 1em;
}
/** /media/system/css/modal.css ***********************/
/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.3
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @author		Rouven Weßling <me [at] rouvenwessling.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: fixed;
	background-color: #000;
	left: 0px;
	top: 0px;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#sbox-window[aria-hidden=true],
#sbox-overlay[aria-hidden=true] {
	display: none;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(../images/modal/closebox.png) no-repeat center;
	border: none;
}

.sbox-loading #sbox-content {
	background-image: url(../images/modal/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}

/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}

#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
#sbox-window.shadow {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(../images/modal/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(../images/modal/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(../images/modal/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(../images/modal/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(../images/modal/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(../images/modal/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(../images/modal/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(../images/modal/bg_nw.png) no-repeat;
}
@media (max-width: 979px) {
	#sbox-btn-close {
		right: -10px;
		top: -10px;
	}
}
@media (max-device-width: 979px) {
	#sbox-content {
		-webkit-overflow-scrolling: touch;
	}
	#sbox-content.sbox-content-iframe {
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
}
/** templates/system/css/system.css ***********************/
/**
 * @copyright	(C) 2007 Open Source Matters, Inc. <https://www.joomla.org>
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */
@import url(../../../media/system/css/system.css);

/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}/** templates/auxilis_tpl/css/layout.css ***********************/
/**
 * Leeres Template für Joomla3
 * Layout
 *
 * zuletzt geändert am $Date$ von $Author$
 *
 * @author     Falk Prüfer <falk.pruefer@auxilis.de>
 * @copyright  auxilis GmbH
 * @package    Joomla
 * @version    $Revision$
 * @access     public$
 * @uses
 */
/** $URL$ */

/** Farben ************************************************
 * #EBD7B1  Hintergründe
 * #8F3815  Überschrift
 * #312A1B  Text
 * #F3EDD6  Rahmen
 * #736B56  Rahmen, Schatten
 * 
 */
 
/** Position CSS *******************************************/

nav ul,
div.pagination ul {
  margin: 0;
  padding: 0;
}

nav ul li,
div.pagination ul li {
  display: inline-block;
  list-style-type: none;
}

nav ul li a,
div.pagination ul li a,
div.pagination ul li span {
  display: inline-block;
}

nav .divider span {
  margin-left: 0.8em;
  margin-right: 0.8em;
}

dl.article-info dt,
dl.article-info dd {
  display: inline-block;
  margin: 0;
  color: #736B56;
  font-size: 0.8em;
}

dl.article-info dt.article-info-term {
  display: none;
}

#contSideBar .module ul {
  padding-left: 1.4em;
  
}

/** Main Layout CSS ****************************************/

html *,
body * {
  color: #312A1B;
}

html, body, div {
  padding: 0;
  margin: 0;
}

body {
  background-color: #EBD7B1;
  font-weight: normal;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#pageCanvas {
  margin: auto;
  min-width: 800px;
  max-width: 1200px;
  position: relative;
}

/** Container *********************************************/

.container {
  position: relative;
}

/** Container Head ****************************************/

#contHead {
  height: 133px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  background-color: #EBD7B1;
  z-index: 100;
}

#contHead .header,
#contHead .inner {
  height: 100px;
  min-width: 800px;
  max-width: 1200px;
  position: relative;
  margin: auto;
}

#contHead .header {
  padding-top: 5px;
  background: #EBD7B1 url(https://m.allnet-flat-vergleich-24.de//templates/auxilis_tpl/images/allnet-flat-vergleich24.png) center left no-repeat;
}

#contHead .inner {
  padding-right: 5px;
  padding-left: 5px;
}

#contHead #topNav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.8em;
}

#contHead #topNav a {
  color: #736B56;
}

/** Mainmenu und Leadbar **********************************/

#contMainMenu,
#contLeadBar {
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

#contMainMenu {
  float: left;
}

#contMainMenu li,
#contLeadBar {
  margin-bottom: 2px;
  margin-right: 2px;
  background-color: #FFFFFF;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
}

#contLeadBar {
  text-align: right;
  margin: 0;
}

#contLeadBar div.inner {
  width: auto;
  height: auto;
}

#contMainMenu li a,
#contLeadBar div.inner {
  padding-left: 0.6em;
  padding-right: 0.6em;
}

#contMainMenu li a {
  text-decoration: none;
}

#contMainMenu li.active a,
#contMainMenu li a:hover {
  box-shadow: 0 0 8px #736B56 inset;
}

#contMainMenu li a img {
  vertical-align: middle;
  margin-bottom: 3px;
}

/** Bottom-Navigation *************************************/

#bottomNav {
  clear: both;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  font-size: 0.8em;
}

#bottomNav, 
#bottomNav a {
  color: #736B56;
}

/** Sidebar ***********************************************/

#contSideBar {
  position: absolute;
  top: 150px;
  right: 0;
  float: right;
  width: 164px;
  font-size: 0.9em;
}

#contSideBar .module {
  background-color: #FFFFFF;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
  padding: 0.5em;
  margin-bottom: 4px;
}

/** Content ***********************************************/

#contWrapper {
  padding-top: 150px;
}
#contMain {
  background-color: #FFFFFF;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
  padding: 1em;
}

#contBody.withSidebar #contMain {
  margin-right: 168px;
}

#contBody.withSidebar #contWrapper {
  float: left;
  width: 100%;
}

#contMain span.article_anchor {
  margin-top: -150px;
  padding-top: 150px;
  display: block;
}

/** Blog **************************************************/

#contMain .blog .cols-2 > div {
  width: 50%;
  float: left;
}

#contMain .blog .items-row,
#contMain .clearfix {
  float: none;
  clear: left;
}

#contMain .blog .cols-2 .column-1 {
  margin-right: 1em;
}

#contMain .blog .cols-2 .column-2 {
  margin-left: 1em;
}

/** Blog Col in Col ***************************************/

#contMain .blog .items-col-in-col .cols-2 {
  width: 50%;
  float: left;
}

#contMain .blog .items-col-in-col .cols-2 > div {
  width: 100%;
  float: none;
}

/** Tool-Tip **********************************************/

.hasTip {
  cursor: help;
}

div.tip-wrap {
  background-color: #F3EDD6;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
  padding: 0.5em;
  opacity: 0.9;
  min-width: 320px;
  max-width: 40%;
}

div.tip-wrap .tip {
  font-size: 0.9em;
}

/** Pagination ********************************************/

div.pagination {
  font-size: 1em;
  text-align: center;
  padding: 0.4em;
}

div.pagination .pagenav {
  min-width: 1em;
  border: 1px solid #736B56;
  padding: 2px 4px;
  margin: 4px 2px;
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #736B56;
}

div.pagination span.pagenav {
  background-color: #E0E0E0;
  color: #AAA;
  text-shadow: 1px 1px 1px #FFF
}

div.pagination a.pagenav {
  font-weight: normal;
  text-decoration: none;
}

/** General CSS ********************************************/

html *,
body * {
  font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",arial,verdana,helvetica,sans-serif;
}

.unseen {
  display: none;
}

img {
  vertical-align: middle;
}

h1 {
  display: none;
}

h2, h3, h4,
div.tip-wrap .tip-title {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  padding-bottom: 0.6em;
  font-weight: bold;
}

h2, h3, h4,
h2 *, h3 *, h4 *,
div.tip-wrap .tip-title,
div.tip-wrap .tip-title * {
  color: #8F3815;
  text-decoration: none;
  font-weight: bold;
}

h2 {
  text-shadow: 1px 1px 3px #333333;
  font-size: 1.4em;
}

h3, h4,
div.tip-wrap .tip-title {
  font-size: 1em;
}

h2, 
#contSideBar .module h3,
div.tip-wrap .tip-title {
  border-bottom: 2px groove #736B56;
}

#contSideBar .module h3,
div.tip-wrap .tip-title {
  margin-top: 0;
}

fieldset {
  margin: 0;
  margin-bottom: 1em;
  padding: 0.4em;
}

input, label {
  vertical-align: middle;
}

span.lkscrble {
  cursor: pointer;
  text-decoration: underline;
}

span.lkscrble:hover {
  text-decoration: underline;
}

.disclaimer,
.disclaimer *,
.small, .small * {
  color: #736B56;
  font-size: 0.8em;
}

dl.list {
  display: block;
}

dl.list dt {
  display: inline-block;
  margin-right: 1em;
  min-width: 12em;
  float: left;
}

dl.list dd {
  display: block;
  width: auto;
  margin: 0;
}

/* Modals *************************************************************************************************************/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
div.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -150px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
div.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
div.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4em;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
  opacity: 0.2;
}
.close:hover {
   color: #000;
   text-decoration: none;
   cursor: pointer;
   opacity: 0.4;
}

button.close {
 padding: 0;
 cursor: pointer;
 background: transparent;
 border: 0;
 -webkit-appearance: none;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}

/* starrating *********************************************************************************************************/
#sp_voting {
  position: relative;
}
#sp_voting > div {
  font-size: 1.4em;
  top: 1.2em;
  right: 0;
}
div.hreview-aggregate span.ratingText,
div.hreview-aggregate span.item,
div.hreview-aggregate span.basis span {
  display: none;
}

/* Consent banner **************************************************************** */
#ax_consent_inform {
  position: fixed;
  bottom: 0;
  margin: 5em;
  padding: 3em;
  border: 3px solid #A6BFDD;
  background: rgba(219, 229, 241, 0.9);
  line-height: 2em;
  font-size: 1.2em;
  z-index: 999;
}
#ax_consent_inform form {
  border: none;
}
#ax_consent_inform .accept {
  font-size: 1.2em;
  margin-left: 50%;
  padding: 0.75em;
}
#ax_consent_inform .decline {
  position: absolute;
  font-size: 0.9em;
  left: 3em;
  bottom: 3em;
  background: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  text-transform: none;
  color: #002E61;
}
@media screen and ( max-width: 560px ) {
  #ax_consent_inform {
    margin: 0;
    padding: 1em;
  }
}
/** templates/auxilis_tpl/css/mobile.css ***********************/
#linkhandlerContent {
  display: none;
}
#sbox-content dl.linkhandlerContent dt {
	cursor: pointer;
	font-weight: bold;
}
#sbox-content dl.linkhandlerContent dd {
	font-size: 0.8em;
	margin-bottom: 1em;
}

@media screen and ( max-width: 720px ) {
  #pageCanvas {
    margin: auto;
    max-width: 720px;
    min-width: 320px;
    position: static;
  }

  #contHead {
    position: static;
    height: auto;
  }
  
  #contHead .header {
    background-size: 100% auto;
    position: static;
  }
  
  #contHead .header,
  #contHead .inner {
    max-width: 720px;
    min-width: 320px;
    position: static;
  }
  
  #contWrapper {
    padding-top: 0px;
  }
  
  table.comparison tr.comparison_table_promotion_row th.name {
    background-position: top left;
    padding-top: 24px;
  }
  table.comparison tr.comparison_table_promotion_row th.name span {
    margin: auto;
  }
  
  /* 5 Netz-Buttons horizontal mit maximalem Abstand: flex + space-between.
     Der erste Button ("Alle Netze") startet bündig am linken Rand des
     Container (wie Mobiles Internet & weitere Auswahl darunter), die
     anderen 4 verteilen sich gleichmäßig bis zum rechten Rand. */
  #comparisonFilterForm div.buttonLine ul.buttonNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li {
    vertical-align: middle;
    height: 24px;
    width: 18%;    /* Alle Netze hat mehr Text, braucht mehr Breite */
    flex: 0 0 auto;
    margin: 0;
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li:not(:first-child) {
    width: 10%;    /* Icon-Buttons: schmaler */
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li a.button {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li a.button span {
    display: none;
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li.default a.button span {
    display: inline-block;
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li.telekom a.button {
    background-image: url("https://m.allnet-flat-vergleich-24.de//images/provider/telekom_icon.png");
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li.vodafone a.button {
    background-image: url("https://m.allnet-flat-vergleich-24.de//images/provider/vodafon_icon.png");
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li.e-plus a.button {
    background-image: url("https://m.allnet-flat-vergleich-24.de//images/provider/eplus_icon.png");
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li.o2 a.button {
    background-image: url("https://m.allnet-flat-vergleich-24.de//images/provider/O2_icon.png");
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li.o2-plus a.button {
    background-image: url("https://m.allnet-flat-vergleich-24.de//images/provider/eplus_O2_icon.png");
  }
  #comparisonFilterForm div.buttonLine ul.buttonNav li.einsundeins a.button {
    background-image: url("https://m.allnet-flat-vergleich-24.de//images/provider/1und1_icon.png");
  }
  
  #comparisonFilterForm div.filter label.filter {
    width: 10em;
  }
  
  #comparisonFilterForm div.filter select {
    width: 10em;
    display: inline-block;
  }
  
  .comparison img.anbieter_logo,
  .comparison span.anbieter_logo {
    vertical-align: middle;
    /* gleicher Schatten wie die Filter-Buttons oben (siehe .btn.btn-normal) —
       gibt den Logos in der Vergleichs-Zeile die gleiche visuelle Tiefe. */
    box-shadow: 2px 2px 3px #736B56;
    border-radius: 4px;
  }
  .comparisonList table.comparison tr.comparison_table_row .info {
    float: none;
    vertical-align: middle;
  }

  /* "zum Tarif"-Button auf dem Handy ausblenden — die ganze Tarifzeile wird
     stattdessen über JavaScript klickbar (siehe handle_partner_link.js). */
  .comparisonList table.comparison th.mehr.btn,
  .comparisonList table.comparison td.mehr.btn,
  .comparisonList table.comparison th.header.mehr.btn {
    display: none;
  }

  /* Tap-Feedback für die klickbare Tarifzeile */
  .comparisonList table.comparison tr.comparison_table_row {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(243, 237, 214, 0.6);
  }
  .comparisonList table.comparison tr.comparison_table_row:active {
    background-color: rgba(243, 237, 214, 0.4);
  }

  /* Netz-Buttons bleiben absolut positioniert (damit sie nicht mit dem
     <legend>-Header kollidieren). Alle drei Filter-Zeilen (Netz-Buttons,
     Mobiles Internet, weitere Auswahl) starten am selben linken Rand:
     0.8em vom Fieldset-Rand (= 0.4em Border + 0.4em Padding). */
  fieldset.comparison_filter_set {
    position: relative;
  }
  fieldset.comparison_filter_set fieldset div.innerFieldset {
    padding-top: 4.5em;
    /* kein zusätzlicher padding-left — Default 0.4em bleibt, sonst wird
       der Content nach rechts geschoben und das Dropdown abgeschnitten. */
  }
  .comparison_filter .buttonLine {
    position: absolute;
    top: 3.5em;
    left: 0.8em;    /* = Border 0.4em + Padding 0.4em, gleicher Rand wie andere */
    right: 0.4em;
    width: auto;
  }

  .btn.btn-normal,
  .btn > span {
    display: inline-block;
    list-style-type: none;
    padding: 0.5em;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #736B56;
    border-radius: 4px;
    box-shadow: 2px 2px 3px #736B56;
    text-align: center;
  }

  .frmRefresh {
    display: none;
  }
}

@media screen and ( max-width: 640px ) {
  body#shadow {
    padding-left: 0;
    padding-right: 0;
  }
  
  #contMain {
    border-left: none;
    border-right: none;
    box-shadow: none;
    padding-left: 0.4em;
    padding-right: 0.4em;
    border-radius: 0;
  }

  /* Modal responsiv: kein fixed-pixel Width + negative Margin, sondern
     max-width relativ zum Viewport und transform für Zentrierung.
     Verhindert dass der Dialog aus dem Bildschirm läuft. */
  div.modal {
    width: auto;
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
    margin: 0;
    transform: translate(-50%, -50%);
    overflow: auto;
  }

  /* Netz-Buttons: nur rechter Abstand zueinander, kein linker Rand
     — sonst startet der erste Button (Alle Netze) weiter rechts als
     die "Mobiles Internet"-Zeile und der "weitere Auswahl"-Button. */
  #comparisonFilterForm div.buttonLine ul.buttonNav li {
    margin-right: 0.8em;
    margin-left: 0;
    height: 3em;
  }

  #comparisonFilterForm div.buttonLine ul.buttonNav li a {
    line-height: 3em;
  }

  fieldset.comparison_filter_set fieldset div.innerFieldset {
    padding-top: 6em;
  }

  fieldset.comparison_filter_set fieldset div.innerFieldset div {
    margin-bottom: 1.5em;
  }

  #comparisonFilterForm div.filter select {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and ( max-width: 560px ) {
  /* Modal-Größe wird bereits in der ≤640px-Regel oben responsive
     definiert (max-width: calc(100vw - 20px)) — keine fixed-Pixel-
     Overrides mehr für kleinere Viewports. */
}

@media screen and ( max-width: 480px ) {
  #comparisonFilterForm div.buttonLine ul.buttonNav li {
    width: 17%;
  }
  
  div.comparisonList table.comparison th.inklusive,
  div.comparisonList table.comparison td.inklusive {
    display: none;
  }
  
  div.tip-wrap {
    min-width: 240px;
  }

}