/****************! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css ****************/

/*

.mod_pagelist .fad_page_pagelist_figure {
  display:none;
}
*/


/* Stellenanzeigen */

 .fad-job-details{display: none!important;}

.layout_tools_landingpage .content h1:not(.fad_visuallyhidden) {
  background:initial;
  border-top: initial;
  border-bottom: initial;
}

#tool.tool_place{
  padding: 10px;
  background-color: white;
  max-width: calc(100% - 20px);
  margin: auto;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-content: center;
  box-shadow: -1px 7px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(128, 128, 128, 0.37);
}

img.fad_job_joblist_img {
  width:100px;
}

button, hr, input {
  overflow: visible
}

audio, canvas, progress, video {
  display: inline-block
}

progress, sub, sup {
  vertical-align: baseline
}

[type=checkbox], [type=radio], legend {
  box-sizing: border-box;
  padding: 0
}

html {
  font-size: 100%;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0
}

.layout_default .mod_page_preview span.fad-image-wrapper img,
.layout_default .mod_page_preview span.fad-image-wrapper{width: 100% !important}

/* comparison */

#comparison_topbar{
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02);
  width: calc(100% - 10px);
  border-radius: 10px;
  margin: 1em auto;
  overflow: hidden;
  border: 1px solid rgba(128, 128, 128, 0.24);
  display: flex;
  flex-wrap: wrap;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  justify-items: center;
  align-items: center;
}

#comparison_rechner{position: relative;}

.comparison_menu{margin:1em;}

#comparison_topbar .toggle{display: inline-flex;
  flex-wrap: wrap;
  grid-gap: 1em;
  align-items: center;}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(2) ul.fad_sitemap_level_1 {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}

.content #comparison_topbar h1.single:not(.fad_visuallyhidden) span {
  display: inline-block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#comparison_topbar .toggle:hover,
.menu_button_bar .toggle.ctab_border_mode:hover,
#comparison_topbar .toggle.ctab_border_mode:hover {background-color: rgba(67, 165, 220, 0.34) !important;border:1px solid white;}


span.strokes{height:15px;width:25px;display:inline-block;position: relative;}

.strokes span{height:2px;width:100%;background-color:black;position: absolute;top:0;transition: 200ms all linear;}
.strokes span:nth-child(2){height:2px;width:100%;background-color:black;position: absolute;bottom:0;top:initial;transition: 200ms all linear;}
.strokes span:nth-child(3){height: 2px;
  width: 100%;
  background-color: black;
  position: absolute;
  top: 50%;
  margin: auto;
  left: 0;
  right: 0;
  transition: 200ms all linear;}

.menu_button_bar{display: flex;justify-content: end;}

.rotate  .comparion_menu-content .strokes span:nth-child(2){transform: rotate(45deg);top: 0;
  bottom: 0;
  margin: auto;}
.rotate  .comparion_menu-content .strokes span{transform: rotate(-45deg);top: 0;
  bottom: 0;
  margin: auto;}


#comparison_rechner .mod_sitemap ul a{color:initial;}
#comparison_rechner .mod_sitemap ul{list-style: none!important;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1em;
  width: 100%;
  flex: 1 auto;
  padding: 0.5em;}

#comparison_rechner .mod_sitemap ul li{
  display: inline-block;
  width: 100%;
  flex: 1 auto;}


.comparion_menu-content .fad_sitemap_level_1 li a{font-weight: bold;font-size: 18px;}
.comparion_menu-content ul.fad_sitemap_level_1 li a{border: 1px solid gray;border-radius: 8px;margin:0em 1em;max-width: 240px;padding:0.5em;}
.comparion_menu-content ul.fad_sitemap_level_1 li:nth-child(1) a{border: 1px solid gray;border-radius: 8px;}
.comparion_menu-content ul.fad_sitemap_level_1 li a{font-weight: normal;font-size: 14px;}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(1) .fad_sitemap_level_1 li{width:auto!important;flex:initial!important;flex-grow:0!important;}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(1) .fad_sitemap_level_1 li a{margin:0.25em;}

.comparion_menu-content ul.fad_sitemap_level_1 li a.selected{border:#4986C6 solid 1px!important;}

.rotate .comparion_menu-content .strokes span:nth-child(3){height:2px;width:100%;background-color:transparent;position: absolute;bottom:0;top:initial}

.comparison_menu .ctab_ghosty_mode{margin: 0em 1em;color: initial;}

.comparison_menu .ctab_ghosty_mode:hover{text-decoration: underline;}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(1) ul.fad_sitemap_level_1 li a,
.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(1) .mod_sitemap_caption {
  color: initial !important;
  transition: 200ms all linear;
}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(1) ul.fad_sitemap_level_1 li a.selected{color: #4986C6!important;}

.comparion_menu-content .content_wrapper  .mod_sitemap:nth-child(1) .selected{
  background-color: rgba(242, 133, 34, 0.1)!important;
}

.comparion_menu-content  .content_wrapper  .mod_sitemap:nth-child(1) ul.fad_sitemap_level_1 li a:hover{  background-color: rgba(242, 133, 34, 0.2)!important;}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(2) ul.fad_sitemap_level_1 {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(2) ul.fad_sitemap_level_1 li a,
.comparion_menu-content .mod_sitemap_caption{color:initial!important;
  font-weight: bold!important;
  text-align: left!important;
font-size: 18px;
border:initial!important;
max-width: 100%;
min-width: 100%;}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(2) {border-top: 1px solid rgba(128, 128, 128, 0.5)!important;}

.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(2) ul.fad_sitemap_level_1 li a:hover{color: #4986C6!important;}
.comparion_menu-content .content_wrapper .mod_sitemap:nth-child(2) ul.fad_sitemap_level_1 li a{font-size: 14px!important;font-weight: normal!important;transition: 200ms all linear;}

.comparion_menu-content ul.fad_sitemap_level_1 li a{
  color: #4986C6!important;
  display: flex;
  align-content: center;
position: relative;
  margin: 0;}

.comparion_menu-content ul.fad_sitemap_level_1 .fad_sitemap_level_2 li a{color:initial!important;}

#comparison_topbar .fad_caption{font-size: 18px;
  padding: 0;
  margin: 0;
  background-color: #F28522!important;
  color: white;
  padding: 0.25em;}

.comparion_menu-content{display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.24);
  width: calc(100% - 12px);
  margin: auto;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 10001;
  height: auto;
  left: 0;
  box-shadow: 0.0130615234375px 10.010416984558105px 17px -6px rgba(73, 134, 198, 0.23);
  padding: 0.5em;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 1px #F28522 solid;
  border-left: 1px #F28522 solid;
  border-right: 1px #F28522 solid;}

.comparion_menu-content.visible{
  display: inline-block;
}

#comparison_rechner {
  position: relative;
}

.comparison_menu{min-width: 480px;
  display: flex;
  justify-content: end;
  align-content: center;
  align-items: center;
  flex: 1 auto;}

@media screen and (max-width:690px){
  .comparison_menu{justify-content: center;
    min-width: initial;
    width: 100%;}

  #comparison_topbar{margin: 1em auto;}
}

.ctab_border_mode{font-size: 16px;border:1px solid gray;border-radius: 8px;display:inline-block;padding:0.25em;margin:0.5em 0em;cursor: pointer;transition: 400ms all linear;}

.ctab_border_mode:hover{ background-color: rgba(242, 133, 34, 0.2)!important;}

.comparison_go_back_bar .logo,
#comparison_topbar .logo{flex: 1 auto;
  width: 1px;
  height: 100px;
  min-width: 200px;
  margin: auto;
  align-self: center;}

.comparison_go_back_bar{
  display: grid;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  padding: 0.5em;
  border-radius: 8px;
  grid-template-columns:1fr;
  grid-gap: 0;
  justify-items: center;
  align-items: center;
  position: sticky;
  top: 0;
  position: -webkit-sticky;
}

.comparison_go_back_bar a:hover{  box-shadow: 1.01043701171875px 2.0104169845581055px 17px -6px rgba(0, 0, 0, 0.8);color:white!important;}

.comparison_go_back_bar a{
  text-align: center;
  background-color: #43A5DC;
  transition: 400ms all linear;
  display: flex;
  grid-gap: 1em;
  border-radius: 4px;
  position: relative;
  color: white;
  padding: 0.25em;
  box-shadow: 1.01043701171875px 2.0104169845581055px 17px -6px rgba(0, 0, 0, 0.47);
  padding: 0.5em;
  font-size: 14px;
  animation: pulsate_ctab 5s infinite;
  overflow: hidden;
  font-weight: bold;
  align-self: center;
  border: 1px solid white;
}

.comparison_go_back_bar a span{align-self: center;}

.comparison_go_back_bar::before{ content: '';
  position: absolute;
  top: 0;
  height: 100px;
  left: 0;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(2px);
  width: 100%;
  border: 1px solid white;
  -webkit-mask: linear-gradient(360deg, transparent, black 100%);}

.comparison_go_back_bar a::before{content:"";width: 100px;height: 100vh; position:absolute;background-color:white;animation: reflect 5s infinite;top:0;bottom:0;margin:auto;filter: blur(6px);opacity: .4}

@keyframes reflect {
  0%{transform: translateX(-100vw) rotate(45deg)}
  100%{transform: translateX(100vw) rotate(45deg)}
}

@keyframes pulsate_ctab {
  0%{transform:scale(1)}
  50%{transform:scale(1.05)}
  100%{transform:scale(1)}
}

.ui_button{width: 25px;height: 25px;}

#comparison_topbar .logo:before{content: "";
  background-image: url("/logo-sv.svg");
  height: 50px;
  width: 100%;
  display: block;
  background-color:white;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;}

.comparison_go_back_bar .ctab_ghosty_mode::after,
.comparison_go_back_bar .logo::before{content: "";
  background-image: url("/logo-sv-small.svg");
  height: 50px;
  width: 100%;
  display: block;
  background-color:white;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;}

/* Parralax Effect AD */

.parralax {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  left: 0;
  align-content: center;
  clip: rect(auto,auto,auto,auto);
}

.parralax .ads_headline{min-width: 100%;
  text-align: center;}

