* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  font-family: 'Dosis';
  font-size: 16pt;
  font-weight: 600;
  word-break: keep-all;
  word-wrap: normal;
  padding: 0 !important;
}

.clr, .clearbox {
  float: none;
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Baloo Tamma 2';
  font-weight: 500;
}
h1 {
  line-height: 50px;
}
h2 {
  line-height: 40px;
}
h3 {
  line-height: 30px;
}
h4 {
  line-height: 25px;
}
h5 {
  line-height: 20px;
}
.innerbox {
  width: 96%;
  max-width: 1900px;
  padding: 0 2%;
  margin: 0 auto;
}

header,
header.small {
  transition: all ease 0.5s;
  Xposition: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  padding: 5px 0;
  height: 290px;
  border-bottom: 2px solid rgba(1, 136, 159, 1);
}
header.shown {
  1opacity: 0;
  1display: none;
  position: fixed;
  height: 90px;
  Xtop: -150px;
  background: rgba(255, 255, 255, 1);
  transition: all ease 0.5s;
  X-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(1, 136, 159, 1);
  Xbox-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(1, 136, 159, 1);
}
header.shown {
  opacity: 1;
  top: 0;
  transition: all ease 0.5s;
  position: fixed;
  z-index: 999999;
}
header .headbox h2,
header .headbox h3 {
  transition: all ease 0.5s;
}
header .headbox h2 {
  color: #EF7B00;
  font-size: 46pt;
  line-height: 46pt;
}
header .headbox h3 {
  color: #E20510;
  font-size: 32pt;
  line-height: 32pt;
}

header .headbox .headerlogo {
  position: relative;
}

header .headbox .headerlogo h2 {
  position: absolute;
  bottom: 0;
}


.headbox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.headbox-box {
    flex: 1 0 auto;
}

.headbox-box:nth-child(1) {
  flex-grow: 0;
}

.headbox-box:nth-child(2) {
  flex-grow:1;
  align-self: flex-end;
}

.headbox-box:nth-child(3) {
  flex-grow:0;
}

.headbox-box .moduletable {
  position: relative;
}

header .headerlogo img {
  max-width: 100%;
  height: auto;
  transition: all ease 0.5s;
}

.mod_before_content_full_width {
  margin: 0px 0 0 0;
}
.mod_before_content_full_width img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
header.big.notshown {
  display: none;
}
header.fixed2,
header.small2 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  padding: 5px 0;
}
header.fixed .headerlogo img,
header.shown .headerlogo img {
  max-width: 80px;
  height: auto;
  margin: 0 20px 0 0;
}
header.fixed .maximenumobiletogglericonck,
header.shown .maximenumobiletogglericonck {
  top: 25px;
}
header.fixed .headbox h2,
header.shown .headbox h2 {
  font-size: 26pt;
  line-height: 26pt;
}
header.fixed .headbox h3,
header.shown .headbox h3 {
  font-size: 12pt;
  line-height: 12pt;
}

[data-id="maximenuck112"] .mobilemenuck-bar-title,
[data-id="maximenuck125"] .mobilemenuck-bar-title {
  background: none;
  font-size: 0px;
  line-height: 0px;
}
[data-id="maximenuck112"] .mobilemenuck-bar-button,
[data-id="maximenuck125"] .mobilemenuck-bar-button {
  display: inline-block;
  height: 60px;
  width: 80px;
  line-height: 6px;
  border-radius: 4px;
  transition: all ease 0.5s;

  border: 0px solid magenta;
  background: none;
  font-size: 0px;
  top: 35px;
  right: 5vw;
}
header.shown [data-id="maximenuck112"] .mobilemenuck-bar-button,
header.shown [data-id="maximenuck125"] .mobilemenuck-bar-button {
    top: 10px;
}
.mobilemenuck-wrap-topfixed {
  display: none;
}
.mobilemenuck-wrap-topfixed.modified {
  display: inline-block;
}

