/** Adjustments by KERYGMA **/
/** Slider Schnappschuss **/
#slidewrap-B.snapshot .carousel-inner > .item > img {
  height: 100%;
  object-fit: contain;
}

#slidewrap-B.snapshot .carousel-inner > .item {
  height: 285px;/*350px;*/
}

#slidewrap-B.snapshot .carousel-inner {
  background: transparent;
}

#slidewrap-B.snapshot > .sliderButtonLeft {
  left: 0;
}

#slidewrap-B.snapshot > .sliderButtonRight {
  right: 0;
}

#slidewrap-B.snapshot {
  padding: 20px 20px;
  background-color: #e5f0f6;
}
  
/** Video Responsive **/
.video-embed {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
}
.video-embed iframe, .video-embed video {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 70px);
  height: 100%;
}
#homeBottom .video-embed iframe, #homeBottom .video-embed video {
  width: 100%;
}
/* Test 2024*/

.videoOverlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  width: 100%;
  height: 100%;
  transition: .5s ease;
  opacity:0;
}
.content .video .image button.ytp-large-play-button.ytp-button {
	background-color: rgba(62, 150, 190,0.3) !important;
	padding: 15px;
}
button.ytp-large-play-button.ytp-button:after {
	content: 'Mit der Aktivierung des Videos werden externe Inhalte von YouTube geladen';
	color: #fff;
	font-size: 0.9em;
	font-family: "NotoSans Regular";
	text-align:center;
	display:inline-block;
	padding: 15px 5px 5px 5px;
	line-height: 140%;
}
button.ytp-large-play-button.ytp-button:hover:after {
	color: #b5152b;
}
/** Formfields - Stellenangebote **/
/** Abstand zwischen den DropDowns -> ist nicht innerhalb des powermail_fieldwrap **/ 
.searchbox fieldset div {
  margin-bottom: 20px;
}
select:hover, input:hover, textarea:hover, textarea.powermail_textarea:hover {
  background-color: #d8eaf2; /** Sekundärblau 20% **/
  transition: all .2s;
  cursor: pointer;
  color: #d13f48; /** Lightred **/
}
label.job-label {
  font: 1rem "NotoSans Bold" !important; /** 16px **/
}
@media only screen and (max-width: 1920px) {
  label.job-label {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding-right: 20px;
   }
}
input.button {
  font: 1rem "NotoSans Bold" !important; /** 16px **/
  text-transform: uppercase;
  height: 3.375rem !important;
  color: #b5152b;
}
input[type="submit"]:hover, input[type="reset"]:hover, a.resetButton:hover {
  color: #d13f48; /** Lightred **/
}
div.job-search-reset {
  margin-top: 20px;
}
/** Slider **/
#slidewrap-B {
  left: 0%;
  position: relative;
  width: calc(100% - 70px);
  float: left;
  min-height: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#slidewrap-BT {
  position: relative;
  width: calc(100% + 95px);
  float: left;
  min-height: 200px;
  left: -165px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#slidewrap-BT .sliderButtonLeft  {
  left:-60px;
}
#slidewrap-BT .sliderButtonRight  {
  right:-60px;
}
/** Hover-Effekte **/
#homeTop .intro p a:hover {
  color: #d13f48;
  text-decoration: underline;
}
#wrapper section.content .text-nav  ul a:hover li,
.bild-nav .ce-gallery .ce-column:hover,
.teaser-nav .ce-image .ce-column:hover {
  background-color: #d8eaf2; /** Sekundärblau 20% **/
  transition: all .2s;
  cursor: pointer;
  color: #d13f48; /** Lightred **/
}
.breadcrumb ul li a:hover {
text-decoration: none;
  color: inherit;
}
.content .ce-text p a {
  position: relative;  
}
.content .ce-text p a:hover {
  color: #d13f48;
}
.content .ce-text p a,
.content .ce-bodytext p a {
  text-shadow: .03em 0 #fff, -.03em 0 #fff, 0 .03em #fff, 0 -.03em #fff, .06em 0 #fff, -.06em 0 #fff, .09em 0 #fff, -.09em 0 #fff, .12em 0 #fff, -.12em 0 #fff, .15em 0 #fff, -.15em 0 #fff;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0.1em 10px, 0.05em 1px, 1px 1px;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: 0% 75%, 100% 86%, 0% 86%;
  }