.parralax div.col {
  position: fixed;
  top: 0px;
  bottom: 0;
  height: 100vh;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  margin: 0 auto;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

  /* */

/* Layout Autor HTML_Modul */
.article-content span.image-left,
.article-content span.image-right{width:100%!important;}

.article-content span.image-right img{margin: 0!important;}

.article-content span.image-left,
.article-content span.image-right,
.mod_html.autor{display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  gap: 1em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  grid-auto-rows: auto;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 1px solid rgb(224, 224, 224);
  border-radius: 15px;
  padding: 0.5em;
  align-items: center;}

.autor .img_box h3{display:none!important;}

.autor .img_box img{border-radius:4.5px;}

.article-content span.image-left .image-meta-title,
.article-content span.image-right .image-meta-title{font-weight: bold!important;}

.article-content span.image-left .image-meta-title,
.article-content span.image-right .image-meta-title,
.article-content span.image-left .image-meta-description,
.article-content span.image-right .image-meta-description,
.article-content span.image-left .image-meta-source,
.article-content span.image-right .image-meta-source {text-align: left;
  min-width: 100%;}

.layout_default .insert_module span.fad-image-wrapper img{width:100%!important;height:auto!important;}
.layout_default .insert_module span.fad-image-wrapper{width:100%!important;}

.image-center{display: block!important;
  margin: 0.5em auto;
  text-align: center;
  width: 100%;}

.article-content span.image-left img,
.article-content span.image-right img,
.autor .img_box{
  font-size: 1rem;
  -ms-grid-column: 1;
  grid-column: 1;
  border-radius: 10px;
  -ms-grid-row-span: 3;
  grid-row: span 3;
}

.autor .mod-html-image{
  width: 100%!important;
}

.autor h3{margin: 0.5em 0em;}

.autor p{
  margin: 0.25em 0em;
}

.insert_module.autor{max-width: 41.25rem!important;float:initial!important;min-width: initial!important;}

.insert_module.autor .html_text,
.insert_module.autor .html_text > *{background-color:initial!important;font-size: 14px!important;}

span.image-left .image-meta-description,
span.image-right .image-meta-description,
.autor .text_box{
  padding: 0 1em;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
}

span.image-left .image-meta-source,
span.image-right .image-meta-source{
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
}

span.image-left .image-meta-title,
span.image-right .image-meta-title{
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

.audio_buttons span.button{
  display: flex;
  cursor: pointer;
  flex-wrap: wrap;
  width: auto!important;
  padding: 0.5em;
  border: 1px solid rgba(115, 180, 169, 0.29);
  border-radius: 10px;
  /*background-color: transparent;*/
  box-shadow: initial;
  width:auto!important;
  -webkit-appearance: none;
}

.audio_buttons{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex: 1 auto;
  width: auto;
  align-content: center;
  justify-content: center;
  width: 100%;
}



.button-link::before{transition: 300ms all linear;}

.button-link:hover::before{transform:scale(0.9)}

.ui_bar{
  width: auto;
  display: flex;
  flex-wrap: wrap;
  max-width: 660px;
  max-width: 41.25rem;
  margin: auto;
}

.ui_bar_wrapper{border: 1px solid rgb(224, 224, 224);
  padding: 0.5em;
  margin: 1em auto;
  border-radius: 8px;
  width:100%;
  display: inline-flex;
  flex-wrap: wrap;
  grid-gap: 0.5em;}

.audio_buttons span span{
  line-height: 25px;
  vertical-align: middle;
}

.audio_buttons img{
  height: 25px;
  width: 25px;
}


.ui_bar ul.article-sharing{margin: auto;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.5em;
  margin:auto;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  padding: 0;
  flex: 1 auto;
  width: 100%;}


footer .ui_bar_wrapper{
  border: 1px solid rgb(224, 224, 224);
  padding: 0.5em;
  border-radius: 8px;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  grid-gap: 0.5em;
  align-items: center;
  justify-content: space-around;
}

footer .ui_bar_wrapper ul {max-width:200px!important;}

footer .ui_bar ul.article-sharing{justify-content: start;}



@media(max-width:888px){

  .autor .text_box h3{display:none;}
  .autor .img_box h3{display:block!important;flex: 2;padding: 0.25em;}
  .autor .img_box img{flex: 1;max-width: 100px;}
  .autor .mod-html-image {
    flex: initial;
    width: auto!important;}

  .autor .img_box {
    flex: initial;
    max-width: 100%;
  min-width: 100%;
    background-color: rgb(237, 237, 237);
  border-radius: 5px;}

  .autor .text_box{padding:0!important;margin-top:0.25em;}
  .mod_html.autor{padding:0.25em;}

}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none;
  border-radius: 4px;
}

svg:not(:root) {
  overflow: hidden
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, select {
  text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

textarea {
  overflow: auto
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

[hidden], template {
  display: none
}

/* Korrektur Joblisten */

.job_slide span.fad-image-wrapper {width: 100%!important;}

/* News Unten Platz */

.mods_bottom_news .feed {display: none;}

.mods_bottom_news, .mods_bottom_news_filter{
  max-width: 660px;
  max-width: 41.25rem;
  margin: 20px auto;
}

.mods_bottom_news_filter span.page_box_image_img  {
  max-width: 200px;
}
/* Newsliste im Text */


#newsliste article{margin:0!important;padding:0!important;}

.newsliste h3{
  font-size: 14px;
  padding-right: 100px;
}

.page_blogreader .newsliste .fad_blog_article .lazy_img_container{
  height: 70px;
  width: 70px;
}

.newsliste{
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  max-width: 100%!important;
  border-radius: initial!important;
  width: 80%;
  margin: 0 10%;
}

.newsliste .mod_blog_newslist{max-width: 660px;
  max-width: 41.25rem;
  margin: auto;
  padding: 5px 0px;}

/* Chapter Ticker */

.layout_news_ticker .page_blogreader .article-body{
  display: block;
  text-align: center;}



.layout_news_ticker .article-body{display: block;text-align: center;}

.layout_news_ticker .page_blogreader .chapter_ticker .chapter{margin-top: 1em;
  margin-bottom: 1em;
  text-align: initial;
  border: 1px solid rgba(128, 128, 128, 0.34);
  border-radius: 20px;
  padding: 10px;}

.chapter_ticker p.last_paragraph{
  margin-bottom: 0;
}

.chapter_ticker .chapter .h_chapter{margin-top:initial}

.chapter_ticker .chapter{display: inline-block;
  margin: auto;}

.chapter_ticker #above_text{margin:20px 0px;}

.box-right .chapter_ticker h2,
.chapter_ticker h2{
  margin: 10px 0px;
  padding: 0px 5px;
  border-left: 2px solid;
  float:left;
  width:100%;
}

.article-body h2.h_chapter span{float:left;width:100%;}

.chapter_ticker{
  width: 100%;
  float: left;
}

.chapter_ticker.post_chapter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: initial;}

/* .post_chapter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;} /
 */

.post_chapter{text-align: initial;}

.post_chapter ol{width:100%;}

main.content .chapter_ticker .chapter_content ul{ display: block!important;
  list-style-type: disc!important;
  margin-top:1em!important;
  margin-bottom:1em!important;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px!important;}

.chapter_ticker .chapter_content li{  border-bottom:initial;
  margin:initial;
  padding-bottom: initial;
}

.chapter_ticker li {
  border-bottom: 1px solid rgba(128, 128, 128, 0.39);
  width: 100%;
  margin: 5px;
  font-size: 0.875rem;
  padding-bottom: 5px;
}

.chapter_content p:last-child{margin-bottom:0;}
.chapter_content p:last-child span.fad-image-wrapper{margin-bottom:0!important;}

.chapter img{border-radius:10px;}

.chapter_preview{
  text-align: left;
}

main.content .chapter_ticker ul,
.chapter_ticker ul{list-style: none;
  padding: 0;
  overflow: visible;
  margin:0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  width: 100%;}

.before_slash{
  font-weight: bold;
  font-size: 12px;
  border-radius: 1px;
  padding: 1px;
  margin-right: 10px;
}

.mod_blog_newslist span.caption{  width:100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}


.newsliste .fad_blog_article:last-child{border-bottom: initial;}

/* Chapter Overview */

.news_nav label,
.nav_hamburger {cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;}

.news_nav .label{border-bottom:initial;padding-bottom:initial!important;}
.news_nav .label span{font-weight:bold;}

.news_nav ul li:last-child{border-bottom:0!important}

.news_nav{max-width: 660px;
  max-width: 41.25rem;
  display: -webkit-box;
  outline: 0px solid transparent;
  display: -ms-flexbox;
  margin: auto;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid rgb(224, 224, 224);
  border-radius: 8px;
  padding: 0.5em;
}

.news_nav ul{list-style: none;
  padding: 0;
  margin: 0;}

.news_nav ul li{  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  padding-bottom: 10px;
  padding-top: 10px;
}

.news_nav ul li::before{  content: 'Seite ' attr(data-chapter) ': ';margin-right: 10x;opacity: .5;}

.news_nav ul li a{color:initial;}

.label{float: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  padding-bottom: 10px;
  margin: auto;
  display: block;
  min-width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;}

.chapter_overview{display: none;
  width: 100%;}

input[type="checkbox"].nav_hamburger {width:0;height:0;opacity: 0;visibility: hidden}

.nav_hamburger:checked + .chapter_overview{display:block;}
.nav_hamburger:checked svg{display:none;}


/* fad_page_pagelist_person_element */

.fad_page_pagelist_person_element .fad_page_pagelist_text a{display: initial!important;}

.fad_page_pagelist_person_element .fad_page_pagelist_content,
.fad_page_pagelist_person_element .fad_page_pagelist_text {display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
  justify-items: start;
  align-content: start;}

.fad_page_pagelist_person_element .fad_page_pagelist_text span.fad-image-wrapper{width: 100%;
  margin: 0px 0px 1em 0px!important;
  display: flex;
  flex-wrap: wrap;}

.fad_page_pagelist_person_element .fad_page_pagelist_text span.fad-image-wrapper .image-meta-source{width: 100%;}

.fad_page_pagelist_person_element .fad_page_pagelist_text span.fad-image-wrapper img{margin: 0!important;border-radius: 8px;}

/* FAQs */

.fad_question > input+h4 label{cursor: pointer;display: inline-block;width: 100%;position: relative;
  padding-left: 35px;}

.fad_question > input+h4 label:hover{  background-color: rgba(128, 128, 128, 0.1);  border-radius: 8px;}
.fad_question > input+h4 label:hover::before{background-color:transparent;}

.fad_question > input+h4::before {display: none}

.fad_question > input+h4 label,
.fad_question > input+h4{line-height: 25px;}

.fad_question > input+h4 label::before{content: "";
  background: url("/plus.svg");
  height: 25px;
  width: 25px;
  float: left;
  display: block;
  background-color: rgba(128, 128, 128, 0.1);
  margin-right: 0.5em;
  border-radius: 8px;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;}

.fad_question > input:checked+h4  label::before{
  content: "";
  background:url("/stroke.svg");
  text-align: initial;
  background-color: rgba(96, 161, 254, 0.35);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}


/* Fullpage Option */

#full_chapter_view .intro.chapter-intro{font-size: 100%!important;}

.chapter{
  display: block;
 /* text-align: center;*/
}

 .lds-ellipsis {opacity: 0;visibility: hidden;transition: 400ms all;transform: scale(.5);float:left;width:100%;}

.fullpage_loading .lds-ellipsis{opacity: 1;visibility: visible;transform: scale(1);  display:inline-block}

.page_blogreader .chapter .full_page_button:after{font-family: FontAwesome;
  content: " \f0da";}

.lds-ellipsis {
  position: relative;
  width: 80px;
  height: 80px;
  opacity: 1;
  display: none;
  visibility: visible;
  margin: auto;
  float: initial;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: black;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


/* MODLAYOUTS*/


.modgroup_comparison .mod_page_preview_list {
  display: flex!important;
  display: -ms-flexbox!important;
  float: left;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 20px;
  padding-left: 10px!important;
  padding-right: 10px!important;
  width: 96%;
  margin: 0 2%;
  margin-right: 2%!important;
  margin-left: 2%!important;
}

.modgroup_comparison .mod_page_preview_list::-webkit-scrollbar {
  width: 10px;
  border-right: 5px;
}

.modgroup_comparison .mod_page_preview_list::-webkit-scrollbar-track,
.modgroup_comparison .mod_page_preview_list::-webkit-scrollbar-track-piece{     background: #f1f1f1;
  border-radius: 5px;}


.modgroup_comparison .mod_page_preview_list::-webkit-scrollbar-thumb,
.modgroup_comparison .mod_page_preview_list::-webkit-scrollbar-thumb:horizontal{
  background: white;
  transition: 400ms all;
  border-radius: 5px;
  border: 1px solid;
}

.modgroup_comparison div.mod_page_preview:hover{background-color:white;}

.modgroup_comparison div.mod_page_preview{display: inline-block;
  float: initial;
  margin-bottom: initial!important;
  background-color: #dbe1fc;
  border-top-right-radius: 50px;
  padding: 0;
  color: #fff;
  box-shadow: 9px -3px 17px -6px rgba(34, 50, 84, 0.2);
  vertical-align: text-bottom;
  margin: 0px 10px;
  border: 1px solid rgba(255, 255, 255, 0.69);
  max-width: 270px;
  min-width: 270px;
  min-height: 142px;
transition: 400ms all linear;}

.modgroup_comparison .page_box_image{
  width: 270px;
  height: 270px;
  margin: 0;
  padding: 0;
  align-self: initial;
  -webkit-box-flex: initial!important;
  -ms-flex: initial!important;
  flex: initial!important;
}

.modgroup_comparison .page_box_image {padding: 10px;}


.modgroup_comparison .mod_page_preview  .page_box_text .page_box_link,
.modgroup_comparison .mod_page_preview .page_box_text{
  white-space: initial;
  background-color: #5563a0;
  -webkit-box-flex: initial!important;
  -ms-flex: initial!important;
  flex: initial!important;
  width: 100%;
}

.modgroup_comparison h3.page_box_caption{
  margin: 0;
}

.modgroup_comparison .mod_page_preview  a{
  color: white;
  font-size: 18px;
  float: left;
  width: 100%;
  padding: 10px;
  margin: 0;
  display: inline-block;
}

.modgroup_comparison .mod_page_preview .page_box{display: flex!important;
  display: -ms-flexbox!important;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  height: 100%;
  flex-direction: row;}

.layout_comparison  section.fad_question{border-top: 1px solid;}

.layout_comparison .insert_module .mod_faq{background-color: white;
  padding: 0.5em;
  border-radius: 8px;
  max-width: 700px;
  margin: auto;
  width: 96%;}

/**************** default.css Anfang ****************/

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: Helvetica Neue, sans-serif;
  font-size: 1em;
  color: #313238;
  line-height: 1.5;
  background-color: #ccccbb !important;
}

.slim_page_html body {
  background-color: transparent !important;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #2c6cb4;
}

a:hover {
  color: #235690;
}

button, .button, .ui-widget button {
  display: inline-block;
  margin: 0;
  padding: 0 15px;
  padding: 0 .9375rem;
  background: #313238;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  font-size: 12.8px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 33px;
  line-height: 2.0625rem;
  font-weight: bold;
  border: none;
}

button:focus {
  outline: none;
}

button + button, .button + .button {
  margin-left: 5px;
  margin-left: 0.315rem;
}

a.button {
  text-decoration: none;
}

button:hover, .button:hover {
  background: #16171a;
  color: #fff;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 39px;
  height: 2.4375rem;
  padding: 8px;
  padding: .5rem;
  border: 1px solid #cacaca;
  margin: 0 0 16px;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 16px;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
  border-radius: 3px;
  -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color .25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color .25s ease-in-out;
  transition: box-shadow 0.5s, border-color .25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  height: auto;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  background-color: #ffffff;
  border-color: #cccccc;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="color"]:hover, textarea:hover {
  border-color: #98989b;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus, textarea.error:focus {
  background: #fafafa;
  border-color: #98989b;
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
  background-color: #dddddd;
}

input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
  background-color: #dddddd;
}

input[type="radio"] {
  width: auto;
  height: auto;
}

input.error {
  background-color: #ffcccc;
}

textarea.error {
  background-color: #ffcccc;
}

select {
  margin: 0 0 16px;
  margin: 0 0 1rem;
  width: 100%;
  padding: 8px;
  padding: .5rem;
  background-color: #fafafa;
  border-color: #cccccc;
  height: 39px;
  height: 2.4375rem;
}

select:hover {
  background-color: #f3f3f3;
  border-color: #999999;
}

select:disabled {
  background-color: #dddddd;
}

select.error {
  background-color: #ffcccc;
}

fieldset {
  border-color: #dddddd;
}

fieldset legend {
  background-color: #ffffff;
}

iframe {
  max-width: 100%;
}

figure {
  margin: 0;
}

.required:not(.empty) .ControlElement_label:after {
  font-size: 1rem;
}

.required.icon {
  padding: 0 0 0 2px;
  font-size: 1.5em;
  line-height: 0;
  color: #c60f13;
}

input.radio + label {
  margin-left: 0.5rem
}

/************* Jquery UI *************/

body.ajax {
  overflow: hidden;
}

.ui-widget-overlay {
  background: #000;
  opacity: .74;
  filter: Alpha(Opacity=74);
}

.ui-dialog.ajaxFrame-dialog {
  padding: 0;
  border-radius: 0;
  left: 0 !important;
  right: 0;
}

.ajaxFrame-dialog #ajaxFrame {
  padding: 0;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 1rem;
  border: none;
  border-bottom: 1px solid #d2d2d9;
  border-radius: 0;
  background: #fff;
  font-size: 1.2rem;
}

.ui-dialog .ui-dialog-titlebar-close {
  width: 4rem;
  height: 100%;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
  outline: none !important;
}

.place_ajax_header, .place_ajax_left, .place_ajax_text, .place_ajax_right, .place_ajax_bottom {
  padding: 1rem;
}

/************* Header *************/

header .header-top-bar {
  border-bottom: 1px solid #d2d2d9;
  text-align: center;
  line-height: 54px;
  line-height: 3.375rem;
}

#logo {
  display: inline-block;
  padding: 12px 0 11px;
}

#logo svg {
  width: 196px;
  max-width: 100%;
  height: 32px;
  vertical-align: middle;
  fill: #313238;
}

/************* Menü *************/

.toggle-menu {
  display: inline;
  float: left;
  width: 20px;
  height: 55px;
  margin: 0;
  padding: 0 20px;
  background: transparent;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: none;
  border-radius: 0;
  vertical-align: top;
}

.toggle-menu:hover {
  background: transparent;
}

.toggle-menu span, .toggle-menu span:after, .toggle-menu span:before {
  background-color: #313238;
}

.toggle-menu span:after,
.toggle-menu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
}

.toggle-menu span:after {
  top: 6px;
}

.toggle-menu span {
  position: relative;
  display: block;
}

.toggle-menu span,
.toggle-menu span:after,
.toggle-menu span:before {
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 2px;
}

.toggle-menu.collapse span:before {
  -webkit-transform: rotate(45deg) translate(5px, 5px);
  transform: rotate(45deg) translate(5px, 5px);
}

.toggle-menu.collapse span:after {
  -webkit-transform: rotate(-45deg) translate(7px, -8px);
  transform: rotate(-45deg) translate(7px, -8px);
}

#menu {
  display: none;
  padding: 10px 0;
  border-bottom: 1px solid #d2d2d9;
}

#menu a {
  display: block;
  padding: 13px 20px;
  margin-right: 52px;
  border-bottom: 1px solid #fff;
  line-height: 1;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: .05em;
}

#menu a:hover {
  background: #ededf0;
}

#menu .selected > a {
  background: #ededf0;
  font-weight: 500;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu li.has-submenu {
  position: relative;
  z-index: 4;
}

#menu li.has-submenu.selected {
  z-index: 9999;
}


#menu li.has-submenu .sub-toggle {
  height: 40px;
  padding: 0 20px;
  position: absolute;
  top: 0;
  right: 0;
}

#menu li.has-submenu .sub-toggle:hover {
  background: #ededf0;
  cursor: pointer;
}

#menu li.has-submenu .sub-toggle:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
}

#menu li.has-submenu .sub-toggle-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#menu li.has-submenu .sub-toggle-icon:after {
  content: "\f107";
}

#menu .submenu {
  display: none;
}

#menu .submenu a {
  margin-left: 20px;
  padding-left: 20px;
  text-transform: unset;
}

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

main {
  position: relative;
}

main.content ul {
  overflow: auto;
}

.content h1:not(.fad_visuallyhidden) {
  margin: -1px 0 0;
  padding: 16px 14px;
  padding: 1rem 0.875rem;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  line-height: 1.25;
  text-align: center;
  background: #ededf0;
  border-top: 1px solid #d2d2d9;
  border-bottom: 1px solid #d2d2d9;
}

article a {
  color: #2c6cb4;
  text-decoration: none;
}

article a:hover {
  color: #2c6cb4;
}

/************* Nachrichtendetailansicht *************/

.page_blogreader {
  margin-top: 16px;
  margin-top: 1rem;
  padding: 0 14px;
  padding: 0 0.875rem;
}

