body {
  /*background-color: #f7f7f7;*/
  font-size: 0.9rem;
}

.colorwhite {
  color: white;
}

/* kompleentaerfarbe #FF0045 */
.bgcolor1 {
  background-color: #379f48;
}

.contentarea {
 background-color: #fff;
 border-left-width: 1px;
 border-right-width: 1px;
 border-radius: 4px;
 padding: 15px;
 margin-bottom: 15px;
 margin-top: 15px;
}

a {
/*	color: #2037e7;*/
  color: #007cca;
  text-decoration:none;
  
}


h2,.title {
  clear:both;
  margin-bottom: 16px;
}
/* weil asciidoc das wrapped */
.h2_underline > h2 {
  border-bottom: solid 1px #babdb6;
}


.gray-background {
	background-color: #e0e0e0;
}

.lead {
  font-size: 1.0rem;
}


.toc {
    background-color: #eee;
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 1px;
    padding-top: 3px;
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
}
.toc ul {
  /*list-style: none;*/
  margin-top: 4px;
}
.toc li {
  margin-bottom: 4px;
}
.toc h2 {
  margin-bottom: 15px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.2;
  border-bottom: solid 1px #babdb6;
}

#preamble {
  margin-top: 20px;
}

.outlinkbutton {
  margin-bottom: 10px;
}


.comparelist {
    background-color: #eee;	
}


/** ADS BLOCK START **/
.ads-container {
	border-bottom: 1px solid #bbb;
	margin-top: 15px;
	margin-bottom: 15px;
}
.ads-werbung {
	font-size: 8pt;
	color: #999;
	width: 100%;
	text-align: right;
	border-bottom: 1px solid #bbb;
}
.ads-inner-container {
	margin-top: 8px;
	margin-bottom: 8px;
}
.ads-inner-link1 {
	font-size: 12pt;
	color: #e72020;
	/*color: #b90000;*/
	text-decoration: underline;
}
.ads-inner-text {
	font-size: 0.8em;
	color: #555;
	display: block;
	padding: 3px 0 3px 0;
}
.ads-inner-link2 {
	font-size: 0.8em;
	color: #e72020;
	display: block;
	text-decoration: none;
}
/** ADS BLOCK END **/




.anbieter-outlink1 {
	border-radius: 10px;
	padding: 10px;
	margin: 10px 0px;
	display: block;
	width: 224px;
	text-align: center;
	font-weight: bold;
	background-color: #5c6eff;
	color: white;
}
.ul_function_yes ul {
	padding-left: 10px;
}
.ul_function_yes li {
       margin-bottom: 12px;
       list-style: none;
       padding-left: 24px;
       background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAC2VBMVEUA/wAA/wAAqgAAvwAAzAAA1QAA2wAA3wAAxgAAzAAA0QAA1QAA2AAA2wAAzAAAzwAA0gAA1QAA1wAA2QAAzgAA0QAA0wAA1QAA1gAA2AAA0AAA0QAA0wAA1QAA1gAA1wAA0QAA0gAA0wAA1QAA1gAA1wAA0QAA0gAA0wAA1QAA1QAA1gAA0gAA0wAA1AAA1QAA1QAA1gAA0gAA0wAA1AAA1QAA1QAA1gAA0gAA0wAA1AAA1QAA1QAA1gAA0gAA0wAA1AAA1QAA1QAA1gAA0wAA0wAA1AAA1QAA1QAA0wAA0wAA1AAA1QAA1QAA1gAA0wAA0wAA1AAA1QAA1QAA0wAA0wAA1AAA1AAA1QAA1QAA0wAA0wAA1AAA1AAA1QAA0wAA0wAA1AAA1AAA1QAA0wAA0wAA1AAA1QAA1QAA0wAA0wAA1AAA1AAA1QAA0wAA0wAA1AAA1AAA1QAA1QAA0wAA0wAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1QAA1AAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1ADNlwGYAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAGhAAABoQAXFu40gAAAAHdElNRQfjAgQKIxwOmalDAAAALklEQVQY02NgQAOfyBD4RA2BT2imf/qEJoeiB8xBNeXTp0/oxmKKYNqMxUNIIgBsdCTfBgKACQAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
}

