.top10 .badge {top:11%}
.rechnericon {position: absolute; 
  right: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 93px;
  background: #a1ba11;
  border-radius: 50%;
  transform: translateX(30%) translateY(30%);
  text-align: center;
  color: #FFFFFF;
  font-size: 0.49em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
padding-top: 0.75em;}

.rechnericon::before {
  content: "";
  display: block;
  width: 92%;
  height: 92%;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.rechnericon figure {z-index: 99}
.rechnericon figure::after{content: "Preisrechner";position: relative;
  top: -36px;
  font-size: 1.3em;
}
.rechnericon img {margin-top: 10px;}


.ce_text.ce_hyperlink  a.hyperlink_txt{color: #fff !important}

a.blank
{color: #ea5b0c; text-decoration:none;}

a.blank[target="_blank"]::after {
  background: url("../../files/theme/img/sprite-icons.svg?ukh3wh6bh") no-repeat scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  width: 1.4em;
  height: 1.4em;
background-position: -0em -4.8em;
  background-size: auto 6em;
}
a.blank::after {
  content: "";
  display: block;
  background: url("../../files/theme/img/sprite-icons.svg?ukh3wh6bh") no-repeat scroll;
  width: 1.4em;
  height: 1.4em;
background-position: -0em -4.8em;
  background-size: auto 6em;
  margin-left: 0.5em;
  flex-shrink: 0;
}

a.blank:hover {
  color: #b9480a;
}
a.blank, a.downloads {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  color: #ea5b0c;
  font-weight: 400;
  text-decoration: none;
  line-height: 1;
  transition: color .2s;
}
a.downloads::after
{content: "";
  flex-shrink: 0;
  display: block;
  background: url("../../files/theme/img/sprite-icons.svg?ukh3wh6bh") no-repeat scroll;
    background-position-x: 0%;
    background-position-y: 0%;
  width: 1em;
  height: 1em;
  background-position: -10em -3em;
  background-size: auto 5em;
    margin-left: 10px}

/* gesicht wird nicht mehr abgeschnitten*/
.ce_text.imgtext figure img {height: auto !important;}

/*Breadcrump*/
.mod_breadcrumb {position: relative;margin-top: -5rem;}
.mod_breadcrumb li {float: left;font-size: 0.8em;font-style: italic;color: gray}
.mod_breadcrumb li a {color: gray; text-decoration: none}
.mod_breadcrumb li a::after {content: " > "}

/*footer*/
#footercs {padding: 0}

/* eingaben-lüschen-button*/
.ce_form .widget.eingabenloeschen {flex-basis: auto; font-size: 1em !important; margin: 1rem 0 1rem 6em !important; display: flex;
  justify-content: center;padding-inline: 0.625rem;}
.ce_form .widget.eingabenloeschen .button::after{
    content: "";
order: -1;
  display: block;
  background: url("../../files/theme/img/sprite-icons.svg?usfhenh") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -0em -1em;
  background-size: auto 5em;
    margin-left: 0;
margin-right: 1ch;
transform: scaleX(-1);
filter: brightness(0);
}


.ce_form .widget.eingabenloeschen .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 100em;
  transition: background 0.2s, color 0.2s;
    background: #c5c5c5 !important;
    padding: 1.5em 2.3em;
}

.ce_form .widget.eingabenloeschen .button a {
  color: #262626;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: -0.05em;
}
.ce_form .widget.widget-radio fieldset > span input[name="married"] {margin-top: 6px;}


/*änderungen bei Blog-Beiträgen*/
.mod_newsreader h3 + p {margin-top:0 !important}
.mod_newsreader ol {list-style: lower-alpha; margin: 0 0 0 32px}
.mod_newsreader ol li, .mod_newsreader ul li {padding-left: 16px}

.mod_newsreader em {color:#ea5b0c;font-style: normal}
.mod_newsreader a[target="_blank"]::after {
  content: "";
    order: -1;
  display: inline-block;
  background: url("../../files/theme/img/sprite-icons.svg?ukh3wh6bh") no-repeat scroll;
  width: 1.5em;
  height: 1em;
  background-position: 11px -54px;
  background-size: auto 4em;
    margin-left: -3px;
margin-right: 0;
    transform: translateY(0%) translateX(-16%);}

/*silbentrennung*/

main {hyphens:auto;}
main h1, main h2, main h3 {hyphens: manual;}

/*Text neben Bild unf Aufzählung*/
.ce_text.imgtext .content {padding-top: 0 !important}

/*Contact auf Steuerseite*/
.pad0  {padding: 0 !important}
.contactcs a {font-size: 1em !important}
.ce_text.ulohne .content ul, .ce_text.ulohne p.ulohne {margin-top: 0}
.ce_text.dark-strong.csgreen .content strong{   color: #a1ba11;}

/*offer*/
.ce_text.offer > .content p.titel {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem !important;
  color: #002b71;
  margin: 1em 0 0 0 !important;
        font-style: normal !important;
}

.ce_text.offer > .content p.preis {margin-top: 0;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  color: #a1ba11 !important;}
.ce_text.offer > .content p.kleingedruckt{border-top: 1px solid #c5c5c5;
  font-size: 0.675em;
  font-style: italic;
  padding-top: 0.5em;
  margin-left: 2.2em;
  margin-right: 2.2em;}

/*akkordeon Umschlag*/
.ui-accordion-header {display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 1em 0;
  font-weight: 500;
border-bottom: 1px solid #c5c5c5;}
.ui-accordion-header::after {
  content: "";
margin-left: 1em;
background: url("../../files/theme/img/sprite-icons.svg?ukh3wh6bh") no-repeat scroll;
width: 1em;
height: 1em;
background-position: -0em -1em;
background-size: auto 5em;
transform: rotate(90deg);
 transition: transform .2s;
}
#akkoumschlag .accordion  {border: none}
#akkoumschlag .accordion  > div {display: flex}
@media (max-width: 920px){
    #akkoumschlag .accordion  > div {display: block}
    .nopad {padding-top: 0 !important; padding-bottom: 0 !important}
}

/*drei downloadkästen mit Icon*/
.cs_down {border-radius:  1em ;
  overflow: hidden;
  padding: 1.5em;
  border: 2px solid #c5c5c5;
  font-size: 0.9em;
    background-image: url("../../files/cs/hintergrund.png");
margin: 3rem 3%;
  max-width: 25%;}
.cs_down.ce_text .content {text-align: center !important}

@media (max-width: 920px) {
    .cs_down {max-width: 100% }
}

.cs_down figure
{margin: 0 auto;
  max-width: 104px;}

main .block.cs_down h3 {margin: 1rem 0 0 0}

main .block.orange h3 {color: #ea5b0c}
main .block.blue h3 {color: #002b71}
main .block.green h3 {color: #a1ba11}

.cs_button {display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.27rem 2rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: #FFFFFF !important;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background: #ea5b0c;
  border: none;
  border-radius: 100em;
  transition: background .2s, color .2s;
  transition: color .2s;
background: #ea5b0c;
  color: white;
  text-decoration: none;
  transition: color .2s;}

.blue .cs_button {background: #002b71}
.green .cs_button {background: #a1ba11}

.cs_button::after {background: url("../../files/theme/img/sprite-icons.svg?ukh3wh6bh") no-repeat scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  width: 1.4em;
  height: 1.4em;
  background-position: -0em -5.6em;
    background-size: auto 7em;
content: "";
  display: block;
margin-left: 1em;
  flex-shrink: 0;
    filter: brightness(0) invert(1);
  transform: scale(1.2);
}