.page_blogreader a {
  /*color: #313238;*/
  position: relative;
  word-break: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.page_blogreader a:hover {
  color: #235690;
}

/*
.page_blogreader a:not(.fad_contentlink):after {
  display: inline;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: currentColor;
  opacity: .4;
}
*/


/* Fad-Gallery */

a.fad_gallerylink{display: block;}

.fad_gallery .date{display:none;}

.fad_gallery.content h1.fad_gallery_caption{font-size: 14px!important;
  border: none;
  padding: 0!important;
  margin: 0;
  background-color: initial;
  padding: 0;
  margin-left: 10px;
  text-align: left;
  float: left;
  font-weight: Normal;
  font-family: Helvetica Neue;}

.fad_gallery .teaser{text-align: center;font-size: 12px;display: none!important;}
.fad_gallery .page_blogreader .intro{display:none;}

.gallery_buttons{
  display: inline-block;
  width: 100%;
  height: 30px;
  margin: 0px 0px 10px 0px;
}

.fad_gallery .post-image-wrapper {height: auto;padding-bottom:initial;}

.fad_gallery .post-image img{position: initial}

.fad_gallery  .page_blogreader .date {
  font-size: 12px;
}

.fad_gallery .page_blogreader{
  margin-top: 20px;
}

.fad_gallery .post-image {
  margin-top: 10px;
}

.fad_gallery .page_blogreader .title {
  font-size: 1.25rem;
}

.fad_gallery.content .page_blogreader .fad_news_caption{margin-bottom: 0;margin-top: 0;}


.article-content p.img_amount{
  float: left;
  margin: 0;
  line-height: 30px;
  font-family: Helvetica Neue;
}

.article-content .button_container{display:block;float:right;flex:initial}

.article-content .gallery_buttons{display: block;}

.button_container{
  display: inline-block;
  border-radius: 2px;
  float: right;
}

.fad_gallery .button_container .img_amount,
.fad_gallery .button_container a.gallery_t{
  float: right!important;
  font-family: Helvetica Neue;
  font-size: 12px;
}

.fad_gallery .image-meta-title{
  display: block;
  font-style: normal;
  font-family: Helvetica Neue, sans-serif;
  margin: 10px auto;
  color: #313238;
  font-size: 1em;
}

p.img_amount{float: left;
  line-height: 30px;
  vertical-align: middle;
  margin: 0;}

.close_container{display: inline-block;
  border-radius: 2px;}

a.gallery_t.back{
  margin: 0;
}

.fad_gallery_image .post-image{
  margin: 0;
}

.fad_gallery_image  {background: #ededf0;padding:10px;}

a.fad_gallerylink{position: initial;}

a.gallery_t {display: block;
  width: 30px;
  background-color: #d2d2d9;
  border-radius: 2px;
  margin: 0px 0px 0px 10px;
  height: 30px;
  transition: 400ms all;
  float: left;}

a.gallery_t:hover{  background-color: #737373;}

a.gallery_t svg{width: 15px;
  margin: auto;
  height: 100%;
  display: block;
transition: 400ms all}

a.gallery_t svg .path{stroke: #484848!important;transition: 400ms all}
a.gallery_t:hover svg .path{stroke: #a5a5a5!important;}

span.image-meta-description {
  display: block;
  font-style: normal;
  font-family: Helvetica Neue, sans-serif;
  margin: 10px auto;
}


/* <----> */



/* Werbe Anzeigen */

.mod_html.mailo_ag .html_text {margin: 10px 0px 0px 0px;}

/* **** */

/* Sidebar News */


.sidebar_news .mod_html span.fad-image-wrapper {
  float: initial;
  width: 100%!important;
  margin: auto;
  display: block;
  text-align: center;
  margin: 10px 0px;
}

.sidebar_news .mod_html.smaller_text_twelve .html_text {font-size: 12px;}
.sidebar_news .mod_html.smaller_text_fourteen .html_text {font-size: 14px;}

.article_content_main.sidebar {width: 80%;
  display: inline-block;
  vertical-align: top;}

.sidebar_news{width: 20%;
  display: inline-block;
  position: -webkit-sticky;
  top: 20px;
  vertical-align: top;
  padding: 0px 0px 0px 20px;}

.sidebar_news h3{
  margin: 0;
  padding: 5px 38px 5px 10px;
  padding: 0.3125rem 2.375rem 0.3125rem 0.625rem;
  background: #313238;
  color: #fff;
  font-size: 14px;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}

.sidebar_news .html_text h3{background-color:initial;color:initial;}

.article_content_main.sidebar  .post-image {padding: 0px 0px;}

.sidebar_news  .image-center{display: block!important;
  margin: auto;
  text-align: center;}



  /* */

.page_blogreader a.fad_gallerylink::after, .page_blogreader a.chapter_link::after {
  display: none;
}

.page_blogreader .chapter_ticker .chapter{  max-width: initial;
  max-width: initial;
  margin-right: initial;
  margin-left: initial;
  margin-bottom: 0;
  margin-top: 0;}

.page_blogreader .topic, .page_blogreader .teaser,
.content .page_blogreader .fad_news_caption,
.content .page_blogreader .fad_news_chapter,
.page_blogreader .intro, .page_blogreader .metadata,
.page_blogreader .fad_cms_blog_source,
.page_blogreader .author,
.page_blogreader .article-body .post_content .post_chapter > *:not(.place_news_banner),
.page_blogreader .chapter,
.page_blogreader .chapter_ticker .chapter_content,
.page_blogreader footer,
.page_blogreader .mods_before_content,
.page_blogreader .mods_after_content, .place_news_banner .mod_blog_newslist {
  max-width: 660px;
  max-width: 41.25rem;
  margin-right: auto;
  margin-left: auto;
}

/* In manchen Texten sind die Elemente voller style attribute (weil copy & paste aus pages). Desshalb hier erstmal ne brute force methode um die margins zu überschreiben */
.page_blogreader .article-body .post_content .post_chapter > *:not(.place_news_banner) {
  margin-right: auto !important;
  margin-left: auto !important;
}

.page_blogreader .metadata {
  display: block;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
}

.page_blogreader .metadata a {
  color: #313238;
}

.page_blogreader .metadata a:hover {
  color: #2c6cb4;
}

.page_blogreader .topic {
  float: left;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.page_blogreader .topic a {
  position: relative;
}

.page_blogreader .date {
  float: right;
  letter-spacing: 0.05em;
}

.page_blogreader .date a {
  position: relative;
}

.page_blogreader .date a:after, .page_blogreader .topic a:after {
  display: inline;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: currentColor;
  opacity: .4;
}

.content .page_blogreader .fad_news_caption {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  line-height: 1.25;
  text-align: left;
  font-weight: bold;
}

.content .page_blogreader .fad_news_chapter {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: 0;
  background: transparent;
  border: none;
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  line-height: 1.5;
}

.content .page_blogreader .fad_news_chapter .chapter_title:before {
  content: 'Seite ' attr(data-chapter) ': ';
  font-weight: bold;
}

.page_blogreader .teaser {
  display: block;
  margin-top: 1.5rem;
  margin-bottom: -1.125rem;
  font-size: 14px;
  font-size: .875rem;
  letter-spacing: 0.03em;
  color: #2c6cb4;
  font-weight: bold;
}

.page_blogreader .title {
  display: block;
  margin: 0 0 .375em;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.25;
}

.page_blogreader .intro {
  display: block;
  font-size: 1.125em;
  line-height: 1.4;
  font-family: Georgia, Times, Times New Roman, serif;
}

/*.page_blogreader .intro:not(.chapter-intro) b {*/
/*font-weight: normal;*/
/*}*/

.page_blogreader .author {
  clear: both;
  overflow: hidden;
}

.page_blogreader .article-body {
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: Georgia, Times, Times New Roman, serif;
  line-height: 1.4;
}

.page_blogreader .article-body h2, .page_blogreader .article-body h3, .page_blogreader .article-body h4 {
  font-family: Helvetica Neue, sans-serif;
}

.page_blogreader .article-body h2 {
  font-size: 22px;
  font-size: 1.375rem;
}

.post-image {
  max-width: 820px;
  max-width: 51.25rem;
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-left: -14px;
  margin-left: -0.875rem;
  margin-right: -14px;
  margin-right: -0.875rem;
  font-family: Georgia, Times, Times New Roman, serif;
}

.post-image-wrapper {
  height: 0;
  padding-bottom: calc(100% * (9 / 16));
  position: relative;
  background: #ededf0;
}

.post-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-image .image-meta, .post-image .video-meta {
  padding: 0 14px;
  padding: 0 0.875rem;
  color: #737476;
}

.embed-container, .fad_cms_youtube {
  display: inline-block;
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  overflow: hidden;
  width: 100%;
  height: auto;
}

.embed-container iframe, .fad_cms_youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page_blogreader .author-prefix {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 1px;
}

.page_blogreader .author-name {
  display: block;
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  margin-right: 0.625rem;
  font-weight: bold;
  line-height: 1.4;
}

.page_blogreader .author-social-link {
  display: inline-block;
  margin-right: 5px;
  margin-right: 0.315rem;
}

.page_blogreader .author-social-link:after {
  background: transparent;
}

.page_blogreader .author svg {
  fill: #bbb;
  width: 30px;
  height: 30px;
}

#author-social-link-facebook {
  fill: #fff;
  background: #3c5a99;
  border-radius: 50%;
}

#author-social-link-facebook:hover {
  background: #32497a;
}

#author-social-link-twitter {
  fill: #fff;
  background: #55acee;
  border-radius: 50%;
}

#author-social-link-twitter:hover {
  background: #4d8abd;
}

#author-social-link-googleplus {
  fill: #fff;
  background: #dc4a3d;
  border-radius: 50%;
}

#author-social-link-googleplus:hover {
  background: #ab3734;
}

#author-social-link-xing {
  fill: #fff;
  background: #00605e;
  border-radius: 50%;
}

#author-social-link-xing:hover {
  background: #0f4e4b;
}

.page_blogreader .tags ul {
  display: block;
}

.page_blogreader .tags ul:before {
  content: "Weitere Nachrichten zu den Themen";
  display: block;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-weight: 500;
}

.page_blogreader .tags ul li {
  margin: 0 10px 10px 0;
  margin: 0 0.625rem 0.625rem 0;
}

.page_blogreader .tags li a {
  display: inline-block;
  padding: 5px 14px;
  background: #ededf0;
  border-radius: 6px;
  color: #313238;
  border-bottom: 1px solid #d2d2d9;
}

.page_blogreader .tags li a:after {
  background: transparent;
}

.page_blogreader .tags li a:hover {
  background: #f6f6f6;
  border-bottom: 1px solid #aaa;
}

img {
  max-width: 100%;
  height: auto;
  color: transparent;
}

/* Bilder im Fließtext hervorheben / vorsterst wieder raus */


.layout_landingpage_two span.fad-image-wrapper,
.layout_landingpage_one span.fad-image-wrapper {
  max-width: 100%;
  margin: 0;
}

/* p.span-paragraph{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;} */

.image-left, .image-right, .img-none {
  display: block;
  float: none;
  margin: 16px auto;
  margin: 1rem auto;
}

.image-meta, .video-meta {
  margin-top: 10px;
  margin-top: 0.625rem;
  line-height: 1.6;
}

.image-meta img {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.image-meta-title, .video-meta-title {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.image-meta-description, .image-meta-source, .video-meta-description, .video-meta-source {
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}

.image-meta-description, .video-meta-description {
  display: block;
  color: #313238;
}

.image-meta-source a, .video-meta-source a {
  color: #737476;
}

.image-meta-source a:hover, .video-meta-source a:hover {
  color: #2c6cb4;
}

.image-meta-source::before {
  content: "Foto: ";
  color: #737476;
}

.video-meta-source::before {
  content: "Video: ";
  color: #737476;
}

.fad_gallerylink {
  position: relative;
}

.fad_gallerylink:after {
  content: url(/skins/images/verlag/default/gallery.svg);
  background: #313238;
  color: #fff;
  position: absolute;
  bottom: 16px;
  right: 10px;
  width: 80px;
  margin-bottom: 8px;
  border: 1px solid #fff;
  border-radius: 0;
}

.fad_gallerylink:hover:after {
  background: #16171a;
}

div.fad_cms_blog_source {
  float: none;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  padding: 0;
}

.page_blogreader .chapter {
  font-family: Helvetica Neue, sans-serif;
}

.page_blogreader .chapter .chapter_next {
  margin-top: 48px;
  margin-top: 3rem;
}

.page_blogreader .chapter .chapter_next:before {
  display: none;
}

.page_blogreader .chapter .chapter_next a:after {
  display: none;
}

.page_blogreader .chapter .chapter_next .chapter_link_button {
  display: inline-block;
  padding: 0 15px;
  padding: 0 .9375rem;
  background: #313238;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  font-size: 12.8px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 33px;
  line-height: 2.0625rem;
  font-weight: bold;
}

.page_blogreader .chapter .chapter_next .chapter_link_button:after {
  font-family: FontAwesome;
  content: " \f0da";
}

.page_blogreader .chapter .chapter_next .chapter_link_button:hover {
  background: #141416;
}

.page_blogreader .chapter .chapter_next .chapter_link_text {
  display: none;
  width: 73%;
  margin-left: 16px;
  margin-left: 1rem;
  color: #737476;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  vertical-align: middle;
  position: relative;
}

.page_blogreader .chapter .chapter_next .chapter_link_text:hover {
  color: #2c6cb4;
}

.page_blogreader .chapter .chapter_list {
  margin-top: 48px;
  margin-top: 3rem;
  padding: 16px;
  padding: 1rem;
  font-size: 16px;
  font-size: 1rem;
  background: #ededf0;
}

.page_blogreader .chapter .chapter_list:before {
  content: 'Inhaltsverzeichnis';
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.page_blogreader .chapter .chapter_list li {
  display: flex;
}

.page_blogreader .chapter .chapter_list li, .page_blogreader .chapter .chapter_list a {
  line-height: 1.6;
}

.page_blogreader .chapter .chapter_list a {
  color: #737476;
}

.page_blogreader .chapter .chapter_list li a:hover {
  color: #313238;
}

.page_blogreader .chapter .chapter_list .current {
  color: #313238;
  font-weight: bold;
}

.page_blogreader .chapter .chapter_list li:before {
  content: 'Seite ' attr(data-chapter) ': ';
  padding-right: 5px;
  font-weight: bold;
  white-space: nowrap;
}

.page_blogreader .chapter_list .chapter_link::before {
  display: none;
}

.page_blogreader .chapter .chapter_list ul {
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}

.article-last-next {
  display: none;
  width: 100%;
  max-width: 62.5rem;
  margin-left: -0.875rem;
  position: fixed;
  top: 50%;
  z-index: -1;
  opacity: 0;
  transition: opacity .5s;
}

.article-last-next.article-link-fixed, .article-last-next.article-link-absolute {
  opacity: 1;
  z-index: 2;
}

.article-last-next.article-link-absolute {
  position: absolute;
}

.page_blogreader a.article-link {
  max-width: 3.5rem;
  height: 106px;
  padding: 0 1.25rem;
  color: #313238;
  position: absolute;
  background-color: #ededf0;
  -webkit-transition: max-width .4s ease-out, -webkit-box-shadow 0.1s .3s;
  transition: max-width .4s ease-out, -webkit-box-shadow 0.1s .3s;
  -o-transition: max-width .4s ease-out, box-shadow 0.1s .3s;
  transition: max-width .4s ease-out, box-shadow 0.1s .3s;
  transition: max-width .4s ease-out, box-shadow 0.1s .3s, -webkit-box-shadow 0.1s .3s;
}

.page_blogreader a.article-link:after {
  display: none;
}

.page_blogreader a.article-link:hover {
  max-width: 51.25em;
  color: #313238;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-box-shadow: 0 1px 3px #999;
  box-shadow: 0 1px 3px #999;
}

.article-link-prev {
  left: 0;
}

.article-link-prev .article-link-text {
  margin: 0 .3125rem 0 2.8125rem;
}

.article-link-icon {
  margin: 2.375rem 0;
}

.article-link-icon-prev {
  float: left;
  transform: rotate(180deg);
}

.article-link-next {
  right: 0;
}

.article-link-next .article-link-text {
  margin: 0 2.8125rem 0 .3125rem;
}

.article-link-icon-next {
  float: right;
}

.article-link-text {
  display: block;
  padding: 1.8125rem 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity .4s
}

.page_blogreader a.article-link:hover .article-link-text {
  opacity: 1;
}

.article-link .article-link-kicker {
  display: block;
  margin-bottom: 3px;
  margin-bottom: .1875rem;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 14px;
  font-size: .875rem;
  font-style: italic;
  white-space: nowrap;
}

.page_blogreader a.article-link:hover .article-link-kicker {
  color: #313238;
}

.article-link .article-link-teaser, .article-link .article-link-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.article-link .article-link-teaser {
  font-size: 12px;
  font-size: .75rem;
  color: #2c6cb4;
}

.article-link .article-link-title {
  font-weight: bold;
}

.page_blogreader footer {
  border-radius: 8px;
  border-top: initial;
  margin-bottom:1em;
  margin-top:1em;
}

.page_blogreader footer .news-footer-mods > div {
  margin: 0 0 32px;
  margin: 0 0 2rem;
}

.page_blogreader footer .news-footer-mods > div h3 {
  display: block;
  margin-top: 0;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}

.page_blogreader footer .mod_rating .rating_aspect {
  display: none;
}

.mod_rating .label_rV {
  font-weight: bold;
  margin-right: 10px;
}

.mod_rating .count_value {
  display: inline-block;
  line-height: 26px;
  clear: none;
  color: #737476;
  font-size: 14px;
  font-size: 0.875rem;
}

.mod_rating table td {
  padding: 0;
}

.mod_rating .ControlElement_cell_text {
  font-weight: bold;
}

.mod_rating .ControlGroup_buttons {
  display: none;
}

.page_blogreader footer ul.print_option,
.page_blogreader footer ul.article-sharing {
  margin: 0 0 16px;
  margin: 0 0 1rem;
  padding: 0;
  list-style-type: none;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em;
  flex-wrap: wrap;
  grid-gap: 0.5em;
}

.page_blogreader footer ul.print_option:before {
  content: 'Artikel herunterladen';
  display: block;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-weight: 500;
  text-align: left;
  width: 100%;
  min-width: 100%;
  font-size: 1.125rem;
}

footer .tags{
  display: flex;
  flex-wrap: wrap;
  margin: 2em 0em;
  padding: 0.5em;
  border-top: 1px rgb(230, 230, 230) solid;
}

.page_blogreader footer ul.article-sharing:before {
  content: 'Artikel teilen';
  display: block;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-weight: 500;
  text-align: left;
  width: 100%;
  min-width: 100%;
  font-size: 1.125rem;
}

.button-link{background-color:transparent!important;}
.article-sharing .button-link::before,
.social-network .button-link::before{content:"";background-repeat:no-repeat;background-size: 100%;width: 35px;height: 35px;display:block;}
.button-link.facebook::before{content:"";background-image: url("/facebook.svg");}
.button-link.twitter::before{content:"";background-image: url("/twitter.svg");}
.button-link.linkedin::before{content:"";background-image: url("/linkedin.svg");}
.button-link.xing::before{content:"";background-image: url("/xing.svg");}

.page_blogreader footer .article-sharing li a:after {
  display: none;
}

.page_blogreader footer .article-sharing li .sharing-link {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
}

.sharing-link svg {
  width: 28px;
  fill: #fff;
  vertical-align: middle;
}

.sharing-link .sharing-link-text {
  display: none;
  vertical-align: middle;
}

.share-facebook .sharing-link {
  background: #3c5a99;
}

.share-facebook .sharing-link:hover {
  background: #32497a;
}

.share-twitter .sharing-link {
  background: #55acee;
}

.share-twitter .sharing-link:hover {
  background: #4d8abd;
}

.share-googleplus .sharing-link {
  background: #dc4a3d;
}

.share-googleplus .sharing-link:hover {
  background: #ab3734;
}

.share-xing .sharing-link {
  background: #00605e;
}

.share-xing .sharing-link:hover {
  background: #0f4e4b;
}

.share-linkedin .sharing-link {
  background: #0076b3;
}

.share-linkedin .sharing-link:hover {
  background: #005e8f;
}

.share-whatsapp .sharing-link {
  background: #25d366;
}

.share-whatsapp .sharing-link:hover {
  background: #1ea952;
}

.share-linkedin .sharing-link #linkedin-icon {
  display: none;
  width: 100%;
  height: auto;
  margin-right: 0;
}

.page_blogreader footer .article-sharing li.share-pdf .sharing-link,
.page_blogreader footer .print_option li.share-pdf .sharing-link
{
  padding: 5px 7px;
  background: #fff;
  border: 1px solid #ccc;
  color: #cb140f;
}

.page_blogreader footer .print_option li.share-pdf .sharing-link:hover,
.page_blogreader footer .article-sharing li.share-pdf .sharing-link:hover {
  background: #ededf0;
}

.sharing-link #pdf-icon {
  fill: #cb140f;
}

.page_blogreader footer .tags {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

/************* Form *************/

form {
  padding: 16px;
  padding: 1rem;
  background: #ededf0;
}

form table {
  width: 100%;
  border-collapse: collapse;
}

form table td {
  padding: 0;
}

form .ControlGroup_caption {
  margin-top: 0;
}

form .ControlElement_row {
  display: block;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  position: relative;
}

form .ControlElement_row input, form .ControlElement_row select {
  margin-bottom: 0;
}

.form-group label.ControlElement_label {
  display: block;
  width: 100%;
  font-weight: 500;
  letter-spacing: .02em;
  padding: 0;
}

.form-group label {
  display: inline-block;
}

.form-group label p {
  margin: 0;
}

.form-group.empty label.ControlElement_label {
  display: none;
}

.form-group .help_element {
  display: none;
}

.ControlGroup .form-group .ControlElement_cell, .ControlGroup .form-group .fad_control {
  display: block;
  width: 100%;
}

input.checkbox.tabable {
  margin-right: 8px;
  margin-right: .5rem;
}

form .error_control {
  display: block;
  width: 100%;
}

form .error_message, form .error_message {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #c60f13;
  font-style: italic;
  font-size: 14px;
  font-size: 0.875rem;
}

.ControlGroup_buttons .ControlGroup_buttons_div {
  margin-top: 16px;
  margin-top: 1rem;
}

.ControlGroup .ControlGroup_content + .ControlGroup_buttons {
  margin-top: 16px;
  margin-top: 1rem;
}

/************* Page_Page *************/

.page_page, .page_authorise, .page_jobreader, .page_survey {
  margin-top: 20px;
  margin-top: 1.25rem;
  padding-left: 14px;
  padding-left: 0.875rem;
  padding-right: 14px;
  padding-right: 0.875rem;
}

.layout_comparison .page_page {
  padding-left: 0;
  padding-right: 0;
}

.page_newsletter .page_box {
  margin: 2rem 0;
}

/************* Kapitel *************/

.chapter_index {
  margin: 56px 0 0 0;
  margin: 3.5rem 0 0 0;
  padding: 32px 14px;
  padding: 2rem 0.875rem;
  font-size: 16px;
  font-size: 1rem;
  list-style-type: none;
  background: #ededf0;
}

.main-column .chapter_index:first-child {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.chapter_index #chapter_start {
  font-size: 0;
}

.chapter_index h3 {
  margin-top: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.chapter_index a:after {
  display: inline;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: currentColor;
  opacity: .4;
}

.chapter_index ul {
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}

.chapter_index li {
  color: #737476;
}

.chapter_index li:before {
  content: 'Kapitel ' attr(data-chapter) ': ';
  padding-right: 5px;
  font-weight: bold;
}

.chapter_index li:hover {
  color: #313238;
}

.chapter_index a {
  line-height: 1.6;
  color: #737476;
  position: relative;
}

.chapter_index li:hover a {
  color: #313238;
}

.chapter {
  margin-top: 32px;
  margin-top: 2rem;
}

.chapter .anker {
  font-size: 0;
}

.chapter > h2, .chapter > h3, .chapter > h4, .chapter > p {
  padding-left: 14px;
  padding-left: 0.875rem;
  padding-right: 14px;
  padding-right: 0.875rem;
}

/************* Suche *************/

.search_form {
  float: right;
  height: 55px;
  vertical-align: middle;
}

.header .search_form form {
  display: none;
}

.toggle-search {
  display: inline-block;
  float: right;
  height: 55px;
  padding: 0 20px;
  background: transparent;
  border-radius: 0;
  color: #313238;
  line-height: 54px;
  line-height: 3.375rem;
  font-size: 0;
  vertical-align: middle;
}

.toggle-search:hover {
  background: transparent;
  cursor: pointer;
}

#search-icon {
  width: 15px;
  height: 100%;
  fill: #313238;
}

.search_form_dropdown {
  display: none;
  padding: 20px;
  padding: 1.25rem;
  border-bottom: 1px solid #d2d2d9;
}

.search_form form, .search_form_dropdown form {
  padding: 0;
  background: transparent;
  position: relative;
}

.search_form fieldset, .search_form_dropdown fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.search_form .fad_search_form_field, .search_form_dropdown .fad_search_form_field {
  margin: 0;
  padding-right: 53px;
  color: #737476;
  outline: 0;
}

.search_form .fad_search_form_field:focus {
  width: 350px;
}

.search_form .fad_search_form_field:focus, .search_form_dropdown .fad_search_form_field:focus {
  color: #313238;
}

.fad_search_form_submit {
  background: rgba(0, 0, 0, .05);
  position: absolute;
  top: 1px;
  right: 0;
  height: calc(100% - 2px);
  padding: 0 15px;
  border-left: 1px solid #d2d2d9;
  border-radius: 0;
}

.fad_search_form_submit:hover {
  background: transparent;
}

/************* Sucherbnisse *************/

#cms_search_pageBox {
  padding: 0.875rem;
}

.webbox .WebBox_caption {
  display: none;
}

#cms_search_pageBox .ControlGroup_buttons_div {
  margin-top: 0;
}