.maximenumobiletogglericonck {
  text-align: right;
  transition: all ease 0.5s;
  cursor: pointer;
  position: absolute;
  top: 50px;
  right: 5vw;
}
.maximenumobiletogglericonck .mmiclines {
  display: block;
  width: 60px;
  height: 6px;
  border:0px solid red;
  border-radius: 4px;
  margin: 6px 0 6px 10px;
  transition: all ease 0.5s;
}
.maximenumobiletogglericonck .mmiclines.line1 {
  background: #EF7B00;
}
.maximenumobiletogglericonck .mmiclines.line2 {
  background: #01889F;
  width: 80px;
  margin-left: 0;
}
.maximenumobiletogglericonck .mmiclines.line3 {
  background: #E20510;
}

.maximenumobiletogglericonck .mmiclines.line1.hovered,
.maximenumobiletogglericonck .mmiclines.line3.hovered {
  width: 80px;
  margin-left: 0;
}
.maximenumobiletogglericonck .mmiclines.line2.hovered {
  width: 60px;
  margin-left: 10px;
}

main {
  background: url('../images/jana-diener-logopaedie-contentlogo.png') left bottom no-repeat;
  background-size: 40vw auto;
  padding: 0 0 5vh 0;
}
main .contentbox {
  Xmargin-top: 30vh !important;
  transition: all ease 0.5s;
}
header.small + main .contentbox {
  margin: 100px 0 0 0;
}
main .contentbox.top1 {
  margin-top: 70% !important;
}
main a {
  color: #01889F;
  text-decoration: none;
  font-weight: 800;
  transition: all ease 0.5s;
}
main a:hover {
  border-bottom: 1px solid #EF7B00;
}


main .page-header {
  color: #EF7B00;
  margin: 0 0 20px 0;
  font-size: 1em;
}

main .contentbox {
  margin: 5vh 0;
  min-height: 800px;
}

main .contentbox .page-header {
  color: #01889F;
  word-wrap: break-word;
}

main .contentbox .readmore a.btn {
  text-decoration: none;
  background: #EF7B00;
  color: #fff;
  padding: 10px 30px;
  float: right;
  position: relative;
  border-radius: 5px;
}
main .contentbox .readmore a.btn:hover {
  border-bottom: 0;
  color: #01889F;
}
main .contentbox .readmore a.btn::before {
  width: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
  border-top: 25px solid #ffffff;
  border-left: 25px solid #01889F;
  border-radius: 0 5px 0;
}

main .contentbox ul {
  margin: 10px 0 10px 25px;
}

main .contentbox h3, main .contentbox h4 {
  color: #EF7B00;
  margin: 30px 0 10px 0;
  word-wrap: break-word;
}