.function_yes {
       margin-bottom: 12px;
       list-style: none;
       padding-left: 24px;
       background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAC2VBMVEUA/wAA/wAAqgAAvwAAzAAA1QAA2wAA3wAAxgAAzAAA0QAA1QAA2AAA2wAAzAAAzwAA0gAA1QAA1wAA2QAAzgAA0QAA0wAA1QAA1gAA2AAA0AAA0QAA0wAA1QAA1gAA1wAA0QAA0gAA0wAA1QAA1gAA1wAA0QAA0gAA0wAA1QAA1QAA1gAA0gAA0wAA1AAA1QAA1QAA1gAA0gAA0wAA1AAA1QAA1QAA1gAA0gAA0wAA1AAA1QAA1QAA1gAA0gAA0wAA1AAA1QAA1QAA1gAA0wAA0wAA1AAA1QAA1QAA0wAA0wAA1AAA1QAA1QAA1gAA0wAA0wAA1AAA1QAA1QAA0wAA0wAA1AAA1AAA1QAA1QAA0wAA0wAA1AAA1AAA1QAA0wAA0wAA1AAA1AAA1QAA0wAA0wAA1AAA1QAA1QAA0wAA0wAA1AAA1AAA1QAA0wAA0wAA1AAA1AAA1QAA1QAA0wAA0wAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1QAA1AAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1QAA0wAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1AAA1QAA0wAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1AAA1AAA1AAA1QAA1AAA1AAA1ADNlwGYAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAGhAAABoQAXFu40gAAAAHdElNRQfjAgQKIxwOmalDAAAALklEQVQY02NgQAOfyBD4RA2BT2imf/qEJoeiB8xBNeXTp0/oxmKKYNqMxUNIIgBsdCTfBgKACQAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
}


.ul_function_no ul {
	padding-left: 10px;
}
.ul_function_no li {
       margin-bottom: 12px;
       list-style: none;
       padding-left: 24px;
       background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAACHQAAAh0AEpJtFrAAAAB3RJTUUH4wIECiQxBAdj8QAAAQBJREFUOMvtkrGKwkAYhL8Nx8KCdUgZsYlaJSl9i3S+jb0vYuELWPgEYmmKdIYUCVHLCMuu/xXHHRx3cFxh59cNM0wxDLx4CkpE5DfDOccwDFhr6fuew+FA27bcbjeapuF8PtN1Hcvl8mfJ6XSiLEuOxyNVVVHXNV3XobUmCAKCIEApBcDj8fjQnyXb7ZbNZkPTNAzDgHPuKywiOOfw3iMiaK1JkoTZbEaSJLztdjtWqxWXywWtNSKCUgpjDMYYRqMR4/GYxWJBnufEcYwx5vsm0+lUvPdYawnDkCzLSNOUyWTCfD4niqK/l12v11IUhez3e7ler3K/3+W/vP75JN4Bam2qHCQtDmIAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
}

.function_no {
       margin-bottom: 12px;
       list-style: none;
       padding-left: 24px;
       background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAACHQAAAh0AEpJtFrAAAAB3RJTUUH4wIECiQxBAdj8QAAAQBJREFUOMvtkrGKwkAYhL8Nx8KCdUgZsYlaJSl9i3S+jb0vYuELWPgEYmmKdIYUCVHLCMuu/xXHHRx3cFxh59cNM0wxDLx4CkpE5DfDOccwDFhr6fuew+FA27bcbjeapuF8PtN1Hcvl8mfJ6XSiLEuOxyNVVVHXNV3XobUmCAKCIEApBcDj8fjQnyXb7ZbNZkPTNAzDgHPuKywiOOfw3iMiaK1JkoTZbEaSJLztdjtWqxWXywWtNSKCUgpjDMYYRqMR4/GYxWJBnufEcYwx5vsm0+lUvPdYawnDkCzLSNOUyWTCfD4niqK/l12v11IUhez3e7ler3K/3+W/vP75JN4Bam2qHCQtDmIAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
}

img.intext {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  max-width: 96%;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 8px 8px 10px #aaa;
  margin-top: 10px;
  margin-bottom: 30px;
}

img.articleimage {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 5px;
/*  float: right;*/
  width: 100%;
/*  max-width: 400px;*/
  margin-bottom: 15px;
}
img.articleimagesmall {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  max-width: 50%;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 20px;
  margin-bottom: 20px;
  float:right;
}

img.reviewheaderlogo {
  height: 40px;
  float:right;
  width: auto !important;
}

img.anbieterlogo {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  max-width: 100px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 8px 8px 10px #aaa;
}

