.hide-desktop {
  display:none;
}

/**************** media query handhelds less than 950px */
@media screen and (max-width: 950px) {
  img, embed, object, video {
      max-width: 100%;
      height: auto;
      width: auto;
  }
  iframe {
      width: 100%;
  }  
  /*#jobs-iframe {height: 2600px;}  */
  #homeTop .frame-layout-203 p.fadetext{
      font-size: 50px !important;
      margin-top: 30px !important;
  }
  #homeTop .intro p {
      font-size:18px !important;
  }
  #homeTop .intro h1 {
      font-size:30px ;
  }
  .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;
  }
  
  .notfall-popup-content h1
  {
	  font-size: 30px;
  }
  
  .notfall-popup-content div.frame div.standard
  {
	  width: 100%;
	  margin-right: 0px;
  }
  
  .notfall-popup-content p, .notfall-popup-content p strong,
  div#homeTop #notfall-popup .standard ul li
  {
	  font-size: 18px;
	  line-height: 1.3;
  }
}     
/****************** media query handhelds less than 950px */
/**************** media query handhelds less than 840px */
@media screen and (max-width: 840px) {
	
	/* Marke Header Slider Bild Text 
	.item:last-child .sliderheadlinewrapper p:last-child
	{
		font-size: 1.5em;
	} 
	#homeTop .frame-layout-203 h3 {
		background-position-x: 10rem;
		padding-top: 7.4rem;
	}
	
	#homeTop .frame-layout-203 h1.markeX
	{
		font-size: 50px !important;
	}*/
	
  #homeTop .frame-layout-203 p.fadetext{
      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: 0 0 0 20px !important;
    width: 100% !important;
  }
  .box-2-linien .frame-type-textmedia.frame-layout-360 .ce-left.ce-above > .ce-bodytext,
  .box-linie-unten .frame-type-textmedia.frame-layout-370 .ce-left.ce-above > .ce-bodytext {
	margin-top: -15px;
  }
}     
@media only screen and (max-width: 768px) {
.stickyLeft.hideMobile {
  display:none;
}
  a.doctolib {display:none !important;}
  #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;
  }
  section.content .box-100-prozent .frame-type-html, section.content .box-100-prozent .frame-type-table { 
	margin-left: 0; padding-right: 0;
	}   
	
  .notfall-open-btn
  {
	  float: left;
	  right: 0px;
	  top: 0px;
	  margin-bottom: 10px;
	  padding: 1rem 0.6rem;
  }
  .notfall-popup-content {
    max-height: calc(100vh - 50px);
  }  
  .notfall-close-btn
  {
	  position: unset;
	  float: right;
	  margin-top: -16px;
  }
  .die-alexianer-in-den-sozialen-medien
  {
	width: 90%;
	margin: 5% 5% 0% 5%;
	padding: 0 0 0 0;
  }  
}
@media screen and (max-width: 640px)  {
	#coronaSeite {
		top: 250px;
		width: 80%;
	}
	#coronaSeite h2 {
		font-size:20px;
	}
	#coronaSeite h3 {
		font-size:16px;
	}	
  .notfall-open-btn
  {
	  padding: 0.3rem 0.4rem;
	  top: -2px;
	  margin-bottom: 15px;
      margin-left: 20px;
  }	
}
/**************** 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: 60%;
	margin-bottom: 10px;
  }
  /**** Ab hier alles eingefügt von KERYGMA **/
  section.content, section.content .standard, section.content .box-60-prozent, section.content .intro, .box-2-linien, 
  .box-linie-unten, .button-link, 
  .button-tel, .downloads-breit, main.template_browser section.content div.standard, aside{
    width: 100%;
    float:left;
  }
  #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:not(.markenButton) .ce-bodytext, section.content .teaser-nav .ce-column a .ce-bodytext {
    width: 100% !important;
    padding-left: 15px;
    background-image: url(../Images/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;
  }
  /*#jobs-iframe {height: 2900px;}   */
  /**** Bis hier alles eingefügt von KERYGMA **/
	#coronaSeite{
		/*max-width: 95%;*/
		top: 150px;
		padding: 20px 10px 10px 20px;
	}
	/*#coronaSeite h2 {
		font-size:24px;
		padding-right: 30px;
	}
	#coronaSeite h3 {
		font-size:16px;
	}*/
}
/****************** 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 (max-width: 1500px) {
  .die-alexianer-in-den-sozialen-medien{width: calc(100% + 18%);}
}

@media screen and (max-width: 1400px) {
  .die-alexianer-in-den-sozialen-medien{width: calc(100% + 20%);}
}

@media screen and (max-width: 1280px) {
  .die-alexianer-in-den-sozialen-medien{width: calc(100% + 22%);}
}

@media screen and (max-width: 1024px) {
  .die-alexianer-in-den-sozialen-medien{width: 100%;}
}
/*
@media screen and (max-width: 800px) {
  .die-alexianer-in-den-sozialen-medien{width: 100%;}
}
*/
@media screen and (max-width: 769px) {
  .die-alexianer-in-den-sozialen-medien{width: 90%;}
}

@media screen and (min-width: 920px) {
	section.content .box-100-prozent .frame-type-html, section.content .box-100-prozent .frame-type-table {
	  margin-left: -50%;
	  padding-right: 70px;
	}
}
/*
@media screen and (min-width: 1024px) {
	#jobs-iframe {height: 2300px;}
}
*/
@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 (min-width: 1400px) {
	#jobs-iframe {height: 2200px;}
}
*/
@media screen and (max-width: 640px) {
  section.content .standard .frame-custom-20 {
    width: 100%;
    margin-left: 0 !important;
    max-width: 640px;
  }
}

/** Markenbuttons **/
@media screen and (max-width: 1023px) {
  section.content a.markenButton h1 {
    font-size: 2rem !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 640px) {
  /*section.content a.markenButton h2 {
    display: none;
  }*/
  section.content a.markenButton h1 {
    font-size: 1.6rem !important;
    margin-top: 0 !important;
  }
  section.content a.markenButton.teaser-nav .video .ce-above .ce-gallery {
	width:90%;
  }
  section.content a.markenButton.teaser-nav  p {
    display:none;
  }
  a.markenButton.teaser-nav .ce-textpic {
    min-height: 100px !important;
 }
  main section.content .shariff {
	bottom:15%;
	width: 33px;
  } 
  /*
  #back-top.on {
    bottom: 20px;
    right: 8%;
  } 
*/  
}