main .contentbox .img_home {
  width: 100%;
  height: auto;
  max-width: 25%;
  margin: 0 5vw;

  border: 10px solid; /* Rahmenbreite und -stil festlegen */
  border-image-source: linear-gradient(to right, #EF7B00, #01889F); /* Farben definieren */
  border-image-slice: 1;
}

main .contentbox .blog-item {
  margin: 0 0 15vh 0;
}

main .is_articletimeline .mod_timeline_item_title {
  display: none;
}
main .is_articletimeline .mod-articles-category-introtext {
  text-align: center;
}
main .contentbox .timeline__item .timeline__content .mod-articles-category-introtext {
  height: auto !important;
}


main .contentbox #cf_1,
main .contentbox .convertforms .cf-label {
  font-family: "Dosis" !important;
  font-weight: 600 !important;
  font-size: 16pt !important;
}
main .contentbox .convertforms .cf-label .cf-required-label {
  color: #E20510;
}
main .contentbox .convertforms .cf-input {
  border: 1px solid #01889F !important;
  border-radius: 5px;
  font-size: 14pt;
}
main .contentbox .convertforms fieldset {
  border: none;
}
main .contentbox .convertforms .cf-btn {
  background: #01889F;
  width: 100%;
  font-size: 20pt;
  border-radius: 5px;
  transition: all ease 0.5s;
}
main .contentbox .convertforms .cf-btn:hover {
  background: #EF7B00;
}

main .contentbox .timeline__item .timeline__content {
  border-radius: 5px;
  padding: 10px;
}
main .contentbox .timeline__item .timeline__content p {
  font-size: 14pt;
}
main .contentbox .timeline__item:nth-child(1) .timeline__content,
main .contentbox .timeline__item:nth-child(4) .timeline__content,
main .contentbox .timeline__item:nth-child(7) .timeline__content {
  background: #01889F;
}
main .contentbox .timeline__item:nth-child(2) .timeline__content,
main .contentbox .timeline__item:nth-child(5) .timeline__content,
main .contentbox .timeline__item:nth-child(8) .timeline__content {
  background: #E20510;
}
main .contentbox .timeline__item:nth-child(3) .timeline__content,
main .contentbox .timeline__item:nth-child(6) .timeline__content,
main .contentbox .timeline__item:nth-child(9) .timeline__content {
  background: #EF7B00;
}

main .contentbox .timeline__item .timeline__content .mod-articles-category-introtext {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  color: #fff;
  font-size: 16pt;
}


main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(1) .timeline__content::before,
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(7) .timeline__content::before {
  border-top: 12px solid #01889F;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(1) .timeline__content::after,
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(7) .timeline__content::after {
  border-top: 10px solid #01889F;

}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(2) .timeline__content::before {
  border-bottom: 12px solid #E20510;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(2) .timeline__content::after {
  border-bottom: 10px solid #E20510;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(3) .timeline__content::before {
  border-top: 12px solid #EF7B00;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(3) .timeline__content::after {
  border-top: 10px solid #EF7B00;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(4) .timeline__content::before {
  border-bottom: 12px solid #01889F;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(4) .timeline__content::after {
  border-bottom: 10px solid #01889F;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(5) .timeline__content::before {
  border-top: 12px solid #E20510;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(5) .timeline__content::after {
  border-top: 10px solid #E20510;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(6) .timeline__content::before {
  border-bottom: 12px solid #EF7B00;
}
main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(6) .timeline__content::after {
  border-bottom: 10px solid #EF7B00;
}


main .contentbox .timeline--horizontal .timeline-divider {
  background-color: #EF7B00;
}
main .contentbox .timeline__item::after {
  background-color: #EF7B00;
  border: 4px solid #EF7B00;
}
main .contentbox .year_box .timeline_year {
  background-color: #EF7B00;
  font-size: 16pt;
}
main .contentbox .timeline__item--top .year_box {
  bottom: -50px;
}
main .contentbox .timeline__item--bottom .year_box {
  top: -50px;
}
main .contentbox .timeline-nav-button {
  border: 2px solid #EF7B00;
}





footer {
    background: #EF7B00;
    color: #fff;
    margin: 0 0 0 0;
}

footer h3 {
  font-size: 25pt;
}
footer a {
  color: #fff;
  text-decoration: none;
  background: none;
  transition: all ease 0.5s;
  padding: 2px 4px;
}
footer ul.maximenuck li {
  margin: 0 0 5px 0 !important;
}
footer ul.maximenuck li:hover {
  background: none !important;
}
footer a:hover,
footer li.active.level1 a,
footer li.active.level1 li.active.level2 a,
footer li.active.level1 li.level2 a:hover {
  background: #fff;
  color: #01889F;
  display: inline-block !important;
}
footer li.active.level1 li.level2 a {
  background: none;
  color: #fff;
}
.footerbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}
.footerbox-box.footercontact, .footerbox-box.footermenu, .footerbox-box.footerinfo {
    flex: 1 0 32%;
}

.footercontact {
  flex: 1;
  flex-grow: 1;
  background: #01889F;
}

.footermenu {
  flex: 1;
  flex-grow:1;
}
.footermenu div#maximenuck123.maximenuckv ul.maximenuck li.level1.parent > a::after {
  display: none;
}
.footermenu div#maximenuck123 {
  font-size: inherit;
  line-height: inherit;
}
.footermenu ul ul {
  margin: 5px 0 0 25px;
  list-style-type: "- ";
}