.content .ce-text p a:hover,
.content .ce-bodytext p a:hover {
  text-shadow: .03em 0 #fff, -.03em 0 #fff, 0 .03em #fff, 0 -.03em #fff, .06em 0 #fff, -.06em 0 #fff, .09em 0 #fff, -.09em 0 #fff, .12em 0 #fff, -.12em 0 #fff, .15em 0 #fff, -.15em 0 #fff;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#d13f48, #d13f48);
  background-size: 0.1em 10px, 0.05em 1px, 1px 1px;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: 0% 75%, 100% 86%, 0% 86%;
  transition: all 0.2s;
}
.bild-nav .ce-gallery .ce-column:hover a h2,
.teaser-nav .ce-image .ce-column:hover a h2 {
  color: #d13f48; /** Lightred **/
}
.content .button-tel .ce-text p a {
  text-shadow: none;
  background-image: none;
  background-size: none;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: 0% 75%, 100% 86%, 0% 86%;
  transition: all 0.2s;
}
.content .button-tel .ce-text p a:hover {
  text-shadow: none;
  background-image: none;
  background-size: none;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: 0% 75%, 100% 86%, 0% 86%;
  transition: all 0.2s;
  color: #3e96be;
}
.bild-nav .ce-gallery .ce-column:hover a figure img,
.teaser-nav .ce-image .ce-column:hover a figure img {
  -webkit-filter: brightness(0.9) contrast(1.0);
  filter: brightness(0.9) contrast(1.0);
  transition: all .2s;
}
.button-link a:hover, .button-tel a:hover {
  background-color: #d8eaf2; /** Sekundärblau 20% **/
  transition: all .2s;
}
.button-link a.mail {
  color: #57A3C7;
  
}

.sliderButtonLeft:hover, .sliderButtonRight:hover {
  /*background-color: #d8eaf2; */
  color: #d13f48; /** Lightred **/  
  transition: all .1s;
  background-size: 55px 55px;
}
.ce-uploads li:hover {
  background-color: #d8eaf2; /** Sekundärblau 20% **/
  transition: all .2s;
}
.ce-uploads li:hover > div > a > h3,
ul.ce-uploads:hover .ce-uploads-filesize  {
  color: #d13f48; /** Lightred **/
}
main span.mail a:hover, main span.link a:hover {
  color: #d13f48; /** Lightred **/
}
footer a {
  position: relative;
}
footer a:hover {
opacity: 0.8;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
/** ToTop **/
/*
#back-top {
  height: auto;
  position: fixed;
  bottom: 50px;
  margin: 0;
  z-index: 1;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  right: 10%;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  text-align: center;
  z-index: 1;
}
#back-top a {
  color: #b5152b;
  text-align: center;
  display: block;
}
#back-top.on {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  right: 10%;
}
@media only screen and (min-width: 768px){
  #back-top.on { 
    right: 4%;
	bottom: 10px;
  }
}
@media only screen and (max-width: 767px){
  #back-top a i {
    font-size: 2em !important;
    background: rgba(62, 150, 190,0.2);
    padding: 2px 10px 10px 10px;
    border-radius: 5px;
  }
  #back-top a span {
    display: none;
  }
  #back-top.footeron a i {
    background: rgba(255, 255, 255,0.4);
    z-index:1;
  }
}
#back-top a i {
  font-size: 4em;
}
#back-top a span {
  font: 1rem "NotoSans Bold"; 
  color: #b5152b;
  text-transform: uppercase;
}
#back-top.footeron a, #back-top.footeron a span {
  color: #fff;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
*/
footer #footerService {
  height: 125px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  margin: 0;
  z-index: 1;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;

  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  text-align: center;
  z-index: 1;
  /*color: #fff;
  background-color: #b5152b; */
  width: 400px;  
}
footer #footerService span {margin-top: 0.2em;}
footer #footerService a {
  color: #fff;
  background-color: #b5152b;
  text-align: center;
  display: inline-block;
  float:left;

  border-radius:60px;
  margin-right: 10px;
}
footer #footerService.on {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  
}
@media only screen and (min-width: 768px){
  /*#footerService.on { 
    right: 4%;
	bottom: 10px;
  }*/
}
@media only screen and (max-width: 767px){
  footer #footerService a i {
    font-size: 2em !important;
    background: rgba(62, 150, 190,0.2);
    padding: 2px 10px 10px 10px;
    border-radius: 5px;
  }
  footer #footerService a span {
    display: none;

  }
  footer #footerService.footeron a i {
    background: rgba(255, 255, 255,0.4);
    z-index:1;
  }
}
footer #footerService a.back-top i {
  font-size: 4em;
}
footer #footerService a.contact i {
  font-size: 3em;
}
footer #footerService a.back-top  {
  font-size: 4em;
    padding: 5px 10px 10px 10px;
}
footer #footerService a.contact {
  font-size: 3em;
    padding: 10px 20px 20px 20px;
}
footer #footerService a span {
  font: 1rem "NotoSans Bold"; 
  color: #fff;
  text-transform: uppercase;
}
footer #footerService.footeron a, footer #footerService.footeron a span {
  color: #fff;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

