.hide-desktop {
  display:none;
}
/**************** media query handhelds less than 950px */
@media screen and (max-width: 950px) {
  img, embed, object, video, iframe {
      max-width: 100%;
      height: auto;
      width: auto;
  }
  #homeTop .frame-layout-203 h1{
      font-size: 50px !important;
      margin-top: 30px !important;
  }
  #homeTop .intro p {
      font-size:18px !important;
  }
  #homeTop .intro h1 {
      font-size:30px !important;
  }
  .headerSliderButtonLeft{
     width: 30px !important;
     height: 50px !important;
     background-size: 50px 50px !important;
  }
  .headerSliderButtonRight{
     width: 30px !important;
     height: 50px !important ;
     background-size: 50px 50px !important;
  }
  .carousel-indicators li {
     width: 20px !important;
     height: 10px !important;
  }
  .carousel-indicators .active {
    width: 20px !important;
    height: 10px !important;
  }
  footer .box { 
    float: left;
    padding: 20px !important;/*Footer Box**/
    width: 100% !important;
  }
}    
/****************** media query handhelds less than 950px */
/**************** media query handhelds less than 840px */
@media screen and (max-width: 840px) {
  #homeTop .frame-layout-203 h1{
      font-size: 30px !important;
      margin-top: 20px !important;
   }
  #homeTop .intro p {
      font-size:18px !important;
  }
  #homeTop .intro h1 {
      font-size:30px !important;
  }
  .headerSliderButtonLeft{
     width: 30px !important;
     height: 50px !important;
     background-size: 50px 50px !important;
  }
  .headerSliderButtonRight{
     width: 30px !important;
     height: 50px !important ;
     background-size: 50px 50px !important;
  }
  .carousel-indicators li {
     width: 20px !important;
     height: 10px !important;
  }
  .carousel-indicators .active {
    width: 20px !important;
    height: 10px !important;
  }
  footer .box { 
    float: left;
    padding: 20px !important;
    width: 100% !important;
  }
}     
@media only screen and (max-width: 768px) {
  #header-logo {
    padding-top: 10px;
    line-height: inherit;
  }
  header.logo:before {
    position: absolute;
    top: -8px;
    width: 0;
    border-top: solid #fff 8px;
    content: '';
  }
  #respnav:before {
    position: absolute;
    top: -8px;
    width: 100px;
    border-top: solid #fff 8px;
    content: '';
  }
  .breadcrumb {
    width: 100%;
    margin-top: 0;
  }
  .breadcrumb ul {
    width: 100%;
  }
  #slidewrap-BT {
    width: 100% !important;
    left: 0 !important;
  }
}
@media screen and (max-width: 640px)  {

  .news-single .article {
    flex-direction: column;
  }  
}
/**************** media query handhelds less than 480px */
@media screen and (max-width: 480px)  {
  h1, h2, h3 {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
     hyphens: auto;
  }
/** Headlines verkleinert **/
  .slinky-menu a {
    font-size: 1.125rem !important;
  }
  h1 {
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .h2-blau-linie h2, .box-person-60-prozent h2, .downloads-breit h2, h2.h2-blau {
    font-size: 28px !important;
  }
  .intro p {font-size: 18px;}
  #homeTop .intro h2 {font-size: 50px;}  
  #wrapper {
    border-top: 5px solid #b5152b;
    margin: 0;
  }
  #footer {
    width: 100%;
    padding: 0;
  }  
  #head-logo {
    width: 40%;
    width: 70%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 999;
  }  
  header.logo {
    border-top: 0px solid #b5152b;
  }  
  #header-logo {
    padding-top: 0;
  }  
  header.logo:before {
    width: 100%;
    display: none;
  }  
  #respmenue-toggle {
    padding-top: 25px;
  }
  footer {
    display:inline-block;
    padding: 0 0 0 0;
  }
  footer .box {   
    display:inline-block;
    float:none;
  }
  footer .box img {
    width: 85%;
  }
  /**** Ab hier alles eingefügt von KERYGMA **/

  #wrapper section.content .text-nav ul li,
  .bild-nav .ce-gallery .ce-column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hervorhebung div.textLinks, .hervorhebung p:first-child, .einrueckung {
    width: 100%!important;
    margin-bottom: 20px !important;
    margin-right: 0!important;
    padding: 0 35px;
  }
  .downloads-schmal {
    margin: 0 0 20px 0px !important;
  }
  section.content .downloads-schmal ul.ce-uploads li {
    width: 100% !important;
    padding: 20px 0 20px 0 !important;
  }
  .button-tel div.button-phone, .button-tel div.ce-text, .button-tel h2 {
    width: 100% !important;
    padding-left: 40px !important;
  }
  .zitat {
    padding: 0 35px;
  }
  .box-linie-unten h2, 
  .box-2-linien h2,
  .box-2-linien .ce-bodytext, 
  .box-linie-unten .ce-bodytext {
    margin-left: 0 !important;
  }
  .box-linie-unten .ce-gallery, 
  .box-2-linien .ce-gallery {
    width: 100% !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px; 
  }
  #slidewrap-BT {
    width: 100% !important;
    left: 0 !important;
  }
  main.template_browser .button-link {
  width: 100% !important;
  }
  section.content .teaser-nav .ce-image .ce-column a > figure, section.content .teaser-nav .ce-image a > .ce-bodytext {
    width: 100% !important;
    margin-right: 0 !important;
  }
  section.content .teaser-nav .ce-bodytext, section.content .teaser-nav .ce-column a .ce-bodytext {
    width: 100% !important;
    padding-left: 15px;
    background-image: url(../img/angle_right2_big.svg);
    background-repeat: no-repeat;
    background-position: 115% 45%;
    background-clip: padding-box;
    background-size: 30% 30%;
  }
  #homeTop .intro .ce-bodytext, #homeTop .intro .ce-text {
    padding: 0 30px !important;
  }
  #homeTop .frame-layout-203 h1 {
    padding: 0 30px !important;
  }
  main section.content .bild-nav .ce-gallery a h2, main section.content .teaser-nav h2 a {
    padding: 15px 0 25px 0 !important;
  }
  .bild-nav .ce-gallery .ce-column {
    padding-left: 35px !important;
    background-position: 105% 50% !important;
  }
  .bild-nav .ce-gallery .ce-column img {
    max-width: 70% !important;
    margin-bottom: 20px;
  }
  /**** Bis hier alles eingefügt von KERYGMA **/
}
/****************** media querie handhelds less than 480px */
/**************** media query handhelds less than 320px */
@media screen and (max-width: 320px)  {
  a, a:link {
    padding: 5px 5px 5px 0;
  }
}