/** offers */
.offers {
  display: grid;
  grid-template-columns: repeat(1, 98%);
  grid-gap: 10px;
}

@media (min-width: 48em) { 
  .offers {
    grid-template-columns: repeat(2, 49%);
 }
}
.offer {
  border: 1px solid #999999;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  background-color: white;
}
/*.offer:hover {
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
}*/
.offer a {
  color: black;
}
.offer a:hover {
  text-decoration:none;
}
.offer_title {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 10px;
  font-size: 1rem;
  font-weight: bold;
  height: 3rem;
}
.offer_feature {
  /*border-bottom: 1px solid #c8c8c8;*/
  margin: 0px 10px;
  padding: 2px;
  font-size: 0.9rem;
  width: 90%;
}
.offer_feature_text {
  font-size:0.8rem;
}
.offer_ad {
  border: 0px;
  margin: 0px;
  width: 100%;
  padding: 2px;
  font-size: 14px;
  float: left;
  text-align: right;
  padding-right: 6px;
  position: absolute;
}
.abf_outbutton {
  padding: 5px 9px;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  transition: background .2s, color .2s;
  -webkit-transition: background .2s, color .2s;
  white-space: nowrap;
  /*background-color: rgb(57, 158, 45);*/
  color: #FFFFFF;
  text-align: center;
  border: 1px solid #fff;
  width: 100%;
}
.abf_outbutton:hover {
  /*border: 1px solid #2b7938;*/
  color: black;
  text-decoration: none;
  /*background-color: #42bf56;*/
  /*background-color: #3AC3C5;*/
}
.offer_outbutton {
  width: 150px; 
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  display: block;
}

.btn-abofahren {
  background-color: #379f48;
  color: #FFFFFF;
  transition: background .2s, color .2s;
  -webkit-transition: background .2s, color .2s;

}
.btn-abofahren:hover {
  background-color: #379f48;
  color: black;
  text-decoration: none;
}

.table-abofahren {
  background-color: #379f48 !important;
}

.offer-teaser-image {
  width: 100%;
  object-fit: scale-down;
  height: 188px;
}

.offer_price_hint {
  font-size: 12px;
  font-weight: normal;
}

.offer_provider_logo {
  margin: 5px 10px;
  margin-top: 20px;
}


.offer_price {
  margin-left: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

.offer .specialfeature {
  padding-left: 24px;
}

.offer-specialcondition {
	font-size: 14px;
	display: inline-block;
	background-color: #ff6e04;
	color: #fff;
	margin-right: .5rem;
	font-weight: 700;
	width: 6.25rem;
	text-align: center;
}


blockquote {
  border-left: 3px solid #4CAF50;
  font-style: italic;
  padding-left: 10px;
}



.green-text-box {
  padding: 10px;
  border: 1px solid #4CAF50;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

/*@keyframes marquee {
 0%   { text-indent: 550px }
 100% { text-indent: -550px }
}*/
@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
.provider_search_marquee {
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
 animation: marquee 10s linear infinite;
}

/** anbieterübersicht startseite **/
div.overview_block {
  border: solid 1px #4CAF50;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  width: 100%;
  
  display: grid;
  grid-template-columns: [logo] 120px [description] auto;
  grid-gap: 10px;
  
  margin-bottom: 10px;
}
div.overview_logo {
  margin: 10px;
}
div.overview_description {
  margin: 10px;
}
div.overview_logo a {
  text-decoration: underline;
}

a.fineboarderlink { display:inline-block; margin-top:7px; padding:5px; border: 1px solid #399e2d; border-radius:30px; color:#399e2d;width: 100px;
text-align: center;}
a.fineboarderlink:hover {  border: 1px solid #808080; }


/** comments **/
.tbsuserinteractionform .addRatingField {
  width: 100%;
  padding: .3rem .6rem;
  margin: 0px;
  margin-top: 10px;
  border: 1px solid #aaa;
  border-radius: 3px;
  /*font-size: 18px;*/
}
.tbsuserinteractionform .addRatingFieldText {
  height: 150px;
}
.tbsuserinteractionform .formSubmitBtn {
  padding: .8rem .8rem;
  font-weight: bold;
}
.tbsuserinteractionform .addFormDatenschutz {
  padding: .3rem .6rem;
  margin-top: 10px;
}

#contactForm .contactformhiddenelement {
  display: none;
}

/** Bwertung Sterne */
.stars {
  cursor: pointer;
  display: flex;
}
.stars:hover .star polygon {
  fill: #ffd055 !important;
}
.stars .star polygon {
  fill: #d8d8d8;
}
.stars .star:hover ~ .star polygon {
  fill: #d8d8d8 !important;
}
.stars[data-stars] .star polygon {
  fill: #ffd055;
}
.stars[data-stars="1"] .star:nth-child(1) ~ .star polygon {
  fill: #d8d8d8;
}
.stars[data-stars="2"] .star:nth-child(2) ~ .star polygon {
  fill: #d8d8d8;
}
.stars[data-stars="3"] .star:nth-child(3) ~ .star polygon {
  fill: #d8d8d8;
}
.stars[data-stars="4"] .star:nth-child(4) ~ .star polygon {
  fill: #d8d8d8;
}
.stars[data-stars="5"] .star:nth-child(5) ~ .star polygon {
  fill: #d8d8d8;
}

/** Anzeige im Kommentar */
.starsList {
  display: flex;
}

/* comment list */
.comment-wrapper {
  padding: 15px;
  background-color: #eee;
  margin-bottom: 5px;
}
.comment-author-name {
  font-weight: bold;
}
.comment-author {
  margin: 0px; 
}
.comment-meta {
  font-size: 12px;
  margin: 0px;
}

/** Beratertool */
#beratertool {
  width: 100%;
  margin-bottom: 10px;
  border: 0.2rem solid #f7f7f9;
  padding: 20px;
}
#beratertool fieldset {
  border: none;
}
#beratertool-ergebnis {
  margin-left: 12px;
}
#beratertool-ergebnis > span {
  display: none;
}