/** Abstände der Content-Blöcke untereinander **/
/** Zurücksetzen der unterschiedlichen Werte **/
.intro,
.box-100-prozent,
.standard,
.hervorhebung,
.button-link,
.button-tel,
.zitat,
.zahlen,
.accordion .active,
.list-lines,
.video,
#homeBottom .video,
.box-2-linien,
.box-linie-unten,
.downloads-schmal,
.bild-nav,
.text-nav,
.teaser-nav,
#slidewrap-BT {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.video {
  padding-top: 0 !important; /* Die Elemente benötigen kein Padding nach oben, da sie immer in einem Div stehen **/
  padding-bottom: 0 !important;
}
/** Setzen der korrekten Abstände  .box-linie-unten, **/
.box-100-prozent,
.standard,
.hervorhebung,
.button-tel,
.zitat,
.zahlen,
section.content .video,
#slidewrap-BT,
.list-lines {
  margin-bottom: 40px !important;
}
section.content.home .video {
  margin-bottom: 0 !important;
}
.standard + .downloads-schmal ul.ce-uploads {
  margin-top: 0;
}
.standard > .frame-type-shortcut > .standard {
  margin-bottom: 0 !important;
}
div.accordion + div:not(.accordion) { /** nach dem letzten Akkordeon-Absatz Abstand nach unten setzen **/
  margin-top: 30px !important;
}
div.box-linie-unten + div:not(.box-linie-unten) { /** nach dem letzten Teaser Abstand nach unten setzen **/
  margin-top: 40px !important;
}
div.box-2-linien + div:not(.box-linie-unten) { /** nach Teaser mit 2 Linien + Zitat Abstand nach unten setzen **/
  margin-top: 40px !important;
}
div.box-2-linien + div.standard.teaser-button { /** Teaserbox mit Button **/
  margin-top: 10px !important;
}
.ce-gallery + .ce-bodytext h3 {
  padding-top: 20px;
}
.standard.kontakt { /** Weniger Abstand für die Konstelation Standard > h2.h2-blau -> Button || Kontaktseiten **/
  margin-bottom: 10px !important;
}
/********************************/
/**Media Queries **/
@media only screen and (max-width: 768px) {
  main {
    display: block;
    padding: 0 15px;
  }
  section.content, div.job-details {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 50px;
  }
  aside {
    float: left;
    width: 100%;
    padding: 30px 0 0 0;
    margin-right: 0;
    margin-left: 0;
  }
  .standard, .box-60-prozent, section.content .intro, .box-2-linien, .list-lines, .box-linie-unten, section.content .h2-blau-linie, .downloads-breit, .button-tel, main.template_browser section.content div.standard {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  section.content .box-100-prozent .ce-left,
  section.content .video .ce-left   {
    margin-left: 0;
    padding-right: 0;
  }
  .box-100-prozent figcaption,
  section.content .video {
    margin-left: 0;
    width: 100%;
  }
  .content .video .image,
  .content .video-embed iframe,
  .content .video-embed video {
    width: 100%;
  }
  .zitat, .hervorhebung {
    margin: 20px 0 20px 0;
  }
  .zahlen {
    margin: 20px 0 30px 0;
  }
  div.accordion {
    width: 100%;    
  }
  .text-nav, .bild-nav {
    width: 100%;   
    margin-left: 0;
  }
  .teaser-nav {
    margin-left:0;
  }
  .teaser-nav .ce-image .ce-column, .teaser-nav .ce-textpic {
    min-height:inherit;
  }
    /**** ContentSlider ****/
  #slidewrap-B {width: 100% !important; }
  .sliderButtonLeft {left: 0 !important;}
  .sliderButtonRight {right: 0 !important;}
  #slidewrap-B .carousel-inner > .item > img {width: 100%; }
  /*********************************/
    .bild-nav .ce-gallery .ce-column {min-height: initial;}
}
@media only screen and (max-width: 1023px) and (min-width: 769px) {
  /**** Content-Einzug aufheben ****/
  section.content, div.job-details {
    width: 73%;
    margin-left: 2%
    }
  .standard, .box-60-prozent, section.content .intro, .box-2-linien, .list-lines, .box-linie-unten, section.content .h2-blau-linie, .downloads-breit, .button-tel, main.template_browser section.content div.standard {
    width: 100%;
  }
  section.content .box-100-prozent .ce-left,
  section.content .video .ce-left   {
    margin-left: 0;
    padding-right: 0;
  }
  .box-100-prozent figcaption,
  section.content .video {
    margin-left: 0;
    width: 100%;
  }
  .content .video .image,
  .content .video-embed iframe,
  .content .video-embed video {
    width: 100%;
  }
  .zitat, .hervorhebung {
    margin: 20px 0 20px 0;
  }
  .zahlen {
    margin: 20px 0 30px 0;
  }
  div.accordion {
    width: 100%;    
  }
  .text-nav, .bild-nav {
    width: 100%;   
    margin-left: 0;
  }
  .teaser-nav {
    margin-left:0;
  }
  .teaser-nav .ce-image .ce-column, .teaser-nav .ce-textpic {
    min-height:inherit;
  }
  /**** ContentSlider ****/
  #slidewrap-B {width: 100% !important; }
  .sliderButtonLeft {left: 0 !important;}
  .sliderButtonRight {right: 0 !important;}
  #slidewrap-B .carousel-inner > .item > img {width: 100%; }
  #slidewrap-BT {width: 100%; left: 0;}
  /*********************************/
  #wrapper section.content .text-nav ul li { font-size: 17px; }
  .bild-nav .ce-gallery .ce-column {min-height: initial;}
  .button-tel div.button-phone, .button-tel div.ce-text, .button-tel h2 {width: 40%;}
  .button-tel div.ce-text {width: 60%;}
}
@media only screen and (max-width: 1279px) and (min-width: 1024px) {
  #wrapper section.content .text-nav ul li {font-size: 19px;}
  .bild-nav .ce-gallery .ce-column {min-height: initial;}
}
@media only screen and (max-width: 1439px) and (min-width: 1280px) {
  .button-tel div.button-phone, .button-tel div.ce-text, .button-tel h2 {width: 40%;}
  .button-tel div.ce-text {width: 60%;}
}
@media only screen and (max-width: 1333px) {
  .teaser-nav .ce-image .ce-column, .teaser-nav .ce-textpic {min-height: inherit;}
  #wrapper section.content .text-nav ul li {padding-top: 20px;}
}