.search_result {
  padding: 14px 14px 0;
  padding: 0.875rem 0.875rem 0;
  font-size: 24px;
  font-size: 1.5rem;
}

.search_result_count {
  font-weight: bold;
}

.fad_search_results li {
  display: block;
  margin: 0;
  padding: 16px;
  padding: 1rem;
  border-bottom: 1px solid #d2d2d9;
}

.fad_search_results li:last-child {
  border: none;
}

.fad_search_results a {
  display: block;
  color: #313238;
}

.fad_search_results a:hover, .fad_search_results a:hover span {
  color: #235690;
}

.search_item_type {
  margin-bottom: 5px;
  color: #2c6cb4;
}

.fad_search_results a h3 {
  margin: 5px 0;
  font-weight: bold;
  color: #313238;
}

.fad_search_results a:hover h3 {
  color: #235690;
}

.search_item_date {
  font-size: .875em;
  color: #737476;
}

/************* Anzeige *************/

.ads_headline {
  position: relative;
  margin: 5px 0;
  margin: 0.315rem 0;
  padding: 0px;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.4;
  color: #737476;
  display: block;
  text-align: left;
}

/************* Sidebar Boxen *************/

.box-right {
  position: relative;
  margin: 20px 0;
  margin: 1.25rem 0;
  padding: 0 14px;
  padding: 0 0.875rem;
}

.box-right h2 {
  display: block;
  margin: 0 0 .5em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #313238;
  font-weight: 500;
}

.box-right a:hover h2 {
  color: #2c6cb4;
}

.box-right p {
  margin: 0;
}

.box-right .feed {
  position: absolute;
  right: 24px;
  right: 1.5rem;
  top: 5px;
  top: 0.3125rem;
  line-height: 1;
  font-size: 0;
}

.box-right .feed a {
  color: #fff;
  text-decoration: none;
}

.box-right .feed a:hover {
  color: #e1964f;
}

.box-right .feed a:after {
  content: '\f143';
  font: normal normal normal 21px/1 FontAwesome;
}

.box-right > div > h3, .box-right > div > .info-main-right {
  margin: 0;
  padding: 5px 38px 5px 10px;
  padding: 0.3125rem 2.375rem 0.3125rem 0.625rem;
  background: #313238;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  width: 100%;
}

.box-right h3:hover {
  cursor: pointer;
}

.box-right h3 a {
  display: inline-block;
  padding: 0;
  background: transparent;
  color: #fff;
  text-decoration: none;
  border: none;
}

.box-right ol, .box-right ul, .box-right .box-content-wrapper {
  display: none;
}

.box-right .show-more, .aside-column .mod_pagelist .show-more {
  display: none;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

.box-right .show-more a, .aside-column .mod_pagelist .show-more a {
  display: block;
  border: none;
}

.mods_bottom {
  padding:100px;
}
/************* Before Content, After Content *************/

.mods_before_content, .mods_after_content {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  padding-left: 14px;
  padding-left: 0.875rem;
  padding-right: 14px;
  padding-right: 0.875rem;
}

.page_blogreader .mods_before_content, .page_blogreader .mods_after_content {
  padding: 0;
}

.mods_before_content > div, .mods_after_content > div {
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}

.mods_before_content > div:after, .mods_after_content > div:after {
  content: "";
  display: table;
  clear: both;
}

.main-column .mods_before_content:first-child, .main-column .mods_after_content:first-child {
  margin-top: 0;
}

.main-column .mods_before_content:not(:first-child), .main-column .mods_after_content:not(:first-child) {
  margin-top: 20px;
  margin-top: 1.25rem;
}

/************* Modul Newslist **********/

article .fad_blog_article_teaser {
  display: block;
  margin-bottom: .375em;
  font-size: 14px;
  font-size: .875rem;
  letter-spacing: 0.03em;
  color: #2c6cb4;
}

article .fad_blog_article_title {
  display: block;
  margin: 0;
  clear: both;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #313238;
  font-weight: bold;
  hyphens: auto;
}

article a.fad_blog_article_content:hover .fad_blog_article_title {
  color: #2c6cb4;
}

article .fad_blog_article_text {
  margin-top: 0;
  margin-bottom: 0;
}


/* ticker news newsliste */

 .mod_blog_newslist.ticker article .fad_blog_article_meta{display:none;}


 .mod_blog_newslist.ticker::before{content:"";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: red;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204, 44, 44, 0.4);
  animation: pulse 2s infinite;
   content: "";
   position: absolute;
   top: -12px;
   margin: 0;
   left: -12px;}

.mod_blog_newslist.ticker::after {
  content: "Ticker";
  position: absolute;
  top: -16px;
  left: 22px;
  background-color: white;
  padding: 2px 10px;
}


.mod_blog_newslist.ticker{
  border-radius: 8px;
  margin: 40px auto;
  position: relative;
  padding: 10px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  display: grid;
  grid-gap: 20px;
  align-content: center;
  justify-content: center;
  align-items: start;
  padding: 20px 10px 10px 10px;
  background-color: rgb(255, 255, 255);
  border: 1px solid red;
  max-width: calc(41.25rem - (10px * 2));
}

.mod_blog_newslist.ticker article  {
  padding: 10px;
  background-color: white;
  align-self: stretch;
  border-bottom: initial;
  max-width: calc(100% - (10px * 2));
  border-right: 1px solid red;
}

.mod_blog_newslist.ticker article:last-child{border-right:initial;}

.mod_blog_newslist.ticker article .fad_blog_article {padding: 0;}

@media only screen and (max-width: 800px){
  .mod_blog_newslist.ticker{grid-template-columns: 1fr;max-width: calc(100% - (20px * 2));}

  .mod_blog_newslist.ticker article{border-right: initial!important;
    border-bottom: 1px solid red;
    margin: auto;min-width: 100%;}
}

  /* */


/* breaking_news */

#breaking_news {
  background-color: red;
  padding: 5px;
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

#breaking_news .mod_blog_newslist {
  max-width: 480px;
  margin: auto;
}

.article-sharing{overflow: auto;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 400px;}


#breaking_news  .article-teaser-container{
  display: flex;
  flex-wrap: wrap;
  border: 1px solid;
  padding: 5px;
  border-radius: 4px;
  width: 100%;
}

#breaking_news .mod_blog_newslist{position: relative;
  position: relative;
  display: grid;
  grid-template-columns: 45px auto;
  width: 100%;
  max-width: calc(100% - 45px);
  margin: initial;}

#breaking_news .mod_blog_newslist::before{content:"";background-image: url("/mark.svg");width:45px;height: 45px;float:left;display: block;margin: auto;}

#breaking_news .mod_blog_newslist span.fad_blog_article_title::before{content: "Eilmeldung";
  color: white;
  font-size: 14px;
  float: left;
  width: 100%;
  text-align: left;
  opacity: .8;
  margin-bottom: 10px;}

@keyframes moveup {
  50%{transform: translateY(-10px);}
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 44, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 44, 44, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

#breaking_news .mod_blog_newslist article{
  color: white;
  background-color: transparent;
  border-radius: 8px;
  min-height: 80px;
  max-width: 100%;
  width: 100%;
  flex: 1 auto;
  min-width: 100%;
  width: 100%;
  padding: 5px;
  transition: 200ms all linear;
  flex: 1 auto;
}

#breaking_news article  a{
  display: inline-block;
  width: 100%;
}

#breaking_news article .fad_blog_article_title {
  color: white;
  font-size: 18px;
  width: 100%;}


#breaking_news .mod_blog_newslist .fad_blog_article_meta,
#breaking_news .mod_blog_newslist .fad_blog_article_date{display: none;}

/* */

 article .fad_blog_article_meta {
  width: 100%;
  margin-bottom: 5px;
  font-size: .875em;
  color: #737476;
}

article .fad_blog_article_author:before {
  content: '\f007';
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: .3em;
}