/* social buttons */
.social {
  /*width: 20px;*/
  margin-left: 5px;
}

/*** START BOOTSTRAP UMSTELLUNG **/
.nav-link {
  font-size: 14px;
  font-weight: 700;
}
.nav-link:hover {
  transition: all 0.4s ease 0s;
  color: #53af50 !important;
}

/*** maybe obsolete **/

.abofahrenIntroText {
  text-align:center;
}

/** günstiger banderole **/
.banderole {
  position: absolute;
  top: 13px;
  left: -35px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 158px;
  text-align: center;
  padding: .25em 0;
  color: white;
  transform: rotate(-35deg);
  border: 5px solid #fff;
  /*background: red;*/
}

.banderoleVerfuegbarkeit1 {
  position: absolute;
  top: 143px;
  right: -17px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 158px;
  text-align: center;
  padding: .25em 0;
  color: white;
  border: 5px solid #fff;
  background: #1a89ff;
  font-weight: bold;
  border-radius: 20px;
}

.banderoleVerfuegbarkeit2 {
  position: absolute;
  top: 143px;
  right: -17px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 212px;
  text-align: center;
  padding: .25em 0;
  color: white;
  border: 5px solid #fff;
  background: #ff6e04;
  font-weight: bold;
  border-radius: 20px;
}

.banderoleStartgebuehr1 {
  position: absolute;
  top: 173px;
  right: -17px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 174px;
  text-align: center;
  padding: .25em 0;
  color: white;
  border: 5px solid #fff;
  background: #045aff;
  font-weight: bold;
  border-radius: 20px;
}

.banderoleStartgebuehr2 {
  position: absolute;
  top: 173px;
  right: -17px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 158px;
  text-align: center;
  padding: .25em 0;
  color: white;
  border: 5px solid #fff;
  background: #ff3f04;
  font-weight: bold;
  border-radius: 20px;
}

/** Änderungen Formular mit Bild **/
.searchformjumbotron {
  /* moved to background-image with css to achive lazy load */
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 0px;
  margin-bottom: 0px;
  margin-top: 15px;
  background-color:white;
  padding: 15px;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.searchformdiv {
	/*background: rgba(50, 50, 50, 0.7);
	color: white;*/
}
.searchformdivNoImage {
	border: 1px solid rgba(0,0,0,.2);
}

#offerfilterform {
  font-size: 0.8rem;
}
#offerfilterform select {
  font-size: 0.8rem;
}
.searchformh1 {
  margin-top: 20px;
  text-shadow: 3px 3px 2px black;
  color: white;
  text-transform: uppercase;
}

.homesection {
  text-align:center;
}
.homesection h2 {
  margin-bottom: 42px;
  margin-top: 20px;
}
.homesection h3 {
  margin-top: 8px;
}
.featurette-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
  border-top: 1px solid rgba(0,0,0,.2);
}