.footerinfo {
  flex: 1;
  flex-grow:1;
  background: #E20510;
}

.footerbox .moduletable {
  margin: 5vh 0;
  padding: 15px;
}





[data-id="maximenuck112"].mobilemenuck,
[data-id="maximenuck125"].mobilemenuck {
  background: #EF7B00;
  font-size: 1em;
  z-index: 9999999 !important;
}
[data-id="maximenuck112"] .mobilemenuck-title,
[data-id="maximenuck112"] .mobilemenuck-item > .level1,
[data-id="maximenuck112"] .mobilemenuck-item > .level2,
[data-id="maximenuck125"] .mobilemenuck-title,
[data-id="maximenuck125"] .mobilemenuck-item > .level1,
[data-id="maximenuck125"] .mobilemenuck-item > .level2 {
  background: #01889F !important;
  transition: all ease 0.5s;
  x-color: #01889F;
}
.mobilemenuck-itemwrap {
  margin: 15px 0 0 0;
}
[data-id="maximenuck112"] .mobilemenuck-togglericon::after {
  background: rgba(255, 255, 255, 0) !important;
}
[data-id="maximenuck112"] .mobilemenuck-item > .level1:hover,
[data-id="maximenuck112"] .mobilemenuck-item > .level1.active,
[data-id="maximenuck112"] .mobilemenuck-item > .level2:hover,
[data-id="maximenuck112"] .mobilemenuck-item > .level2.active,
[data-id="maximenuck125"] .mobilemenuck-item > .level1:hover,
[data-id="maximenuck125"] .mobilemenuck-item > .level1.active,
[data-id="maximenuck125"] .mobilemenuck-item > .level2:hover,
[data-id="maximenuck125"] .mobilemenuck-item > .level2.active {
  background: #E20510 !important;
}
[data-id="maximenuck112"] .mobilemenuck-togglericon::after,
[data-id="maximenuck125"] .mobilemenuck-togglericon::after {
  line-height: 25px;
}
[data-id="maximenuck112"] .mobilemenuck-item > .level2 a,
[data-id="maximenuck125"] .mobilemenuck-item > .level2 a {
  color: #fff;
}
[data-id="maximenuck112"] .mobilemenuck-backbutton:hover,
[data-id="maximenuck125"] .mobilemenuck-backbutton:hover {
  opacity: 1;
  background: #EF7B00 !important;
}
[data-id="maximenuck112"] .mobilemenuck-backbutton svg,
[data-id="maximenuck125"] .mobilemenuck-backbutton svg {
  top: 2px;
}

/* #01889F türkis | #EF7B00 orange | #E20510 rot */

#s-ttl {
  color: #01889F;
  font-size: 1.5em;
}


.b-tl,
.b-tl:hover {
  color: #01889F;
}
.b-tl.exp {
  color: rgba(255, 255, 255, 1);
}
#s-c-bn::after, #s-c-bn::before {
  background: rgba(239, 123, 0, 1);
}
#s-c-bn {
  background: rgba(1, 136, 159, 0.5);
  color: #EF7B00;
}
#s-c-bn::after:hover, #s-c-bn::before:hover {
  background: rgba(239, 123, 0, 0.1);
}
#s-c-bn:hover {
  background: rgba(239, 123, 0, 0.5);
  color: #EF7B00;
}
button.c-bn:hover {
  color: #fff;
}
/*
.cc_div .off-i {
  background-color: #EF7B00;
}
.cc_div .on-i {
  background-color: #E20510;
}


.cc_div .act .b-bn .exp::before,
.cc_div .b-bn .exp::before {
  border-color: #EF7B00;
}
*/
.cc_div .c-bn {
  padding: 1em;
}


.cc-trigger svg1 {
  color: #fff;
  background: #fff;
}
.cc-trigger.cc-trigger-icon svg path {
  fill: #fff;
}