.site-wrapper {
  max-width: 1000px;
  max-width: 62.5rem;
  min-width: 311px;
  min-width: 19.4375rem;
  -webkit-box-shadow: 0 0 0.3125em rgba(65, 70, 77, .5);
  box-shadow: 0 0 0.3125em rgba(65, 70, 77, .5);
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

article .fad_blog_article {
  margin: 0;
}

.page_blogreader .fad_blog_article {
  margin: 0 -14px;
  margin: 0 -0.875rem;
}

/** duo width **/

.duo-width .main-column .mod_blog_newslist > * > h3 {
  padding: 0 14px;
  padding: 0 0.875rem;
}

.duo-width .main-column .mods_before_content .mod_blog_newslist h3, .duo-width .main-column .mods_after_content .mod_blog_newslist h3 {
  padding-right: 0;
  padding-left: 0;
}

.fad_blog_article, .duo-width .fad_blog_article, .single-width .fad_blog_article {
  margin: 0;
  padding: 14px;
  padding: 0.875rem;
  border-bottom: 1px solid #d2d2d9;
  overflow: hidden;
}

.fad_blog_article.advert, .fad_blog_article.priority {
  background: #f2f2f4;
}

.fad_blog_article.advert .advertorial-text {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.solo-width .fad_blog_article.advert .advertorial-text {
  font-weight: bold;
}

.duo-width .main-column .fad_blog_article.preview-big.advert, .duo-width .main-column .fad_blog_article.preview-big.priority {
  padding: 20px;
  margin-bottom: 20px;
}

article.fad_blog_article:last-of-type, .duo-width article.fad_blog_article:last-of-type, .single-width article.fad_blog_article:last-of-type {
  border-bottom: none;
}

.main-column .mods_before_content .fad_blog_article, .main-column .mods_after_content .fad_blog_article {
  padding-right: 0;
  padding-left: 0;
}

.main-column h3 + .fad_blog_article {
  padding-top: 0;
}

.fad_blog_article_figure, .mod_blog_newslist .fad_blog_article_figure, .tag_list .fad_blog_article_figure, .topic_list .fad_blog_article_figure, .date_list .fad_blog_article_figure {
  display: block;
  width: 40%;
  float: left;
  margin-right: 14px;
  margin-right: 0.875rem;
  padding-bottom: calc(40% * (9 / 16));
  vertical-align: top;
  position: relative;
}

.fad_blog_article_figure:after, .page_blogreader .fad_blog_article_figure a:after, .mod_blog_newslist .fad_blog_article_figure:after, .tag_list .fad_blog_article_figure:after, .topic_list .fad_blog_article_figure:after, .date_list .fad_blog_article_figure:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #333344;
  opacity: 0.09;
  position: absolute;
  top: 0;
  left: 0;
}

.fad_blog_article_figure .fad_blog_article_content, .mod_blog_newslist .fad_blog_article_figure .fad_blog_article_content, .topic_list .fad_blog_article_figure .fad_blog_article_content, .tag_list .fad_blog_article_figure .fad_blog_article_content, .date_list .fad_blog_article_figure .fad_blog_article_content {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fad_blog_article_figure img, .mod_blog_newslist .fad_blog_article_figure img, .topic_list .fad_blog_article_figure img, .tag_list .fad_blog_article_figure img, .date_list .fad_blog_article_figure img {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.article-teaser-container {
  display: table-cell;
  padding: 0;
}

.fad_blog_article_text {
  display: none;
}

.mods_bottom_news .fad_blog_article_text{
  display: block;
  font-size: 14px;
}

.fad_cms_blog_reader_tag_steps {
  list-style-type: none;
  margin: 2rem 0 0;
  padding: 1rem;
  background: #ededf0;
  text-align: center;
}

.fad_cms_blog_reader_tag_steps li {
  display: inline-block;
}

.fad_cms_blog_reader_tag_steps li[itemprop=itemListElement]:not(.selected) {
  display: none;
}

.fad_cms_blog_reader_tag_steps li a {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 0 1px 1px 0;
  background: #fff;
  text-align: center;
  line-height: 35px;
}

.fad_cms_blog_reader_tag_steps li.selected a, .fad_cms_blog_reader_tag_steps li a:hover {
  background-color: #2c6cb4;
  color: #fff;
}

/** solo width **/

.content > .solo-width {
  margin-top: -1px;
}

.solo-width .fad_blog_article {
  padding: 0;
  border-bottom: 1px solid #d2d2d9;
}

.solo-width .fad_blog_article_figure {
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 40%;
  background: #16171a;
  overflow: hidden
}

.solo-width .fad_blog_article_figure:after {
  display: none;
}

.solo-width .article-teaser-container {
  padding: 14px;
  padding: 0.875rem;
}

.solo-width .fad_blog_article_title {
  margin: 0 0 .5em;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: 0.03em;
  font-weight: 500;
}

.solo-width .fad_blog_article_text {
  display: block;
}

.fad_blog_article_rating + .fad_blog_article_comments {
  margin-top: 5px;
}

.main-column .preview-big .fad_blog_article_figure {
  display: block;
  width: 100%;
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
  padding: 0 0 calc(100% * (9 / 16)) 0;
}

.main-column .preview-big .article-teaser-container {
  display: block;
}

.main-column article.preview-big .fad_blog_article_title {
  margin-bottom: 0.5em;
}

.main-column .preview-big .fad_blog_article_text {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
}

.mod_blog_newslist .mod_code {
  text-align: center;
}

/* Sidebar Modul Newslist */

.aside-column .fad_blog_article {
  padding: 16px 10px;
  padding: 1rem 0.625rem;
  border-bottom: 1px solid #ccc;
}

.aside-column article .article-teaser-container {
  display: table-cell;
}

.aside-column article .fad_blog_article_teaser {
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem;
}

.aside-column article .fad_blog_article_title {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 500;
}

.fad_blog_article_date {
  display: inline-block;
  margin-right: 16px;
  margin-right: 1rem;
}

.fad_blog_article_date:before {
  content: '\f133';
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: .3em;
}

.aside-column .fad_blog_article_comments:before {
  content: '\f0e5';
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: .3em;
}

.aside-column .fad_blog_article.advert .advertorial-text {
  font-size: 11px;
  font-size: 0.6875rem;
}

.aside-column .rating {
  margin-top: 0;
}

.aside-column .rating_avg {
  display: none;
}

.aside-column .rating_count:before {
  content: '';
}

.aside-column .fad_blog_article_meta {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.4;
}

/************* Modul Schmealiste *************/

.mod_pagelist ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mod_pagelist a{
  grid-gap: 1em;
  display: grid;
  grid-template-columns: 80px auto;
  background: transparent;
}

.mod_job_joblist a {
  grid-gap: 0.5em;
  display: grid!important;
  grid-template-columns: 80px auto;
}

.mod_job_joblist a .fad_job_joblist_figure{width: auto!important;}

.mod_pagelist ul li {
  margin: 0;
  padding: 16px 10px;
  padding: 1rem 0.875rem;
  border-top: 1px solid #ccc;
}

.box-right .mod_pagelist ul li {
  padding: 16px 10px;
  padding: 1rem 0.625rem;
}

.fad_page_pagelist_event_group {
  margin-top: 32px;
  margin-top: 2rem;
  font-size: 19px;
  font-size: 1.2rem;
}

.mod_pagelist ul li:first-child, .fad_page_pagelist_event_group + .fad_page_pagelist_event_element {
  border: none;
}

.fad_page_pagelist_event_element {
  margin: 16px;
  margin: 1rem;
  list-style-type: none;
}

.fad_page_pagelist_event_element a {
  padding: 0;
  text-decoration: none;
  border: none;
}

.mod_pagelist a, .mod_job_joblist a {
  width: 100%;
}

.aside-column .mod_pagelist a, .breaker-module .mod_pagelist a, .mod_pagelist .fad_page_pagelist_content_link {
  display: table;
}

.fad_page_pagelist_content {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.page_blogreader a.fad_job_joblist_wrapper:not(.fad_contentlink):after {
  display: none;
}

.fad_page_pagelist_event_element .fad_page_pagelist_content, .fad_job_joblist_content {
  color: #737476;
}

.fad_page_pagelist_event_element .fad_page_pagelist_content:hover, .fad_job_joblist_content:hover {
  color: #737476;
}

.fad_page_pagelist_person_element a {
  padding: 0;
  border: none;
}

.fad_page_pagelist_content h3 {
  display: block;
  margin: 0 0 .375em;
  letter-spacing: 0.03em;
  font-size: 16px;
  font-size: 1rem;
}

.fad_page_pagelist_content h3, .fad_job_joblist_content h3 {
  display: block;
  margin: 0 0 .5em;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #313238;
  font-weight: 500;
}

.fad_page_pagelist_content:hover h3, .fad_job_joblist_content:hover h3 {
  color: #2c6cb4;
}

.breaker-module .fad_page_pagelist_content_link:before {
  display: table-cell;
  width: 25px;
  content: '\f133';
  font: normal normal normal 14px/1 FontAwesome;
  color: #737476;
  line-height: 1.4;
}

.fad_page_pagelist_data {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.75rem;
  color: #737476;
}

.fad_page_pagelist_data h2 {
  display: block;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #313238;
  font-weight: 500;
}

.fad_page_pagelist_data h2 + div {
  margin-top: 7px;
}

.fad_page_pagelist_content_link:hover h2 {
  color: #2c6cb4;
}

.aside-column .fad_page_pagelist_date, .breaker-module .fad_page_pagelist_date {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5;
  color: #737476;
}

.fad_page_pagelist_time::after {
  content: '';
}

.page_page.schema_Person .fad-image-portrait {
  display: block;
  width: 100% !important;
  text-align: center;
}

.page_page.schema_Person .fad-image-portrait img {
  max-width: 200px;
}

.page_page.schema_Event .page-image {
  display: none;
}

/************* Modul Joblist *************/

.mod_job_joblist .job_slide {
  padding: 14px;
  padding: 0.875rem;
  border-bottom: 1px solid #ccc;
}

.mod_job_joblist div.job_slide:last-of-type {
  border: none;
}

.page_blogreader .mod_job_joblist .job_slide {
  min-width:100%;
}

.aside .mod_job_joblist .job_slide {
  padding: 16px 10px;
  padding: 1rem 0.625rem;
}

.mod_job_joblist .fad_job_joblist_element {
  display: table;
  /*min-height: 72px;*/
  width: 100%;
  vertical-align: middle;
}

.mod_job_joblist h2 {
  display: block;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #313238;
  font-weight: 500;
}

.mod_job_joblist h2 + div {
  margin-top: 7px;
}

.mod_job_joblist a:hover h3, .mod_job_joblist a:hover h2 {
  color: #2c6cb4;
}

.fad_job_joblist_figure, .fad_show_listimage .fad_job_joblist_nofigure,
.mod_pagelist figure, .mod_pagelist .no-image {
  display: table-cell;
  width: 112px;
  width: 7rem;
  margin: 0;
  padding-right: 20px;
  padding-right: 1.25rem;
  vertical-align: middle;
  text-align: center;
}

.fad_job_joblist_content {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.75rem;
}

.fad_job_joblist_content h3 {
  display: block;
  margin: 0 0 .375em;
  letter-spacing: 0.03em;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
}

.fad_job_joblist_meta {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5;
  color: #737476;
}

.fad_job_joblist_meta div {
  margin: 0;
}

/************* Modul Kommentarliste *************/

.mod_comment_list ol {
  margin: 0;
  padding: 0;
}

.mod_comment_list ol li {
  margin: 0;
  padding: 16px 10px;
  padding: 1rem 0.625rem;
  border-bottom: 1px solid #ccc;
}

.mod_comment_list ol li:last-child {
  border-bottom: none;
}

.fad_comment_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #313238;
  text-decoration: none;
}

.fad_comment_item figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 70px;
  width: 4.375rem;
  margin: 0;
  padding-right: 10px;
  padding-right: 0.625rem;
  vertical-align: top;
  text-align: left;
}

.fad_comment_item figure img {
  background: #ededf0;
}

.fad_mod_comments_content {
  width: 100%;
}

.fad_mod_comments_content .author, .fad_mod_comments_content .date {
  font-size: 12px;
  font-size: .75rem;
  color: #737476;
}

.fad_mod_comments_content .title {
  margin-bottom: 0;
}

.fad_mod_comments_content .author {
  float: left;
  margin-bottom: .375em;
}

.fad_mod_comments_content .date {
  float: right;
  margin-bottom: .375em;
}

.fad_mod_comments_content .comment {
  font-size: 14px;
  font-size: 0.875rem;
  float: left;
  clear: both;
}

/************* Modul Kommentare Erfassen *************/

.mod_comment_editor {
  margin: 0 -14px;
  margin: 0 -0.875rem;
  padding: 0 14px;
  padding: 0 0.875rem;
  background: #ededf0;
}

.mod_comment_editor .loading {
  padding: 32px 0;
  padding: 2rem 0;
  text-align: center;
}

.mod_comment_editor .loading img, .mod_comment_editor .loading span {
  vertical-align: middle;
}

.mod_comment_editor .info-main {
  max-width: 660px;
  max-width: 41.25rem;
  margin: 0 auto;
  padding: 32px 0;
  padding: 1.5rem 0;
  overflow: hidden;
  text-align: center;
}

.mod_comment_editor .info-main .info-left {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

.mod_comment_editor .info-main .info-right {
  line-height: 32px;
  line-height: 2rem;
}

.mod_comment_editor .info-main .info-right a {
  display: inline-block;
  padding: 0 15px;
  padding: 0 .9375rem;
  background: #313238;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  font-size: 12.8px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 33px;
  line-height: 2.0625rem;
  font-weight: bold;
  border-top: 1px solid #fff;
}

.mod_comment_editor .info-main .info-right a:hover {
  background: #141416;
}

.comment_write_ajax_box, .comment_answer_box, .comment_answers_view {
  line-height: 0;
  font-size: 16px;
  font-size: 1rem;
}

.comment_answers_view .comment {
  line-height: 1.5;
}

.mod_comment_editor .comment_write_ajax_box {
  max-width: 660px;
  max-width: 41.25rem;
  margin: 0 auto;
}

.mod_comment_editor .comment_write_ajax_box h3 {
  display: none !important;
}

.mod_comment_editor .comment_write_ajax_box form {
  padding: 0;
}

.mod_comment_editor .comment_write_ajax_box .ajaxPanel {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.comment_write_ajax_box input:not([type='checkbox']), .comment_write_ajax_box textarea {
  width: 100%;
}

.comment_write_ajax_box .ajaxPanel, .comment_answer_box .ajaxPanel {
  line-height: 1.61803;
}

.comment_write_ajax_box .ajaxPanel h3, .comment_answer_box .ajaxPanel h3 {
  display: none;
}

.comment_write_ajax_box .ajaxPanel table, .comment_answer_box .ajaxPanel table {
  width: 100%;
}

.comment_write_ajax_box .ajaxPanel .ControlElement_row, .comment_answer_box .ajaxPanel .ControlElement_row {
  display: block;
}

.comment_write_ajax_box .ajaxPanel .error_control, .comment_answer_box .ajaxPanel .error_control {
  display: block;
  width: 100%;
}

.comment_write_ajax_box .ajaxPanel .error_control input, .comment_answer_box .ajaxPanel .error_control input, .comment_write_ajax_box .ajaxPanel .error_control textarea, .comment_answer_box .ajaxPanel .error_control textarea {
  margin-bottom: 0;
}

.comment_write_ajax_box .ajaxPanel .error_message, .comment_answer_box .ajaxPanel .error_message {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
  color: #c60f13;
}

.comment_write_ajax_box .ajaxPanel .form_email input, .comment_answer_box .ajaxPanel .form_email input {
  margin-bottom: 0;
}

.comment_write_ajax_box .ajaxPanel .form_pt1, .comment_answer_box .ajaxPanel .form_pt1 {
  font-style: italic;
  opacity: .8;
  font-size: 14px;
  font-size: 0.875rem;
}

.comment_write_ajax_box .ajaxPanel .form_pt1 .ControlElement_cell, .comment_answer_box .ajaxPanel .form_pt1 .ControlElement_cell {
  margin-bottom: 1rem;
}

.comment_write_ajax_box .ajaxPanel .form_message_done, .comment_answer_box .ajaxPanel .form_message_done {
  padding-top: 16px;
  padding-top: 1rem;
  text-align: center;
  font-weight: bold;
}

.comment_write_ajax_box .ajaxPanel .form_sicherheitscode .ii-yes, .comment_answer_box .ajaxPanel .form_sicherheitscode .ii-yes {
  display: block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  opacity: .8;
  font-size: 14px;
  font-size: 0.875rem;
}

div.captcha_description {
  margin-bottom: 0;
}

.comment_answer_box .ajaxPanel .form_title .ControlElement_cell {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-weight: bold;
}

.form_comment textarea {
  min-height: 186px;
  line-height: 1.5;
}

div.fad-realp-dot, div.fad-realp-dot {
  display: table-cell;
  font-size: 9px;
  line-height: 8px;
  height: 7px;
  width: 8px;
  overflow: hidden;
}

img.fad-realp-svg-dots {
  width: auto;
  height: 72px;
}

.mod_comment_editor .commentlist {
  max-width: 660px;
  max-width: 41.25rem;
  margin: 0 auto;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.mod_comment_editor #commentlist .comment {
  padding: 16px;
  padding: 1rem;
  background: #fff;
  border-radius: 5px;
}

.mod_comment_editor #commentlist .comment.comment-empty {
  text-align: center;
}

.mod_comment_editor #commentlist .info-left {
  float: left;
  padding: 0;
}

.mod_comment_editor #commentlist .info-left a {
  font-size: 0;
}

.mod_comment_editor #commentlist .info-right {
  display: block;
  height: 24px;
  float: right;
  line-height: 27px;
  line-height: 1.7rem;
}

.mod_comment_editor #commentlist .info-right, .mod_comment_editor .lastest-answer .comment_date {
  font-size: 14px;
  font-size: 0.875rem;
  color: #737476;
  opacity: 1;
}

.mod_comment_editor #commentlist .comment-body {
  padding: 16px 0;
  padding: 1rem 0;
  clear: both;
}

.mod_comment_editor #commentlist .comment-body .title {
  margin-top: 0;
}

.mod_comment_editor .post-answer {
  display: block;
  margin: 5px 0 0 3px;
  color: #737476;
  font-size: 13px;
  font-size: 0.8125rem;
  vertical-align: baseline;
  text-align: right;
  cursor: pointer;
}

.mod_comment_editor .post-answer:hover {
  color: #2c6cb4;
}

.mod_comment_editor .post-answer:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f112";
  margin-right: 5px;
  margin-right: 0.3125rem;
}

.answer .lastest-answer {
  margin: 16px 0 0;
  margin: 1rem 0 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #737476;
  text-align: center;
}

.answer .toggle-answer {
  display: block;
  margin-left: 3px;
  color: #737476;
  font-size: 13px;
  font-size: 0.8125rem;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
}

.answer .toggle-answer:hover {
  color: #2c6cb4;
}

.answer .toggle-answer:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  margin-right: 5px;
  margin-right: 0.3125rem;
}

.mod_comment_editor .commentlist .answer .commentlist {
  max-width: none;
  margin: 16px 0 0;
  margin: 1rem 0 0;
  padding-bottom: 0;
}

.mod_comment_editor #commentlist .answer .comment {
  padding: 16px 0 0 32px;
  padding: 1rem 0 0 2rem;
  border-top: 1px solid #d2d2d9;
}

.mod_comment_editor #commentlist .answer .info-right {
  height: auto;
  line-height: inherit;
}

/************* Modul Page Preview *************/

.mod_page_preview {
  padding: 20px 14px;
  padding: 1.25rem 0.875rem;
  text-align: center;
  border-bottom: 1px solid #d2d2d9;
}

.mod_page_preview h3 {
  margin-top: 0;
}