.homesection a {
  color: black;
  text-decoration: underline;
}
.homesection a:hover {
  color: black;
}
.homesection ul {
  list-style-type: none;
  padding-left: 0px;
}
.homesection li {
  /*content: "\2713";*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAYCAYAAAAcYhYyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AoQEhgBsRZj2wAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAA2UlEQVQ4y2P8////fwYKARMDFcCoIQNpyKcn1xnO3/1EriE/Ge4uj2ewdcplWPYUj7L/eMDHE/X/nbX1/wfOuPb/Bx51uA15ted/rqXmf9PMrf9f/ccPcBjy6v/qJLP/ig6V/w98/E8QIBny8f/jO6/+//j///+rtan/9bS9/jed//GfGAA35Gq3139F7fD/c0+s+59mpP/fi0A4YDXk45bs/+qqmv8VVTX/q4fM+n/nP/EA4Z2Pe/7nGmn+V9QO/D+NFBPQA/bjnQv/z935+J9UwDhaKA13QwDe+Ajy48l5rQAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  padding-left: 18px;
}


.anbietertypenvergleich .card-header {
  min-height: 95px;
}
.anbietertypenvergleich .card {
  width: 100%;
}


.offerSuchauftrag {
  padding: 10px;
  background-color: #eee;
  padding-top: 25px;
}
.offerSuchauftrag h2 {
  text-align: center;
}

.bgdark {
  background-color: #f8f9fa;
}




.deutschlandbapperl {
	display: block;
	width: 120px;
	height: 120px;
	background: #f00;
	position: absolute;
	top: 100px;
	right: 20px;
	border-radius: 60px;
	color: white;
	font-size: 0.8em;
	text-align: center;
	padding-top: 20px;
	font-weight: bold;
}

.tablesmall td,th {
  padding: 0.35rem;
}

#footnotes {
  font-size:small;
}

.offerfilterformwrapper {
  padding-top: 10px;
  max-width: 350px;
  background: white;
  margin: 10px;
  padding: 25px;
}

.badge-offer-feature {
  color: #808080;
  font-size: 0.8rem;
  font-weight:normal;
}

.smaller {
  font-size: smaller;
}

.offerdetails-container {
  color: #808080;
  font-size: 0.8125rem;
  margin: 0px 4px;
}

.offerdetails-element {
	padding-bottom: 7px;
  padding-top: 7px;
	border-bottom: 1px solid #ACACAC;
	color: #808080;
	font-size: 0.8125rem;
}

.offerdetails-element a {
  color: inherit;
  text-decoration: underline;
}

.preisBewertungDot {
  height: 12px;
  width: 12px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
.preisBewertungButtonKEINE_PREISBEWERTUNG{
  background-color: #999;
  display: none;
}
.preisBewertungButtonSEHR_GUT{
  background-color: #329f00;
}
.preisBewertungButtonGUT{
  background-color: #05ff20;
}
.preisBewertungButtonDURCHSCHNITT{
  background-color: #b2fb9d;
}
.preisBewertungButtonERHOEHT{
  background-color: #f6fb54;
}
.preisBewertungButtonHOCH{
  background-color: #fdb408;
}

.homeSublineText{
  font-size:18px;
  font-weight:bold;
  text-align:center;
  margin-left:20%;
  margin-right:20%;
  margin-bottom:0px;
  margin-top:0px;
}

.textcontent img {
  width: 100%;
}

.carousel-indicators li {
  background-color: #343a40; /* Dunkle Farbe */
}

.carousel-indicators .active {
  background-color: #007bff; /* Hellere Farbe für den aktiven Punkt */
}


/* anbieterseite */
#anbieterfilterform {
  font-size: 0.8rem;
  border: solid 1px #dfdfdf;
  border-radius: 5px;
}

.topofferscarousel .carousel-indicators button {
  background-color: grey;
}

#homefirstsection2 {
  background-image: url('/images/home/Depositphotos_650238454_XL-xl.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  #homefirstsection2 {
    background-image: url('/images/home/Depositphotos_650238454_XL-xl.webp');
  }
}
@media (max-width: 578px) {
  #homefirstsection2 {
    background-image: url('/images/home/Depositphotos_650238454_XL-small.webp');
    background-size: contain;
    background-position: top;
  }
}


#floatingSuchauftragButton {
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  z-index: 1055;
}

#floatingSuchauftragButton.show {
  opacity: 1;
  pointer-events: auto;
}