/*
@media(min-width: 1995px) {
  .maximenumobiletogglericonck {
    top: 4.5vh;
    right: 7.5vw;
  }
}
*/
@media(max-width:1120px) {
  .headbox-box:nth-child(1) {
    flex-grow: 0;
  }
  header {
    height: 290px;
  }
  header.small {
    Xheight: 265px;
  }
  header .headbox .headerlogo img {
    Xmax-width: 50%;
    height: auto;
    float: none !important;
  }
  .maximenumobiletogglericonck {
    top: 20px;
  }
}

@media(max-width:900px) {
  header {
    height: 300px;
  }
  .headbox {
    display: block;
  }
  .headbox-box {
    max-width: 100%;
  }
  .headbox .headerlogo {
    display: block;
    width: 100%;
    text-align: center;
  }
  .header.shown .headbox .headerlogo {
    width: 25%;
    float: left;
  }
  header .headbox .headerlogo img {
    width: 100%;
    max-width: 25%;
  }
  .header.shown .headbox .headerlogo img {
    max-width: 95%;
    max-height: 80px;
    width: auto;
  }
  .headbox .headertext {
    display: block;
    width: 100%;
    text-align: center;
  }
  header.shown .headbox .headertext {
    width: 70%;
    text-align: left;
  }
  .headbox-box {
    flex: 1 1 50%;
    flex-grow: 1;
  }
}


@media(max-width:800px) {
  header {
    height: 300px;
  }
  header.shown {
    height: 90px;
  }
  .headbox {
    flex-wrap: wrap;
  }
  .headbox-box:nth-child(1),
  .headbox-box:nth-child(2),
  .headbox-box:nth-child(3) {
    flex-grow: 1;
    text-align: center;
    word-wrap: break-word;
    max-width: 100%;
  }
  .headertext h2 {
    word-wrap: break-word;
    max-width: 100%;
  }
  header.shown .headbox .headerlogo {
    text-align: center;
    width: 100%;
  }
  header.shown .headbox .headerlogo .moduletable {
    position: unset;
  }
  header.shown .headbox .headerlogo img {
    max-width: 50%;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    float: none !important;
  }
  header.shown .headbox .headerlogo img {
    max-width: 25%;
    height: auto;
  }
  [data-id="maximenuck112"] .mobilemenuck-bar-button {
    top: 0px;
  }
  .maximenumobiletogglericonck {
    Xtop: 15px;
  }
  main {
    background-size: 95%;
  }
  main .contentbox {
    Xmargin-top: 380px !important;
  }
  main .contentbox .img_home {
    width: 100%;
    height: auto;
    x-max-width: 50%;
    float: none;
  }
}

@media(max-width: 780px) {
  .mod_before_content_full_width {
    Xmargin: 55vh 0 0 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(1) .timeline__content::before,
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(7) .timeline__content::before {
    border-top: 12px solid #01889F;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(1) .timeline__content::after,
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(7) .timeline__content::after {
    border-top: 10px solid #01889F;
    border-bottom: 0;

  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(2) .timeline__content::before {
    border-top: 12px solid #E20510;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(2) .timeline__content::after {
    border-top: 10px solid #E20510;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(3) .timeline__content::before {
    border-top: 12px solid #EF7B00;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(3) .timeline__content::after {
    border-top: 10px solid #EF7B00;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(4) .timeline__content::before {
    border-top: 12px solid #01889F;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(4) .timeline__content::after {
    border-top: 10px solid #01889F;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(5) .timeline__content::before {
    border-top: 12px solid #E20510;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(5) .timeline__content::after {
    border-top: 10px solid #E20510;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(6) .timeline__content::before {
    border-top: 12px solid #EF7B00;
    border-bottom: 0;
  }
  main .contentbox .is_timeline_ht1 .timeline--horizontal .timeline__item:nth-child(6) .timeline__content::after {
    border-top: 10px solid #EF7B00;
    border-bottom: 0px;
  }
  main .contentbox .img_home {
    width: 100%;
    height: auto;
    max-width: 50%;
    float: none !important;
    margin: 2vh auto;
    display: block;
  }
}

@media(max-width: 600px) {
  main .contentbox .img_home {
    max-width: 95%;
  }
}