.mod_page_preview .page_box_image {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

/************* Modul Calculator *************/

.mod_calculator_online {
  padding: 20px 14px;
  padding: 1.25rem 0.875rem;
}

.mod_calculator_online .page_box {
  text-align: center;
}

.mod_calculator_online h3 {
  margin-top: 0;
}

.mod_calculator_online .page_box_image {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}


/************* Modul HTML *************/

.mod_html {
  overflow: hidden;
}

/************* Modul Newsletter Archiv *************/

.mod_newsletter_archive ul li {
  padding: 16px 10px;
  padding: 1rem 0.625rem;
  border-bottom: 1px solid #ccc;
}

.mod_newsletter_archive ul li:last-child {
  border-bottom: none;
}

.mod_newsletter_archive h3 {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
}

/************* Modul Addressbox *************/

.mod_addressbox {
  padding: 16px;
  padding: 1rem;
  background-color: #ededf0;
}

.contact_data .googlemaps_with_link:hover {
  text-decoration: none;
}

/************* Schema Seite Termin *************/

.fad_schema_properties {
  margin-top: 20px;
  margin-top: 1.25rem;
  padding: 16px;
  padding: 1rem;
  background: #ededf0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
}

.fad_schema_properties > div {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.fad_schema_properties > div:last-child {
  margin-bottom: 0;
}

.fad_schema_properties:before {
  content: ''
}

.fad_date_info:before {
  display: block;
  content: 'Datum';
  font-weight: bold;
}

.fad_time {
  display: block;
  padding-left: 0;
}

.fad_time::after {
  content: '';
}

.fad_location:before {
  display: block;
  content: 'Ort';
  font-weight: bold;
}

.fad_organizer:before {
  display: block;
  content: 'Organisator';
  font-weight: bold;
}

.fad_organizer span {
  display: block;
}

.fad_organizer .fad_email:before {
  content: 'E-Mail: ';
}

.fad_organizer .fad_telephone:before {
  content: 'Telefon: ';
}

.fad_event_performers:before {
  display: block;
  content: 'Vortragender';
  font-weight: bold;
}

.fad_performer a {
  display: block;
}

.fad_superevent:before {
  display: block;
  content: 'Übergeordneter Termin';
  font-weight: bold;
}

/************* Footer **********/

.footer {
  margin-top: 64px;
  margin-top: 4rem;
}

.article-content + .footer {
  margin-top: 2px;
}

.footer .footer-top-area {
  text-align: center;
  background: #ededf0;
}

.footer .footer-top-area > * {
  padding: 16px 32px;
  padding: 1rem 2rem;
}

.footer .footer-top-area > .button, .footer .footer-top-area > button {
  padding: 0 15px;
  padding: 0 .9375rem;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.footer .footer-logo {
  padding-top: 32px;
  padding-top: 2rem;
  padding-bottom: 0;
}

.footer .footer-logo a {
  display: inline-block;
}

.footer .footer-logo a {
  max-width: 100%;
}

.footer .footer-logo svg {
  max-width: 100%;
}

.footer .footer-top-area ul {
  margin: 0;
  list-style-type: none;
  line-height: 2;
}

.footer .sitemap-topics {
  background: #fff;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.footer .sitemap-topics ul {
  max-width: 660px;
  max-width: 41.25rem;
  margin: 0 auto;
  padding: 0;
}

.footer .sitemap-topics ul:before {
  display: block;
  content: attr(title);
  font-weight: bold;
}

.footer .sitemap-topics ul li {
  display: inline-block;
  margin: 0 .5em;
}

.footer .sitemap-topics a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #444;
  vertical-align: middle;
}

.footer .sitemap-topics a:hover {
  color: #000;
}

.footer ul.social-network {
  padding-bottom: 0;
}

.footer ul.social-network li {
  display: inline-block;
  margin: 0 5px;
}

.footer .social-network svg {
  fill: #fff;
}

.footer ul.sitemap-important {
  padding-bottom: 32px;
  padding-bottom: 2rem;
}

.footer ul.sitemap-important li {
  display: inline-block;
  margin: 0 .5em;
}

.footer ul.sitemap-important a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #444;
}

.footer ul.sitemap-important a:hover {
  color: #000;
}

.jump-to-top {
  padding: 32px;
  padding: 2rem;
  text-align: center;
  background: #16171a;
}

.jump-to-top .button:hover {
  background: #ededf0;
  color: #16171a;
}

/************* Loading **********/

.loading img, .loading span {
  vertical-align: middle;
}

/************* Clear / Clearfix **********/

.clear:after, .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/************* fad-content-wrapper *************/

#fad-content-wrapper {
  padding: 0;
}

/************* Lexikon *************/

.lexion_letter_wrapper {
  background-color: #ededf0;
}

.lexion_letter {
  padding: 32px 16px 16px 16px;
  padding: 2rem 1rem 1rem 1rem;
}

.lexion_letter a {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 1px 1px 0;
  background: #fff;
  text-align: center;
  line-height: 40px;
}

.lexion_letter b a {
  background-color: #2c6cb4;
  color: #fff;
}

.lexion_letter a:hover {
  background-color: #2c6cb4;
  color: #fff;
}

#lexikon_search {
  background: #ededf0;
}

#lexikon_search form {
  background: transparent;
}

.lexikon h3, .lexikon p {
  padding-left: 14px;
  padding-left: 0.875rem;
  padding-right: 14px;
  padding-right: 0.875rem;
}

/************* Rechenhelfer **********/

.ajaxFrame-dialog #ajaxFrame #calculator {
  padding: .625rem;
}

.ui.control > input:not([type='checkbox']):not([type='radio']), .ui.control > textarea, .ui.control > select {
  width: auto;
}

.mod_calculator_online-ajax-box #fad-content-wrapper {
  padding-right: 0;
}

#calculator #calculation-result {
  background: #ededf0;
}

#calculator > #calculation-result > div:before {
  border-right: 20px solid #d2d2d9;
}

#calculator > form, #alg2 #calculator > form, #ruerup #calculator > form {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

#calculator #calculation-result label {
  font-size: 1rem;
  line-height: 1.5rem;
}

#calculator .ui.grid > * {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

#grundsicherung #calculator > form, #grundsicherung #calculator > #calculation-result {
  width: 100%;
}

#kredit #calculator > form .ui.control.--is-horizontal:not(.--has-no-label):not(.--has-hidden-label) {
  margin-left: 11em;
}

#kredit #calculator > form .ui.control.--is-horizontal:not(.--has-no-label):not(.--has-hidden-label) > .label {
  margin-left: -11em;
  max-width: 11em;
  min-width: 11em;
}

@media only screen and (min-width: 47.5em) {
  .ajaxFrame-dialog #ajaxFrame #calculator {
    padding: 0;
  }

  #calculator {
    display: flex;
  }

  #calculator #calculation-result > div {
    justify-content: flex-start;
  }

  #calculator > form, #alg2 #calculator > form, #ruerup #calculator > form {
    padding-right: 4%;
    padding-left: 4%;
    padding-top: 3rem;
  }

  #ajaxFrame #calculator form {
    min-width: auto;
  }

  #calculator > #calculation-result {
    height: auto;
    position: static;
    border-right: 1px solid #d2d2d9;
    margin-top: 0;
  }

  #calculator #calculation-result:hover {
    cursor: default;
    margin-top: 0;
  }

  #calculator #calculation-result:before, #calculator #calculation-result:after {
    display: none;
  }

  #calculator > #calculation-result > div {
    padding: 42px 3vw;
    padding: 3rem 3vw;
  }

  #calculator > #calculation-result > div:after, #calculator > #calculation-result > div:before {
    display: block;
  }

  #calculator > #sticky-result-insert {
    display: none;
  }

  #grundsicherung #calculator > form {
    width: 55%;
  }

  #grundsicherung #calculator > #calculation-result {
    width: 45%;
  }

  #grundsicherung #calculator > form .ui.control.--has-hidden-label,
  #alg2 #calculator > form .ui.control.--has-hidden-label {
    margin: 0 0 5px 10em;
  }

  #alg2 .lebenssituation .ui.control:not(.radiogroup) {
    width: calc(100% - 10em);
  }

  #grundsicherung #calculator > form .ui.control.--has-hidden-label:not(.--is-invisible) > .label,
  #alg2 #calculator > form .ui.control.--has-hidden-label:not(.--is-invisible) > .label {
    visibility: visible;
  }
}


@media(max-width:888px){

  body.layout_landingpage_two .mods_after_content {
    max-width: 100%;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
    width: 100%;
  }

  .layout_landingpage_two a.page_box_link h3 {
    font-size: 14px;
  }

  body.layout_landingpage_two .mod_page_preview {
    white-space: initial;
    display: inline-block;
    float: initial!important;
  }

  body.layout_landingpage_two .content h1:not(.fad_visuallyhidden) {
    flex: 1 auto;
    text-align: center;
    width: 100%;
    font-size: 1.5em;
    margin: 1em 0em;
  }

  body.layout_landingpage_two .landingpage{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .top_hero{max-width: 100%;
    position: initial;
    padding: 20px;
    align-self: center;
    display: inline-flex;
    max-width: 100%;
    min-width: calc(100% - 2em);
    min-width: calc(200px - 2em);
    min-width: calc(100% - 2em);
    min-width: calc(100% -2em);
    min-width: -o-calc(100% - 2em);
    min-width: -moz-calc(100% - 2em);
    min-width: expression(100% - 2em);
    min-width: -webkit-calc(100% - 2em);}


}

@media (max-width: 759px) {




  .newsliste h3 {
    padding-right: 0;
  }

  .newsliste{
    width: 100%;
  }

  .layout_landingpage_two .content h1:not(.fad_visuallyhidden) {
    padding: 0px 10px;
  }

  body.layout_landingpage_one .main-column {
    padding: 0 10%;
    transform: initial;
  }

  body .overlapping{
  position: initial;
  transform: initial;
  margin: 10px 0px;
}

  body.layout_landingpage_one .mod_page_preview {
    max-width: 250px;
    width: 250px;}

  body.layout_landingpage_two .landingpage {
    margin-top: 0px;
  }

  .page_blogreader #newsliste .fad_blog_article .lazy_img_container {
    display: none;
  }

 body .mod_page_preview_list,
.overlapping{
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  display: block!important;
}

  body.layout_landingpage_two .mods_after_content{
    max-width: 100%;
    padding: 0;
    width: 100%;}

  .overlapping::-webkit-scrollbar {
    display: none;
  }

  body.layout_landingpage_two .main-column{padding:0px 10px}

  body.layout_landingpage_two .logo_place .mod_html {
    justify-content: left!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    text-align: center;
  }


  body.layout_landingpage_two .mod_page_preview{max-width: 300px;
    float: left;
    width: 150px;
  white-space: initial}

  .overlapping{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }


  .layout_landingpage_two .mod_page_preview,
  .layout_landingpage_one .mod_page_preview {
    display: inline-block;
    float: initial!important;}

  .chapter_option{width: 100%;
    display: inline-block!important;}

  #full_page_loaded{margin:10px 0px;}

  .box-right .mod_html.mailo_ag span.fad-image-wrapper,
  .sidebar_news .mod_html.mailo_ag span.fad-image-wrapper {
    width: initial!important;
    float: left!important;
  }

  .sidebar_news{margin: 20px 0px;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap:wrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    width:100%;
    justify-content: center;
    padding: 0;
    position: initial;
    top: initial;
    vertical-align: initial;
  }

  .sidebar_news .mod_html span.fad-image-wrapper img{width: 100%;}

  .sidebar_news .mod_html span.fad-image-wrapper{width: 100%!important;}


  .sidebar_news .mod_html.banner{width:100%;}
  .sidebar_news .mod_html.icon{max-width:150px;min-width: 150px;}
  .sidebar_news .mod_html.icon span.fad-image-wrapper{width: initial!important;}
  .sidebar_news .mod_html.icon span.fad-image-wrapper img{width:initial;}

  .sidebar_news .mod_html{width: 100%;}

  .sidebar_news .mod_html{margin:5px;}

  .article_content_main.sidebar {
    width: 100%;}

  #calculator > form .ui.control.--is-horizontal:not(.group):not(.checkbox):not(.--has-no-label):not(.--has-hidden-label):not(.--has-float-label) {
    width: 100% !important;
    max-width: 100%;
    margin: calc(1em + 4px + 5px) 0 5px !important;
  }


  /* Gallery Buttons

  a.gallery_t.last{
  position: absolute;
  bottom: 0;
  left: 0px;
    margin: 0;
}

  a.gallery_t.next{
  position: absolute;
  bottom: 0;
  right: 0px;
    margin: 0;
}


   */

  #calculator > form .ui.control.--is-horizontal > .label {
    min-width: 100%;
    max-width: 100%;
    margin-top: calc(-1.2em - 4px);
    margin-bottom: 4px;
    margin-left: 0 !important;
    padding-left: 2.8px;
    position: absolute;
  }

  #riester #calculator > form {
    padding: 0;
  }

  #calculator > form .ui.control {
    width: 100%;
    max-width: 100%;
  }

  #calculator > form .ui.control.--is-horizontal:not(.--has-hidden-label) {
    width: calc(100% - 10em);
  }

  #calculator > form .ui.control.--is-invisible {
    display: none;
  }

  #grundsicherung #calculator > form .ui.control.--is-horizontal:not(.--has-hidden-label) {
    width: calc(100% - 12em);
  }

  #grundsicherung #calculator > form .ui.header.--is-hidden {
    display: block;
  }

  #alg2 .lebenssituation .ui.control:not(.radiogroup) {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 350px) {

  .sidebar_news .mod_html.icon {
    max-width: 130px;
    min-width: 130px;
  }

  .chapter_option a.prev-chapter{
    width: 100%;
    text-align: center;
    margin: 10px 0px 10px 0px!important;
  }

.chapter_option a.next-chapter{
  width: 100%;
  text-align: center;
  margin: 0px 0px 20px 0px!important;
}


}



/************* Werbung **********/

.ads_headline, .box-right .ads_headline {
  position: relative;
  margin: 5px 2px;
  padding: 0;
  font-size: 10px;
  color: #737476;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .1em;
}

#bannerAussenRechts .ads_headline {
  text-align: left;
}

#bannerAussenLinks .ads_headline {
  text-align: right;
}

.box-right:first-child .mod_code {
  margin-top: -1.25rem;
}

.box-right:first-child .mod_code .ads_headline {
  margin: 0;
  height: 1.25rem;
  line-height: 1.25rem;
}

.ad_popup {
  position: fixed;
  z-index: 10000;
  background-color: #fff;
  left: 50%;
  top: 50%;
}

.ad_popup_close {
  position: absolute;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

#wallpaper_single {
  left: 50%;
  margin: 0 0 0 -500px;
  position: absolute;
  top: 0;
  width: 1000px;
  max-width: 100%;
  height: 100%;
}

#wallpaper_single > div {
  display: none;
  position: relative;
  overflow: visible;
}

#wallpaper_single div[id*="Catcher"] {
  background-color: transparent !important;
}

#wallpaper_left {
  right: 50%;
  margin: 0 495px 0 0;
  position: absolute;
  top: 0;
  width: 160px;
  height: 600px;
}

#wallpaper_left.space_top {
  top: -90px;
}

#wallpaper_left > div {
  position: relative;
}

#wallpaper_top {
  left: 50%;
  margin: 0 0 0 -500px;
  position: absolute;
  top: 0px;
  width: 1000px;
  height: 90px;
}

#wallpaper_top > div {
  position: relative;
  overflow: hidden;
}

#wallpaper_right {
  left: 50%;
  margin: 0 0 0 495px;
  position: absolute;
  top: 0;
  width: 160px;
  height: 600px;
}

#wallpaper_right.space_top {
  top: -90px;
}

#wallpaper_right > div {
  position: relative;
}

#banner_top_right {
  position: absolute;
  top: 4px;
  right: 18px;
  width: 468px;
}

.banner_news {
  position: relative;
  width: 468px;
  height: 60px;
  display: block;
  background-color: #ccc;
  border: 1px solid #aaa;
  margin: 10px auto;
}

.banner_right {
  position: relative;
  display: block;
  margin: 0 auto;
  border: 1px solid #444;
}

#bannerxxl {
  width: 636px;
  height: 114px;
  margin: 10px 0 0;
  position: absolute;
  bottom: 0;
  left: 18px;
}

#bannerAussenRechts {
  margin: 0 0 0 505px;
  float: left;
  position: fixed;
  top: 0;
  left: 50%;
}

#bannerAussenLinks {
  margin: 0 505px 0 0;
  float: right;
  position: fixed;
  top: 0;
  right: 50%;
}

#banner_billboard {
  /*display: none;*/
  margin: 16px 0;
  margin: 1rem 0;
  text-align: center;
}

/*@media screen and (min-width: 47.5rem) {*/
  /*#banner_billboard {*/
    /*display: block;*/
  /*}*/
/*}*/

#banner_topnews {
  margin: 20px 0;
  margin: 1.25rem 0;
  overflow: hidden;
  text-align: center;
}

#banner_topnews img {
  margin: 0;
}