/**************** media query handhelds less than 320px */
@media screen and (max-width: 768px)  {
  /** Aside-Subnavigation ausblenden um Kontakte hoch zu ziehen **/
  aside {display: flex;flex-direction: column;}
  aside > .label {margin-top: 40px;order: 20;}
  aside .sidebar {order: 21;}
  aside .kontakt:first-of-type {order: 1;}
  aside .kontakt:nth-of-type(2) {order: 2;}
  aside .kontakt:nth-of-type(3) {order: 3;}
  aside .kontakt:nth-of-type(4) {order: 4;}
  aside .kontakt:nth-of-type(5) {order: 5;}
  aside .kontakt:nth-of-type(6) {order: 6;}
  aside .kontakt:nth-of-type(7) {order: 7;}
  aside .kontakt:nth-of-type(8) {order: 8;}
  aside .kontakt:nth-of-type(9) {order: 9;}
  aside .kontakt:nth-of-type(10) {order: 10;}
  aside .kontakt:nth-of-type(11) {order: 11;}
  aside .kontakt:nth-of-type(12) {order: 12;}
  aside .kontakt:nth-of-type(13) {order: 13;}
  aside .kontakt:nth-of-type(14) {order: 14;}
  aside .kontakt:nth-of-type(15) {order: 15;}
  aside .kontakt:nth-of-type(16) {order: 16;}
  aside .kontakt:nth-of-type(17) {order: 17;}
  aside .kontakt:nth-of-type(18) {order: 18;}
  aside .kontakt:nth-of-type(19) {order: 19;}
}
/*easySoft*/
#easysoft {margin-top: 20px !important; }
@media screen and (min-width: 1400px) {
  #easysoft {width: calc(100% + 245px)!important;min-width: 640px;overflow:hidden; }
}
@media screen and (max-width: 1240px) {
  #easysoft {width: 100%!important;min-width: 520px; margin-top: 20px;margin-left: -50px!important;overflow:hidden;}
}
@media screen and (max-width: 1024px) {
  #easysoft {width: 100%!important;min-width: 520px; margin-top: 20px;margin-left: 0!important;overflow:hidden;}
}
@media screen and (max-width: 950px) {
  #easysoft {width: 100%!important;min-width: 520px; margin-top: 20px;margin-left: 0!important;overflow:hidden;}
}
@media screen and (max-width: 840px) {
  #easysoft {width: 100%!important;/*min-width: 500px;*/ margin-top: 20px;margin-left: 0!important;overflow:hidden;}
}
@media screen and (max-width: 768px) {
  #easysoft {
    width: 1px;
    min-width: 100%!important;
    *width: 100%; 
    margin-top: 20px;margin-left: 0;overflow:hidden;
    min-height: 4000px !important;
  }
}
@media screen and (min-width: 1240px) {
  section.content .standard .frame-custom-20 {
    width: calc(100% + 145px)!important;
    margin-left: -75px;
    float: left;
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  section.content .standard .frame-custom-20 {
    width: 100%;
    margin-left: 0 !important;
    max-width: 640px;
  }
  
   main section.content .shariff {
	bottom:15%;
	width: 33px;
  } 
  #back-top.on {
    bottom: 40px;
    right: 3%;
  }  
}