.place_news_banner {
  text-align: center;
  float: left;
  width: 100%;
  margin: 20px 0px;
  padding: 20px 0px;
  display: inline-block;
  border-bottom: 1px solid rgba(128, 128, 128, 0.22);
  border-top: 1px solid rgba(128, 128, 128, 0.22);
  overflow:hidden;
}

.place_news_banner article {
  text-align: left;
}

#sticky_top, #sticky_bottom {
  width: 100%;
  text-align: center;
  position: fixed;
  z-index: 3;
}

#sticky_top > div, #sticky_bottom > div {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}

#sticky_top {
  top: 0;
}

#sticky_bottom {
  bottom: 0;
}

body.margin-top {
  margin-top: 12.5vw;
}

body.margin-bottom {
  margin-bottom: 12.5vw;
}


/* Custom Lists*/


ul.checkmark{list-style:none;}
ul.checkmark li::before{content:"";background-image:url("/checkmark.svg");width:30px;height:30px;background-size: 15px;background-repeat:no-repeat;float:left;background-position: center;}
ul.checkmark li{margin:10px 0px;line-height: 30px;vertical-align: middle;}
ul.checkmark li span{float: left;
  display: block;}

/* Landingpage_One */

.layout_landingpage_one .hero_section{
  position: relative;
  height: 60vh;
  min-height: 500px;
}

.layout_landingpage_one .hero_section a{color: white;
  text-decoration: underline;}

.content h1.single:not(.fad_visuallyhidden) span{text-align: left;}


body.layout_comparison .hero_section::after{background-color: rgba(96, 161, 254, 0.38);}

body.layout_comparison .page-image{
  width: 100px;
  height: auto;
  margin: 0px 10px;
}

.layout_comparison  .fad_caption{padding:0!important;}

.hero_section.comparison p{margin:0;}

.layout_comparison .hero_section::after,
.layout_landingpage_one .logo_place::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#60A1FE;opacity: .6;z-index: -1;}


.logo_place{
  margin: 1em auto;
  display: block;
}

.hero_section .logo_place a img{
  background-color: white;
  border-radius: 100%;
  padding: 5px;
}

.hero_section .logo_place a{
  color: white!important;
  cursor: pointer;
  width: auto;
  border-bottom: initial;
  font-weight: 300;
  padding: 0px;
  position: relative;
  overflow: hidden;
  width:auto;
  display: flex;
  flex-wrap: wrap;
  background-color: #60A1FE;
  border-radius: 8px;
  color: white;
  transition:400ms all linear;
  box-shadow: -4px 8px 20px rgba(0, 0, 0, 0.16);}

.hero_section .logo_place a .span_caption{font-weight:bold;}

.hero_section .logo_place a:hover{transform: translateY(5px);}


.extra_container{margin:0 1em;}

.hero_section .logo_place h3.html_caption{font-size: 2.25rem;
  margin: 0;
  font-weight: 200;}

.hero_section .logo_place p{margin: 0;}

.layout_landingpage_one .hero_section .page_page{color:white;display: block;
  text-align: center;}

.comparison .fad_caption,
.layout_landingpage_two .fad_caption,
.main-column .fad_caption{border:none!important;background-color:initial!important;}

.layout_comparison .hero_section,
.layout_landingpage_two  .logo_place .mod_html,
.layout_landingpage_one  .logo_place .mod_html {
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  justify-items: center;
  align-items: center;
}

.layout_landingpage_two h2 span,
.layout_landingpage_two h3 span {font-size: 100% !important}

.layout_landingpage_two  .hero_container_container {
  margin: 2em 0em;
}

.content .landingpage_tagging_site h1:not(.fad_visuallyhidden){background-color:initial!important;background:initial!important;border:initial!important;}

.landingpage_tagging_site h1.fad_caption,
.layout_landingpage_two  h1.fad_caption {line-height: 1.5;
  font-size: clamp(1.75rem, 1.5441rem + 1.0294vw, 2.1875rem)!important;text-align: center}

.layout_landingpage_two  h1.fad_caption span{display: inline-block;width: 100%;padding: 0.25em;text-align: center!important;}

.layout_comparison .hero_container_container,
.layout_landingpage_one  .extra_container{
  margin: 0px 0px 0px 0px;
}

.hero_section.landingpage_two{position: relative}

.hero_section .page_page > *{display: inline-block;margin:auto;text-align: left;}

.overlapping{-webkit-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  transform: translateY(-150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;}

.layout_landingpage_one .mod_page_preview .page_box{display: block;}


.layout_landingpage_two .mod_page_preview .page_box{display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  width: 100%;
  height: 100%;
  border-radius: 20px;}

.layout_landingpage_two .mod_page_preview .page_box_image,
.layout_landingpage_two .mod_page_preview .page_box_text,
.layout_landingpage_one .mod_page_preview .page_box_image,
.layout_landingpage_one .mod_page_preview .page_box_text
{
  width: 100%;
  transition: 300ms all linear;
  flex: initial;
  padding: 0;
  position: relative;
  margin: 0;
  height: 50%;
  min-height:auto;
}

.layout_landingpage_two  .insert_module .mod_faq{
  background-color: rgba(128, 128, 128, 0.03);
  padding: 1em;
  border-radius: 8px;
}

.fad_question{padding: 0.5em;
  background-color: white;
  border-radius: 4px;
  margin: 1em 0em;
  border: 1px solid rgba(128, 128, 128, 0.18);}

.fad_question > input+h4{
  margin: 0!important;
}

.layout_landingpage_two .mod_page_preview .page_box_text,
.layout_landingpage_one .mod_page_preview .page_box_text{padding:5px;}

.layout_landingpage_tagging_site .main-column,
.layout_landingpage_two .main-column,
.layout_landingpage_two .mod_page_preview{text-align: initial;
  max-width: 720px;
  margin: auto;
width:100%;}

.layout_landingpage_two .page_page{text-align: initial}

.layout_landingpage_two .mods_after_content{
  max-width: 41.25rem;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  float: initial;
}

.layout_landingpage_two .mod_page_preview,
.layout_landingpage_one .mod_page_preview {
  max-width: 300px;
  float: left;
  width: 31.3333%;
  box-shadow: -1px 7px 20px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  background-color: white;
  margin:1%;
  border-bottom: initial;
  padding: 0;
  overflow: hidden;
  transition: 300ms all linear;
  height: auto;
  background-color:white;
}

.layout_landingpage_one .mod_page_preview:hover{box-shadow: -1px 7px 20px rgba(0, 0, 0, 0.32);transform: translateY(-10px);}

.layout_landingpage_one .mod_page_preview .page_box_text{
  text-align: center;
  min-height: auto;
  height:auto;
}

.layout_landingpage_one .mod_page_preview .page_box_image{
  min-height: auto;
  height: auto;
}

.layout_landingpage_one .mod_page_preview h3 {
  font-weight: 300;
}

.layout_landingpage_two a.page_box_link.
.layout_landingpage_one a.page_box_link{color:initial;}

.layout_landingpage_one .compare{background-color: #60A1FE;
  color: white;
  text-align: center;
  padding: 10px;
float:left;width: 100%;
  transform: scaleY(0);
  opacity: 0;
  height: 0;
transition: 300ms all linear;
  position: absolute;
  bottom: 0;
  left: 0;
transform-origin: bottom;
border-radius: 20px;}


.layout_landingpage_one .mod_page_preview:focus .compare,
.layout_landingpage_one .mod_page_preview:hover .compare{opacity: 1;height: auto;padding:10px;  transform: scaleY(1);}
.layout_landingpage_one .mod_page_preview:hover .compare span::after{content:">";color:white;}

.layout_landingpage_one .main-column{
  padding: 0 10%;
  transform: translateY(-150px);
}

.layout_landingpage_one .inveda a{display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px;
color:initial;}

.layout_landingpage_one .inveda img{
  height: 24px;
  width: auto;
  margin-left: 10px;
}

.layout_landingpage_two .content h1:not(.fad_visuallyhidden) {
  font-size: 1.75em;
  padding: 0;
  ont-weight: initial;
  text-align: center;
  width: 100%;
  flex: 1 1;
}

h3.mod_sitemap_caption{
  text-align: center;
  font-size: 1.25em;
  padding: 0;
  margin-top: 10px;
  font-weight: 200;
}

.layout_landingpage_two   .mod_page_preview_list{display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;;}

.layout_landingpage_two .page_box_link img{
  width: 150px;
  margin: auto;
  display: block;
}

.layout_landingpage_two  .page_box_text{
  font-size: 14px;
  padding: 0px 20px;
  background-color: #60A1FE;
  color: white;
}

.layout_landingpage_one .inveda span{line-height: 24px;vertical-align: middle;}

.layout_landingpage_two img.page-image{
  width: 100%;
  height: 100%;
  margin: auto;
  display: inline-block;
  float: initial;
  background-color: white;
  display: inline-flex;
  flex: 1 1;
  max-width: 50%;
  max-height: 200px;
  object-fit: contain;
}

.layout_landingpage_two .page_box_image{
  transition: 400ms all linear;
}

.layout_landingpage_two .mod_page_preview:hover .page_box_image { background-color: rgba(96, 161, 254, 0.35)}

/* .top_hero .mod_sitemap ul{list-style: none;margin:0;padding:0;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}
.top_hero .mod_sitemap ul li a{text-decoration: none;color:initial;}
.top_hero .mod_sitemap ul li{display: inline-block;margin:0px 20px;opacity: .4;transition: all 400ms linear;margin:}
.top_hero .mod_sitemap ul li:hover{opacity: 1;} */

.top_hero .mod_sitemap ul::-webkit-scrollbar {
  display: none;
}
.top_hero .mod_sitemap ul {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0;
  list-style: none;
  margin: 0;
}

.top_hero{position: -webkit-sticky;
  position: sticky;
  top: 80px;
  float: left;
  width: auto;
  border: 1px solid gray;
  border-radius: 20px;
  padding: 5px;
  max-width: calc(200px - 2em);
  max-width:calc(200px - 2em);
  max-width:calc(200px - 2em);
  max-width:-o-calc(200px - 2em);
  max-width:-moz-calc(200px - 2em);
  max-width:expression(200px - 2em);
  max-width:-webkit-calc(200px - 2em);
  margin: 1em;
  width: 100%;}

.top_hero::before{content:"";position:absolute;top:0;right:0;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  width:100%;height:100%;z-index: 10;  border-radius: 20px;pointer-events: none;
}

.top_hero ul li{font-size: 14px;}

.layout_landingpage_two a.page_box_link h3{font-weight: initial;
  color: white;}

.layout_landingpage_one a.page_box_link,
.layout_landingpage_two a.page_box_link{color:initial;width:100%;}

.layout_comparison .content h1:not(.fad_visuallyhidden) {
  font-size: 1.5em;
}

/* Newsliste im Text */

 .page_blogreader #newsliste .fad_blog_article{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   padding: 10px 10px;
   flex-wrap: wrap;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   -webkit-transition: 400ms all linear;
   -o-transition: 400ms all linear;
   transition: 400ms all linear;
   color:initial;
   margin:0;
   width: 100%;
}

.page_blogreader #newsliste .fad_blog_article:hover{background-color: rgb(245, 245, 245);}

.page_blogreader #newsliste .fad_blog_article .lazy_img_container{height: 100px;
  width: 100px;}

.page_blogreader #newsliste .fad_blog_article h3{-webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;}

.page_blogreader #newsliste .fad_blog_article .fad_blog_article_topic,
.page_blogreader #newsliste .fad_blog_article .fad_blog_article_topic{
  font-size: 12px;
  position: absolute;
  top: 10px;
}

.post_content .newsliste{-webkit-box-shadow: 0 9px 20px rgba(0, 0, 0, 0.03);
  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  margin: 40px auto;}

.post_content .newsliste .newslist_caption{text-align: center;
  font-size: 16px;
  padding: 0px 0px;
  margin:0px 0px;
  background-color: rgba(255, 255, 255, 1);}

@media screen and (min-width: 1000px) {
  body.margin-top {
    margin-top: 125px;
  }

  body.margin-bottom {
    margin-bottom: 125px;
  }
}

#sticky_top .ads_headline {
  position: absolute;
  top: 100%;
  margin: 0;
  right: 0;
  background: #fff;
  padding: 4px 10px;
}

#sticky_bottom .ads_headline {
  position: absolute;
  bottom: 100%;
  margin: 0;
  right: 0;
  background: #fff;
  padding: 4px 10px;
}

.cartoon {
  position: relative;
  display: block;
  margin: 0 auto;
}

.box-right .mod_code {
  text-align: center;
}

/************* Kodex **********/

.slim_page_html {
  background-color: #fff;
}

.kodex_frame_wrapper {
  border-bottom: 100px solid #fff;
  background: #aa3219;
  background-image: -webkit-linear-gradient(#701909 0%, #aa3219 7%, #701909 95%, #aa3219 100%);
  background-image: -moz-linear-gradient(#701909 0%, #aa3219 7%, #701909 95%, #aa3219 100%);
  background-image: -o-linear-gradient(#701909 0%, #aa3219 7%, #701909 95%, #aa3219 100%);
  background-image: linear-gradient(#701909 0%, #aa3219 7%, #701909 95%, #aa3219 100%);
}

.kodex_header {
  width: 523px;
  margin: 0 auto -325px;
  overflow: hidden
}

.kodex_logo {
  display: block;
  float: left;
  position: relative;
}

.kodex_buttons {
  margin: 27px 0 -54px 155px;
}

.social-network .button{background-color:transparent;}

.kodex_buttons .button {
  padding: 7px 14px;
  border: 1px solid #780f00;
  border-radius: 5px;
  color: #f4e1df;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  text-shadow: 1px 1px 0 #922812;
  box-shadow: 0 1px 0 0 #e8967e inset;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
  background: #d74820;
  background: -webkit-linear-gradient(center top, #d74820 5%, #b82912 100%);
  background: -moz-linear-gradient(center top, #d74820 5%, #b82912 100%);
  background: -o-linear-gradient(center top, #d74820 5%, #b82912 100%);
  background: linear-gradient(center top, #d74820 5%, #b82912 100%);
}

.kodex_buttons .button:hover {
  background: #f4653d;
  background: -webkit-linear-gradient(center top, #f4653d 5%, #b82912 100%);
  background: -moz-linear-gradient(center top, #f4653d 5%, #b82912 100%);
  background: -o-linear-gradient(center top, #f4653d 5%, #b82912 100%);
  background: linear-gradient(center top, #f4653d 5%, #b82912 100%);
}

.kodex_buttons .button:active {
  border-top: 1px solid #381007;
  box-shadow: 0 -1px 0 0 #d58a79 inset;
  background: #832510;
  background: -webkit-linear-gradient(center top, #832510 5%, #b73417 100%);
  background: -moz-linear-gradient(center top, #832510 5%, #b73417 100%);
  background: -o-linear-gradient(center top, #832510 5%, #b73417 100%);
  background: linear-gradient(center top, #832510 5%, #b73417 100%);
}

.kodex_buttons .button.selected {
  border-top: 1px solid #381007;
  box-shadow: 0 -1px 0 0 #d58a79 inset;
  background: #832510;
  background: -webkit-linear-gradient(center top, #832510 5%, #b73417 100%);
  background: -moz-linear-gradient(center top, #832510 5%, #b73417 100%);
  background: -o-linear-gradient(center top, #832510 5%, #b73417 100%);
  background: linear-gradient(center top, #832510 5%, #b73417 100%);
}

.kodex_caption {
  margin: 110px 0 0 0;
  float: left;
  position: relative;
}

.kodex_caption h2 {
  padding: 0 0 0 56px;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
  font-style: italic;
}

.kodex_caption h1 {
  font-size: 28px;
  font-size: 1.75rem;
}

.kodex_caption h1, .kodex_caption h2 {
  margin: 0;
  color: #911b06;
  font-family: serif;
  letter-spacing: -1px;
  letter-spacing: -0.0625rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.safari .kodex_caption h1, .safari .kodex_caption h2, .opera .kodex_caption h1, .opera .kodex_caption h2 {
  letter-spacing: -0.1rem;
}

.data_makler {
  float: left;
  margin: 20px 0 0 2px;
  color: #911b06;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: serif;
  font-style: italic;
}

.kodex_content_wrapper {
  margin: 160px 0 0;
  padding: 175px 10px 100px;
  border-top: 10px solid #d6d5d4;
  border-bottom: 10px solid #d6d5d4;
  background: #fff;
  background-image: -webkit-linear-gradient(#dfdede 0%, #fff 10%, #fff 95%, #dfdede 100%);
  background-image: -moz-linear-gradient(#dfdede 0%, #fff 10%, #fff 95%, #dfdede 100%);
  background-image: -o-linear-gradient(#dfdede 0%, #fff 10%, #fff 95%, #dfdede 100%);
  background-image: linear-gradient(#dfdede 0%, #fff 10%, #fff 95%, #dfdede 100%);
}

.kodex_content {
  height: 500px;
  max-width: 500px;
  margin: 0 auto;
  overflow-y: scroll;
}

.kodex h1, .kodex h2, .kodex p, .kodex a {
  font-family: serif;
  color: #571102;
  line-height: 1.4em;
}

.kodex h1 {
  margin: 10px 0 20px 0;
  font-style: italic;
  font-weight: 600;
  font-size: 24px;
  font-size: 1.5rem;
}

.kodex h2 {
  margin: 30px 0 -5px 0;
  font-style: italic;
  font-weight: 200;
  font-size: 17px;
  font-size: 1.0625rem;
}

.kodex p {
  font-size: 12px;
  font-size: 0.75rem;
}

.kodex_footer {
  width: 332px;
  margin: -100px auto;
  overflow: hidden;
}

.kodex_banner {
  float: left;
}

.kodex_footer .vbote_logo {
  margin: 45px 0 0 10px;
  float: left;
}

/************* Breaker Module **********/

.breaker-module {
  background: #f2f2f4;
}

.breaker-module .mod_code {
  background: #fff;
}

.breaker-module h3 {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  background: #ededf0;
}

.breaker-module h3 a, .breaker-module h3 span {
  display: block;
  padding: 8px 0;
  padding: 0.5rem 0;
  border: none;
  text-align: center;
}

.breaker-module a:hover h2 {
  color: #2c6cb4;
}

.breaker-module .mod_job_joblist .job_slide, .breaker-module .mod_pagelist ul li {
  padding: 0.625rem 1.25rem;
  border-color: #dddde2;
}

/************* Newsletter **********/

.page_newsletter {
  margin-top: 16px;
  margin-top: 1rem;
  padding: 0 14px;
  padding: 0 0.875rem;
}

.content .page_newsletter .fad_caption {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  line-height: 1.25;
  text-align: left;
  font-weight: bold;
}

.content .page_newsletter .fad_caption span {
  font-size: 36px;
  font-size: 2.25rem;
}

.content .page_newsletter > *:not(.post-image):not(.before_newsletter):not(.after_newsletter), .content .page_newsletter h1.fad_caption, .content .page_newsletter .before_newsletter .before_newsletter_wrapper, .content .page_newsletter .after_newsletter .after_newsletter_wrapper  {
  max-width: 660px;
  max-width: 41.25rem;
  margin-right: auto;
  margin-left: auto;
}

.newsletter {
  max-width: none;
  background: transparent;
}

.mail_newspreview {
  margin: 2rem 0;
}

.mail_newspreview article {
  margin: 2rem 0;
}

.mail_newspreview h3 {
  margin: 0 0 6px;
}

.before_newsletter {
  margin-bottom: 48px;
  margin-bottom: 3rem;
  border-bottom: 1px solid #d2d2d9;
}

.before_newsletter_wrapper > * {
  margin: 32px 0;
  margin: 2rem 0;
}

.after_newsletter {
  margin-top: 48px;
  margin-top: 3rem;
  border-top: 1px solid #d2d2d9;
}

.after_newsletter_wrapper > *{
  margin: 32px 0;
  margin: 2rem 0;
}

/************* Umfrage **********/

#Survey_DoBox\:\:start {
  width: 100%;
  height: 2.5rem;
}

@media screen and (min-width: 31rem) {
  .calculator_online .calculator_buttons td {
    display: inline;
    margin-bottom: 0;
  }

  .calculator_online .calculator_buttons td button {
    width: auto;
    margin-right: 1rem;
  }

  .fad_cms_blog_reader_tag_steps li[itemprop=itemListElement]:not(.selected) {
    display: inline-block;
  }
}

@media screen and (min-width: 32.8125rem) {
  .main-column .fad_blog_article {
    padding: 1.25rem 0.875rem;
  }

  .main-column .fad_blog_article_figure, .aside-column article .fad_blog_article_figure, .news-footer-mods article .fad_blog_article_figure {
    width: 12.5rem;
    padding-bottom: 113px;
    padding-bottom: 7.0625rem;
  }

  .main-column .fad_blog_article_text, .place_news_banner .fad_blog_article_text {
    display: block;
    font-size: 0.875rem;
  }

  .main-column article .fad_blog_article_title + div, .main-column article .fad_blog_article_title + p {
    margin-top: 0.5em;
  }

  .mod_page_preview {
    text-align: left;
  }

  .mod_page_preview .page_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .mod_calculator_online .page_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }

  .mod_page_preview .page_box_image, .mod_calculator_online .page_box_image {
    -webkit-box-flex: 1;
    -ms-flex: 1 10%;
    flex: 1 10%;
    margin: 0;
    padding-right: 0.875rem;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .mod_page_preview .page_box_text, .mod_calculator_online .page_box_text {
    -webkit-box-flex: 1;
    -ms-flex: 1 50%;
    flex: 1 50%;
  }

  .mod_job_joblist{width: 100%;}

  .mod_job_joblist,
  .mod_pagelist a,
  .mod_job_joblist a {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }


  .mod_job_joblist a {grid-gap: 1em;}

  .fad_job_joblist_figure{flex-grow: 0!important;}

  .fad_job_joblist_content,
  .fad_job_joblist_figure{-webkit-box-flex:1;
    -ms-flex:1;
    flex:1}

  .mod_pagelist figure, .mod_pagelist .no-image {
    margin-bottom: 0;
  }

  .mod_comment_editor .info-main .info-left {
    float: left;
    margin: 0;
  }

  .mod_comment_editor .info-main .info-right {
    float: right;
  }
}

@media screen and (min-width: 37.5em) {
  .main-column article .fad_blog_article_title {
    font-size: 1rem;
  }

  .box-right .fad_blog_article, .box-right .mod_job_joblist .job_slide {
    padding: 1rem 0.625rem;
  }

  .box-right .fad_job_joblist_figure, .box-right .fad_show_listimage .fad_job_joblist_nofigure,
  .box-right .mod_pagelist figure, .box-right .mod_pagelist .no-image {
    width: 80px;
    width: 5rem;
  }

  .box-right .mod_job_joblist .job_slide .fad_job_joblist_figure, .box-right .mod_job_joblist .job_slide .fad_show_listimage .fad_job_joblist_nofigure,
  .box-right .mod_pagelist figure, .box-right .mod_pagelist .no-image{
    padding-right: 0.625rem;
  }

  .duo-width .box-right h2 + div, .duo-width .box-right h2 + p {
    margin-top: 0.5em;
  }

  .fad_search_results a h3 {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 43em) {
  .image-left {
    float: left;
    margin-right: 1rem;
  }

  .image-right {
    float: right;
    margin-left: 1rem;
  }

  .image-meta-title, .image-meta-description, .image-meta-source, .video-meta-title, .video-meta-description, .video-meta-source {
    display: block;
    max-width: 41.25rem;
    margin: 0 auto;
    padding: 0;
  }

  .page_blogreader .article-body {
    margin-bottom: 0em;
  }

  .page_blogreader .chapter .chapter_next .chapter_link_text {
    display: inline-block;
  }

  .page_blogreader .chapter .chapter_list {
    padding: 2rem;
  }

  .page_blogreader footer .article-sharing li .sharing-link {
    padding-right: 12px;
    font-size: 0.9375rem;
  }

  .sharing-link svg {
    width: 20px;
    margin-right: 5px;
  }

  .sharing-link .sharing-link-text {
    display: inline;
  }

  .page_blogreader footer .article-sharing li.share-linkedin .sharing-link {
    padding: 8px 14px;
  }

  .share-linkedin .sharing-link #linkedin-in-icon {
    display: none;
  }

  .share-linkedin .sharing-link #linkedin-icon {
    display: inline-block;
    width: 76px;
  }

  .page_blogreader footer .article-sharing li.share-whatsapp {
    display: none;
  }

}

@media screen and (min-width: 44.75em) {
  .page_blogreader, .page_newsletter {
    margin-top: 3rem;
  }

  .post-image {
    margin-left: auto;
    margin-right: auto;
  }

  .footer .footer-top-area ul {
    line-height: inherit;
  }

  .footer .sitemap-topics ul li, .footer ul.sitemap-important li {
    margin: 0 .3em;
  }
}

@media screen and (min-width: 47.5em) {
  .ui-dialog.ajaxFrame-dialog {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0;
    right: auto;
  }

  .header-wrapper {
    padding: 1.25rem 1.25rem 0;
    border-bottom: 1px solid #d2d2d9;
  }

  header .header-top-bar {
    border: none;
    text-align: left;
  }

  #logo {
    padding-top: 0;
  }

  #logo svg {
    width: 347px;
    height: 57px;
  }

  .toggle-search {
    display: none;
  }

  .header .search_form form {
    display: block;
  }

  .search_form {
    height: auto;
    padding-top: 0.625rem;
  }

  .search_form_dropdown {
    display: none !important;
  }

  .toggle-menu {
    display: none;
  }

  #menu {
    display: block !important;
    padding: 0;
    clear: both;
    border: none;
  }

  #menu li {
    display: inline-block;
    padding-right: 11px;
  }

  #menu li a {
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    text-transform: none;
    border-bottom: none;
  }

  #menu .selected > a {
    background: transparent;
  }

  #menu li a:hover {
    background: transparent;
  }

  #menu .menu-item.selected > a {
    padding-bottom: 7px;
    border-bottom: 3px solid #333;
  }

  #menu .menu-item:hover > a {
    color: #737476;
    border-bottom: none;
    padding-bottom: 10px;
  }

  .menu-item.has-submenu > a:after {
    content: "▾";
    padding-left: 3px;
  }

  #menu li.has-submenu .sub-toggle {
    display: none;
  }

  #menu .has-submenu .submenu {
    display: none !important;
  }

  #menu .has-submenu:hover .submenu {
    display: block !important;
    min-width: 150px;
    background: #fff;
    border: 1px solid #d2d2d9;
    border-top: 1px solid #fff;
    position: absolute;
    left: -10px;
    z-index: 1;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
  }

  #menu .has-submenu:hover .submenu li {
    display: block;
    padding: 0;
  }

  #menu .submenu a {
    display: block;
    margin: 0;
    padding: 10px;
  }

  #menu .submenu a:hover {
    background: #ededf0;
  }

  .content h1:not(.fad_visuallyhidden) {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.875rem;
  }

  .content h1.single:not(.fad_visuallyhidden) span {
    display: inline-block;
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
  }

  .content .article-header h1 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: left;
  }

  .page_blogreader .intro {
    line-height: 1.5;
  }

  .page_blogreader .article-body {
    line-height: 1.5;
  }

  .content:after {
    content: "";
    display: block;
    clear: both;
  }

  .solo-width .fad_blog_article {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-shadow: 0 0 20px rgba(0, 0, 20, .25);
    background-color: #16171a;
    height: 0;
    overflow: hidden;
    padding: 0 0 40% 0;
    position: relative;
    border: none;
  }

  .solo-width .fad_blog_article_figure a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .solo-width .fad_blog_article_figure a:after {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-image: linear-gradient(12deg, rgba(0, 15, 20, .6) 15%, rgba(0, 15, 20, .15) 52%, rgba(0, 15, 20, 0) 70%);
    z-index: 2;
  }

  .solo-width .article-teaser-container {
    width: 66%;
    margin: 0;
    padding: 1.25rem;
    color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 3;
  }

  .solo-width .fad_blog_article_title, .solo-width .fad_blog_article_teaser, .solo-width .fad_blog_article_meta {
    color: #fff;
  }

  .solo-width article a.fad_blog_article_content:hover .fad_blog_article_title {
    color: #fff;
  }

  .solo-width .fad_blog_article_meta {
    letter-spacing: 0.03em;
  }

  .duo-width {
    padding: 0 .625rem;
  }

  .duo-width .main-column {
    width: 66.66%;
    float: left;
    padding: 0 0.625rem;
  }

  .main-column .mod_blog_newslist h3 {
    padding: 0;
  }

  .mod_blog_newslist + div {
    border: none;
  }

  .main-column .fad_blog_article {
    padding-right: 0;
    padding-left: 0;
    border: none;
  }

  .duo-width .aside-column {
    width: 33.33%;
    float: right;
    padding: 0 0.625rem;
  }

  .fad_blog_article {
    padding: 1.25rem 0;
  }

  .duo-width .main-column .fad_blog_article.advert, .page_blogreader .fad_blog_article.advert,
  .duo-width .main-column .fad_blog_article.priority, .page_blogreader .fad_blog_article.priority {
    border-radius: 8px;
    padding: 1em;
  }

  .duo-width .main-column .fad_blog_article.advert, .duo-width .main-column .fad_blog_article.priority {
    margin-top: 0;
    margin-right: 0;
    border: none;
  }

  .mod_job_joblist .job_slide {
    padding: 1.25rem 0;
  }

  .mod_pagelist ul li {
    padding: 1.25rem 0;
  }

  .page_blogreader .fad_blog_article {
    margin: 0;
  }

   .mod_job_joblist .job_slide {
    margin: 0;
    width: 100%;
  }

  .box-right {
    padding: 0;
  }

  .box-right h3 a:hover {
    text-decoration: underline;
  }

  .box-right h3 a:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: " \f0da";
  }

  .box-right h3:hover {
    cursor: default;
  }

  .box-right .feed {
    right: .625rem;
  }

  .box-right ol, .box-right ul, .box-right .box-content-wrapper {
    display: block !important;
  }

  .box-right .show-more, .aside-column .mod_pagelist a.show-more {
    display: none;
  }

  .mod_page_preview {
    padding-right: 0;
    padding-left: 0;
  }

  .mod_calculator_online {
    padding-right: 0;
    padding-left: 0;
  }

  .mod_comment_editor {
    margin: 0;
  }

  .mods_before_content, .mods_after_content {
    padding-left: 0;
    padding-right: 0;
  }

  .page_page, .page_authorise, .page_jobreader, .page_survey {
    padding-left: 0;
    padding-right: 0;
  }

  .layout_comparison .single-width .page_page {
    max-width: 100%;
  }

  .single-width .page_page, .single-width .page_authorise, .single-width .page_jobreader, .single-width .page_survey {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
  }

  .layout_comparison_two .single-width .mods_after_content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .single-width .mods_before_content, .single-width .mods_after_content {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .single-width .fad-job-details {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
  }

  .aside-column article .fad_blog_article_figure {
    width: 112px;
    width: 7rem;
    padding-bottom: 65px;
    padding-bottom: 4.0625rem;
  }

  .chapter_index {
    margin-left: -1.25rem;
    padding-left: 1.25rem;
  }

  .single-width .chapter_index {
    margin-left: 0;
  }

  .single-width .chapter_index > * {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
  }

  .chapter > h2, .chapter > h3, .chapter > h4, .chapter > p {
    padding-left: 0;
    padding-right: 0;
  }

  .single-width .chapter {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
  }

  #cms_search_pageBox {
    margin-top: 1.25rem;
  }

  .search_result {
    padding: 1.25rem 0 0;
  }

  .fad_search_results > a, .fad_search_results > li {
    padding-left: 0;
    padding-right: 0;
    border: none;
  }

  .single-width .main-column .webbox, .single-width .main-column .search_result, .single-width .main-column .fad_search_results {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .lexion_letter {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .lexikon h3, .lexikon p {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  #lexikon_search form {
    max-width: 41.25rem;
    margin: 0 auto;
    padding: 1rem 0;
    background: transparent;
  }

  .page_page.schema_Person .fad-image-portrait {
    display: block;
    width: auto !important;
    float: left;
    margin: 0 1rem 1rem 0;
  }

  .single-width .main-column .page_search .webbox {
    max-width: 100%;
    margin: 0;
    background: #ededf0;
  }

  .single-width .main-column .page_search .webbox_cell {
    max-width: 41.25rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 61.25em) {
  .main-column .fad_blog_article_figure {
    width: 16.875rem;
    padding-bottom: 153px;
    padding-bottom: 9.5625rem;
  }

  .main-column .preview-big .article-teaser-container {
    display: block;
  }

  .solo-width .fad_blog_article_figure {
    width: 100%;
  }

  .aside-column .fad_blog_article_figure {
    width: 7rem;
    padding-right: 0.625rem;
  }

  .solo-width .fad_blog_article_teaser {
    font-size: 1rem;
  }

  .solo-width .fad_blog_article_title {
    font-size: 2rem;
  }

  .solo-width .fad_blog_article_text {
    font-size: 1.125rem;
  }

  .solo-width .fad_blog_article_meta {
    font-size: .875rem;
  }
}

@media screen and (min-width: 61.25em) {
  .article-last-next {
    display: block;
  }

  .page_blogreader .teaser {
    font-size: 1rem;
  }

  .page_blogreader .title {
    font-size: 2.25rem;
  }

  .content h1:not(.fad_visuallyhidden) {
    font-size: 2.25rem;
  }

  #wallpaper_single > div, #wallpaper_left > div, #wallpaper_right > div {
    display: block;
  }

  .space_top {
    margin-top: 90px;
    margin-top: 5.625rem;
  }
}

@media screen and (min-width: 62.5em) {
  .ui-dialog.ajaxFrame-dialog {
    width: 62.5rem !important;
    left: 50% !important;
    margin-left: calc(-62.5rem / 2);
    right: auto;
  }
}