/* raleway-700 - latin */
@font-face {
  font-family: 'gothambold';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-700.svg#Raleway') format('svg');
  /* Legacy iOS */
}


/* raleway-500 - latin */
@font-face {
  font-family: 'gothambook';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-500.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-500.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-500.woff') format('woff'),
    /* Modern Browsers */
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-500.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/raleway-v28-latin-500.svg#Raleway') format('svg');
  /* Legacy iOS */
}



@font-face {
  font-family: 'space_colonyregular';
  src: url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/spacecolony_regular-webfont.woff2') format('woff2'),
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/spacecolony_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'space_colonylight';
  src: url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/spacecolony_light-webfont.woff2') format('woff2'),
    url('https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/Publicfonts/spacecolony_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
  font-family: 'gothambook', sans-serif;
  font-weight: normal;
  font-size: 17px;
}

body {
  background-color: transparent;
  font-family: 'gothambook', sans-serif;
  font-size: 16px;
  background-size: 8px 8px;
  color: #33322f;
}

/* röntgen bender */
.brand1 {
  background: #A6BAD5;
  color: #fff;
}

/* be imaging */
.brand2 {
  background: #A6218E;
  color: #fff;
}

/* medigration */
.brand3 {
  background: #005CA8;
  color: #fff;
}

/* be consult */
.brand4 {
  background: #5B2181;
  color: #fff;
}

/* bender gruppe*/
.brand5 {
  background: #545B6A;
  color: #fff;
}
/* bender Fortbildungen*/
.brand6 {
  background: #b0a091;
  color: #fff;
}


p {
  color: #000;
  font-size: 17px;
  line-height: 29px;
  margin: 0 0 15px;
}

.ce-headline-center {
  text-align: center;
}

a {
  color: #006380;
  text-decoration: none;
  /* -webkit-transition: color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, color 0.25s ease-in-out; */
}

a:hover,
a:focus {
  color: #094455;
  text-decoration: underline;
  -webkit-transition: color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background 300ms ease-in-out, color 300ms ease-in-out, box-shadow 300ms ease-in-out;
  -webkit-transition: background 300ms ease-in-out, color 300ms ease-in-out, box-shadow 300ms ease-in-out;
}

h1,
h2,
h3,
h4 {
  font-weight: 400;
  margin-bottom: 15px;
}

h1 {
  font-size: 20px;
  line-height: 28px;
  margin-top: 0;
  margin-bottom: 20px;
  color: #5E6B8E;
}

.swiper-pagination {
  position: relative !important;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 20000000000000000;

  margin-top: 10px !important;
}

.bender h1,
.bender h5 {
  color: rgb(93, 106, 142);
}

.imaging h1,
.imaging h5 {
  color: #A6218E;
}

.medigration h1,
.medigration h5 {
  color: rgb(0, 92, 168);
}

.consult h1,
.consult h5 {
  color: rgb(91, 33, 129);
}

.roentgen h1,
.roentgen h5 {
  color: rgb(166, 186, 213);
}

h2.ce-headline-center,
.ce-center h2 {
  text-align: center;
  margin: auto;
}

h2 {
  font-family: 'space_colonylight', sans-serif;
  color: #5E6B8E;
  font-size: 35px;
  line-height: 42px;
  margin-top: 0;
  /* margin-bottom: 50px; */
  font-style: normal;
  font-weight: 500;
  position: relative;
  content: "";
  display: table;
  clear: both;
  padding-bottom: 10px;
}

.bender h2::after {
  background: rgba(93, 106, 142, 0.05);
}

.imaging h2::after {
  background: rgba(166, 33, 142, 0.05);
}

.medigration h2::after {
  background: rgba(0, 92, 168, 0.05);
}

.consult h2::after {
  background: rgba(91, 33, 129, 0.05);
}

.roentgen h2::after {
  background: rgba(166, 186, 213, 0.10);
}

.logosuche {
  position: absolute;
  right: 14px;
  top: 4px;
  height: 30px;
  width: 30px;
}

.m_0 {
  margin-bottom: 0 !important
}

.foo img {
  width: auto;
  height: auto;
}

h2::after {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 18px;
  z-index: -1;
}

h3 {
  color: #5E6B8E;
  font-size: 37px;
}

h4 {
  color: #5E6B8E;
  font-size: 26px;
  /* letter-spacing: 1.1px; */
  margin-top: 0px;
  margin-bottom: 29px;
}

h5 {
  margin-bottom: 56px;
  font-size: 25px;
}

footer h5 {
  color: #fff !important;
}

li {
  font-size: 16px;
  /* list-style-type: disclosure-closed !important; */
  margin-bottom: 10px;
}

ul {
  padding-left: 20px;
}

.ce-textpic {
  overflow: inherit;
}

.ce-border img,
.ce-border iframe {
  border: 1px solid #000000;
  padding: 0px;
}

img {
  border: 0;
  width: 100%;
  height: auto;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
}

.header-fixed1 {
  height: 127px;
}

[data-inviewport] {
  /* THIS DEMO ONLY */
  /* width:100px; height:100px; background:#0bf; margin: 150vh 0; */
}

/* inViewport */
[data-inviewport="scale-in3"] {
  transition: 2s;
  transform: scale(0.1);
}

[data-inviewport="scale-in3"].is-inViewport {
  transform: scale(1);
}

/* [data-inviewport="scale-in"] {
  transition: 2s;
  transform: scale(0.1);
} */
/* [data-inviewport="scale-in"].is-inViewport {
  /* transform: scale(1); */
-webkit-animation: is-inViewport 0.9s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
animation: is-inViewport 0.9s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
}

*/ @-webkit-keyframes is-inViewport {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}

@keyframes is-inViewport {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}

.teaser-text-img-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 100px;
  /* opacity:0; */
}

.teaser-text-img-shape {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  color: #fff;
  -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
}

.teaser-text-img-wrap_plugin {
  margin: auto;
  margin-top: 215px;
  display: block;
  width: 57%;
}

.teaser-text-img-wrap_plugin p {
  color: #fff;
}

.imaging .teaser-text-img-shape {
  background: rgba(166, 33, 142, 0.72);
}

.medigration .teaser-text-img-shape {
  background: rgba(0, 92, 168, 0.73);
}

.consult .teaser-text-img-shape {
  background: rgba(91, 33, 129, 0.73);
}

.roentgen .teaser-text-img-shape {
  background: rgba(166, 186, 213, 0.73);
}

.bender .teaser-text-img-shape {
  background: rgba(36, 46, 72, 0.73);
}
.powermail_field textarea {
  color:#000;
}
.teaser-text-img-shape p {
  bottom: 0;
  right: 36px;
  position: absolute;
  color: #fff;
  font-size: 34px;
  text-align: right;
  line-height: 51px;
  padding-left: 93px;
}

.header-nw {
  float: left;
  font-size: 20px;
  clear: both;
  display: block;
  width: 100%;
  margin: 13px 0;
  color: #5E6B8E;
}

.header-jobs,
.header-jobs h1 {
  float: left;
  font-size: 27px;
  clear: both;
  display: block;
  width: 100%;
  margin: 13px 0;
  color: #5E6B8E;
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-bottom: 60px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0 !important
}

.swiper-pagination-bullet {
  width: 18px !important;
  height: 18px !important
}

.swiper-button-wrap {
  position: absolute;

  bottom: 10px;
  width: 100%;


}

.swiper-button {

  right: 10px;
  bottom: 10px;


  display: grid;
  justify-content: center;
  align-content: center;

}

.swiper-button a {
  padding: 10px 19px;
  color: #fff;
  text-decoration: none;
  /* background-color: #444; */
  background-image: url(https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/PublicImages/bg-nav/nav-bg-gruppe.png);
  font-size: 14px;
  background-position-x: -7px;
  background-position-y: 61px;
  background-size: 347px 81px;
}

.swiper-link {
  position: absolute;
  bottom: 11px;
  left: 87px;
  display: block
}

.swiper-link a {
  background: #fff;
  padding: 15px 30px;
  color: #d0007d;
  font-size: 18px
}

.swiper-link a:hover {
  background: #d0007d;
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 6px #fff;
  -moz-box-shadow: inset 0 0 0 6px #fff;
  box-shadow: inset 0 0 0 6px #fff
}

:root {
  --swiper-theme-color: #fff !important
}

.swiper-slide {
  border-bottom: 1px dotted #e1e1e1;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 63% !important;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #A3A3A3 !important;
  opacity: 1 !important;
  margin: 3px;
}

.swiper-pagination-bullet-active {
  background: #696967 !important
}

.swiper-slide {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.swiper-slide a {
  text-align: left;
  float: left
}

.swiper-wrapper-innen {
  width: 100%;
  height: 100%
}

.animax .ce-column {
  padding: 0
}

.logooben {
  margin-top: 0px;
  width: 100%;
}

.m30 {
  margin-top: 30px;
}

.team_img {
  min-height: 320px;
  position: relative;
  width: 100%;
}

.team_img_inner {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.team_text p {
  color: #fff;
  font-size: 14px;
  margin: 0;
}

.team_text {
  padding: 23px 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  background: #545B6A;
  min-height: 215px;
  margin-bottom: 50px;
}

span.team_name {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 10px;
  display: block;
}

span.team_position {
  color: #fff;
}

.brands_wrap {
  width: 80px;
  height: 172px;
  position: absolute;
  top: -65px;
  right: 112px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.brands {
  width: 40px;
  height: 30px;
  background: #333;
  transition: all 0.3s linear 0s;
  float: left;
  clear: both;
  margin-bottom: 4px;
  position: relative;
}

.brands:hover,
.brands.act {
  transform: scale(1.7, 1);
}

.brands.b1 {
  background: #A6BAD5;
}

.brands.b2 {
  background: #A6218E;
}

.brands.b3 {
  background: #005CA8;
}

.brands.b4 {
  background: #5B2181;
}

.brands.b5 {
  background: #000;
}

.brands_info_b1,
.brands_info_b2,
.brands_info_b3,
.brands_info_b4,
.brands_info_b5 {
  display: none;
  position: absolute;
  width: 200px;
  height: 26px;
  top: 35px;
  right: 33px;
}

/* .brand {

padding: 0% 0;

} */
/* .textcenter-d {
padding: 3% 0;
} */
/* Thementeaser*/
.shape3 {
  -webkit-clip-path: polygon(0% 0%, 92% 0, 100% 21%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 92% 0, 100% 21%, 100% 100%, 0% 100%);
}

.thementeaser_title_center {
  padding: 0 12px;
  text-align: center;
  min-height: 70px;
  margin-bottom: 38px;
}

.textcenter-o {
  width: 84%;
  /* height: 67px; */
  position: absolute;
  display: table;
  display: block !important;
}

.textcenter-d {
  /* width: 100%; */
  font-size: 19px;
  margin-top: 6px;
  text-transform: uppercase;
  display: block !important;
}

.textcenter-d2 {
  /* width: 100%; */

  /* float: left;  display: block!important; */
}

.shape a {
  color: #fff;
  text-decoration: none;
}

.shape a:hover {
  color: #fff;
  text-decoration: none;
}

.shape img {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.shape:hover img {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.12);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.shape {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 18px;
}

.wrap-pos-rel {
  position: relative;
}

.frame-layout-full {
  position: relative;
  color: #fff;
  /* height: 450px; */
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* padding-top: 42.25%; */
}

.frame-layout-2 {
  position: relative;
  color: #fff;
  /* height: 450px; */
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* padding-top: 42.25%; */
  background: #f7f4f9;
  margin: 60px 0;
  padding: 60px 0 20px 0;
}

.logo_kasten_wrap {
  display: block;
  margin-bottom: 60px;
}

.logo_kasten_wrap_ue {
  background: #545B6A;
  padding: 12px;
  text-align: center;
  color: #fff;
  font-size: 22px;
}

.logo_kasten_wrap_text {
  background: #EDEDED;
  padding: 20px;
}

@media only screen and (max-width: 575px) {
  #c1335 {
    display: none;
  }

  .ce-gallery img {
    display: block;
    height: auto;
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .logo_kasten_wrap_img img {
    border: 0;
    width: auto;
    height: auto;
  }

  .logo_kasten_wrap_ue {
    padding: 10px;
    font-size: 18px;
    margin-top: 15px;
  }
}

.p30 {
  padding: 30px 100px;
}

.m60 {
  margin-bottom: 60px;
}

a.example_f {
  color: #A5218E;
}

a.example_f:hover {
  color: #A5218E;
}

.example_f {
  border: none;
  color: #A5218E;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  /* padding: 18px; */
  /* width: 200px; */
  transition: all 0.4s;
  cursor: pointer;
  /* margin: 5px; */
}

.example_f span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.4s;
}

.example_f span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.example_f:hover span {
  padding-right: 25px;
}

.example_f:hover span:after {
  opacity: 1;
  right: 0;
}

.frame-space-before-small {
  margin-top: 2em !important;
}

.frame-space-before-medium {
  margin-top: 3em !important;
}

.frame-space-before-large {
  margin-top: 4em !important;
}

.frame-space-before-extra-large {
  margin-top: 5em !important;
}

.frame-space-after-small {
  margin-bottom: 2em !important;
}

.frame-space-after-medium {
  margin-bottom: 3em !important;
}

.frame-space-after-large {
  margin-bottom: 4em !important;
}

.frame-space-after-extra-large {
  margin-bottom: 9em !important;
}

ul.grid {
  padding: 0 !important;
  margin: 0;
  width: 100%;
}

.grid li {
  display: block;
  float: left;
  /* padding: 7px; */
  width: 33%;
  opacity: 0;
  list-style-type: none;
  margin: 0;
  position: relative;
  /* width: 100%; */
}

.w100 {
  width: 100% !important;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
  opacity: 1;
}

.grid li a,
.grid li img {
  outline: none;
  overflow: hidden;
  border: none;
  display: block;
  max-width: 100%;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
  -webkit-animation: fadeIn 0.65s ease forwards;
  animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
  0% {}

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {}

  100% {
    opacity: 1;
  }
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-animation: moveUp 0.65s ease forwards;
  animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
  0% {}

  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes moveUp {
  0% {}

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-animation: scaleUp 0.65s ease-in-out forwards;
  animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
  0% {}

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes scaleUp {
  0% {}

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* Effect 4: fall perspective */
.grid.effect-4 {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.grid.effect-4 li.animate {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
  transform: translateZ(400px) translateY(300px) rotateX(-90deg);
  -webkit-animation: fallPerspective .8s ease-in-out forwards;
  animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
  0% {}

  100% {
    -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes fallPerspective {
  0% {}

  100% {
    -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
    transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1;
  }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.grid.effect-5 li.animate {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50% -300px;
  transform-origin: 50% 50% -300px;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-animation: fly .8s ease-in-out forwards;
  animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
  0% {}

  100% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes fly {
  0% {}

  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.grid.effect-6 li.animate {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateX(-80deg);
  transform: rotateX(-80deg);
  -webkit-animation: flip .8s ease-in-out forwards;
  animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
  0% {}

  100% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flip {
  0% {}

  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.grid.effect-7 li.animate {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-animation: helix .8s ease-in-out forwards;
  animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
  0% {}

  100% {
    -webkit-transform: rotateY(0deg);
    opacity: 1;
  }
}

@keyframes helix {
  0% {}

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}

/* Effect 8:  */
.grid.effect-8 {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.grid.effect-8 li.animate {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-animation: popUp .8s ease-in forwards;
  animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
  0% {}

  70% {
    -webkit-transform: scale(1.1);
    opacity: .8;
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes popUp {
  0% {}

  70% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@media screen and (max-width: 400px) {
  .grid li.effect {
    width: 100%;
  }
}

.header {
  height: auto;
}

.header img {
  width: 280px;
  height: auto;
  margin-top: 35px;
}

.headertop {
  background: #000;
  width: 100%;
  height: 30px
}

.headertop_left {
  float: left;
}

.headertop_right {
  float: right;
}

.headertop_left p {
  color: #d3aaa8;
  font-size: 13px;
  padding-left: 25px;
}

.headertop_left a {
  color: #d3aaa8;
}

.headertop_left a:hover {
  color: #d3aaa8;
}

.headertop_right p {
  color: #a895a2;
  font-size: 13px;
  padding-right: 25px;
}

.max1000 {
  margin-top: 10px;
}

.textcenter {
  padding: 0% 0;
}

.teaser_2_item_img {
  margin: 0;
  background-size: cover;
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.teaser_2_item:focus .teaser_2_item_img,
.teaser_2_item:hover .teaser_2_item_img {
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.12);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.textcenter p {
  margin: 0;
  margin-bottom: 14px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}

.swiper-container_brillen {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  overflow: hidden;
}

/*For Large screen only*/
@media(max-width:800px) {
  .bild-re {
    order: 1;
  }

  .bild-li {
    order: 2;
  }

  .pt60 {
    margin: 20px 0;
  }

  /* .textcenter-d {
    padding: 10px 0;
  } */

  hr.content_line {
    margin-top: 43px;
  }

  .swiper-container_brillen_header {
    text-transform: uppercase;
    font-size: 39px;
  }

  .logooben {
    margin-bottom: 30px;
  }

  h2 {
    color: #33322f;
    font-size: 35px;
    line-height: 38px;
  }

  footer img {
    width: 50%;
  }

  #c218 {
    width: 200px;
    margin: auto;
  }
}

.headerfix {
  position: fixed;
  top: 0;
  width: 100%;
  height: 107px;
  background: #fff;
  z-index: 10000000;
}

a.act {
  /* color: #33322f !important; */
}

.logobild {
  max-width: 100px;
  position: absolute;
  top: 73px;
  right: -114px;
  z-index: 10000000000;
}

.logotext_wrap {
  width: 93%;
  margin-left: 30px;
}

.logotext {
  width: 100%;
  margin: auto;
  height: 220px;
  text-align: center;
}

p.header_logo {
  line-height: 82px;
  padding-top: 38px;
  margin-bottom: 23px;
}

.header_logo {
  font-size: 90px;
}

p.hklein {
  line-height: 80px;
  padding-top: 0px;
  margin-bottom: 5px;
  font-size: 25px;
}

.head-oben a {
  text-decoration: none;
}

.head-oben a:hover {
  text-decoration: none;
}

.sublineheader {
  color: #887E6E;
  /* text-align: left; */
  font-size: 27px;
}

@media (max-width: 900px) {
  p.header_logo {
    line-height: 40px !important;
    padding-top: 20px;
    margin-bottom: 15px;
    font-size: 40px !important;
  }

  p.hklein {
    line-height: 80px;
    padding-top: 0px;
    margin-bottom: 5px;
    font-size: 25px;
  }

  .sublineheader {
    color: #887E6E;
    /* text-align: left; */
    font-size: 25px !important;
  }

  .ani {
    margin-top: 140px !important;
  }

  .logobild h1 {
    font-size: 10px !important;
    margin-top: 0px !important;
  }

  .logobild {
    max-width: 70px;
    padding-top: 59px;
    position: absolute;
    top: 0;
    right: -34px;
  }
}

.header_logo {
  padding-top: 20px !important;
}
}

footer p {
  /* -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; */
}

.tx-sremailsubscribe-pi1 input {
  margin: 0;
  padding: 10px !important;
}

.tx-sremailsubscribe-pi1 label {
  margin: 0;
  padding: 10px;
  font-weight: normal !important;
}

.tx-sremailsubscribe-pi1 input[type="checkbox"] {
  width: 20px;
  height: 35px;
}

select[multiple],
select[size] {
  height: auto;
  background: #e4e4e4;
  color: #33322f;
  padding: 5px;
  border: none;
}

.hidden {
  display: none;
}

.small {
  font-size: 13px;
}

.frame-layout-3 li {
  list-style-type: none;
}

.frame-layout-3 li a.active {
  font-weight: bold;
  color: #000;
}

.frame-layout-3 ul {
  /* padding-left: 0px; */
}

#c1371 {
  padding-left: 20px;
}

.suche {
  background: #fff;
  position: absolute;
  width: 237px;
  display: none;
  right: -3px;
  top: 30px;
}

.kesearchbox-1 {
  width: 158px;
  height: 20px;
  float: left;
}

/* defaultkram */
/* Gallerie bis 992px auf volle Breite */
@media (max-width: 992px) {
  .ce-gallery {
    /* width: 100%; */
  }

  .leftsidemob {
    margin-left: 20px;
  }
}

@media (min-width: 640px) and (max-width: 2800px) {

  /* Spaltenbreiten je nach eingestellten Columns */
  .ce-gallery[data-ce-columns="2"] .ce-column {
    width: 50%;
  }

  .ce-gallery[data-ce-columns="3"] .ce-column {
    width: 33%;
  }

  .ce-gallery[data-ce-columns="4"] .ce-column {
    width: 25%;
  }

  .ce-gallery[data-ce-columns="5"] .ce-column {
    width: 20%;
  }

  .ce-gallery .ce-column {
    margin: 0;
    /* Abstand zwischen Bildern */
    padding: 0 5px;
    box-sizing: border-box;
  }

  .animax .ce-gallery .ce-column {
    margin: 0;
    /* Abstand zwischen Bildern */
    padding: 0 0px;
    box-sizing: border-box;
  }
}

/* Anpassungen von kleinen bis groeßeren Geraeten */
@media (min-width: 640px) and (max-width: 1200px) {
  /* Kein Abstand beim ersten und letzten Bild */
}

@media (max-width: 1000px) {
  .team_img {
    min-height: 400px;
  }

  .news .grid li,
  .grid li {
    width: 50%;
    margin: 0;
    margin-bottom: 40px;
  }

  p {
    font-size: 18px;
    line-height: 31px;
  }
}

@media (max-width: 945px) {
  .textcenter-d {
    width: 100%;
    font-size: 17px;
    margin-top: 10px;
  }

  .teaser-text-img-shape p {

    font-size: 26px;

    line-height: 40px;

  }


}

@media (max-width: 600px) {
  hr {
    margin: 14px 0 41px 0 !important;
    border-top: 3px solid #eee !important;
  }


  .teaser-text-img-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    color: #fff;
    -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
  }

  .teaser-text-img-shape p {

    font-size: 20px;

    line-height: 30px;

  }
}



@media (max-width: 600px) {

  .news .grid li,
  .grid li {
    width: 100%;
    margin-bottom: 40px;
  }

  .grid li {
    display: block;
    float: left;
    /* padding: 7px; */
    width: 100%;
  }

  .team_img {
    min-height: 520px;
    position: relative;
    width: 100%;
  }

  .p30 {
    padding: 29px 60px;
  }
}

@media (max-width: 500px) {
  .team_img {
    min-height: 380px;
  }
}

/* Anpassungen fuer kleine Geraete */
@media (max-width: 640px) {
  .frame-space-after-large {
    margin-bottom: 1em !important;
  }

  .frame-space-before-medium {
    margin-top: 1em !important;
  }

  h3 {
    color: #5E6B8E;
    font-size: 24px;
    margin-bottom: 28px;
  }

  .ue_grau_text p {
    text-align: center;
    color: #545B6A;
    font-size: 22px;
    padding: 19px 0px;
    margin-bottom: 0px !important;
  }

  .frame-layout-3 {
    padding: 0px 10px;
  }

  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex-basis: auto !important;
  }

  /* Ein Bild pro Zeile */
  .ce-gallery .ce-column {
    margin: 0 0 10px;
    width: 100%;
    box-sizing: border-box;
  }

  /* Fluid Image Tags */
  .ce-gallery img,
  .ce-gallery picture {
    width: 100%;
    height: auto;
  }
}

.ce-table {
  margin-bottom: 15px;
}

.ce-table td {
  padding: 8px;
  border-right: 1px #a8a8a8 solid;
}

.ce-table tr {
  padding: 8px;
  border-bottom: 1px #a8a8a8 solid;
  border-left: 1px #a8a8a8 solid;
  border-top: 1px #a8a8a8 solid;
}

.contenttable {
  margin-bottom: 15px;
  width: 100%;
}

.contenttable th {
  padding: 8px;
  background-color: #eeeeee;
  border-right: 1px #a8a8a8 solid;
}

.contenttable td {
  vertical-align: top;
  padding: 8px;
  border-right: 1px #a8a8a8 solid;
}

.contenttable tr {
  padding: 8px;
  border-bottom: 1px #a8a8a8 solid;
  border-left: 1px #a8a8a8 solid;
  border-top: 1px #a8a8a8 solid;
}

.ce-uploads span {
  display: block;
  float: left;
}

.ce-uploads-filesize {
  margin-left: 10px;
  border-left: 1px solid #999;
  padding-left: 8px;
  color: #999;
}

span.bold {
  text-transform: uppercase;
  font-weight: 600;
}

.button {
  color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  margin: auto;
  /* width: 200px; */
}

.button a {
  color: #fff;
  padding: 8px 15px;
  background: rgba(0, 92, 168, 0.8);
  font-size: 13px;
  text-decoration: none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  clear: both;
  display: table;
  margin-top: 13px;
}

.ue_grau {
  display: block;
  width: 100%;
  background: #545B6A;
}

.ue_grau_text {
  display: block;
  width: 100%;
}

.ue_grau_text p {
  text-align: center;
  color: #545B6A;
  font-size: 22px;
  padding: 30px 0px;
  margin-bottom: 30px;
}

.ue_grau p {
  text-align: center;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  padding: 30px 50px;
  margin-bottom: 20px;
}

.imaging .button a {
  background: rgba(166, 33, 142, 0.6);
}

.medigration .button a {
  background: rgba(0, 92, 168, 0.8);
}

.consult .button a {
  background: rgba(91, 33, 129, 0.6);
}

.roentgen .button a {
  background: rgba(166, 186, 213, 0.9);
}

.button a:hover {
  background: #000;
  -webkit-transition: color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background 300ms ease-in-out, color 300ms ease-in-out, box-shadow 300ms ease-in-out;
  -webkit-transition: background 300ms ease-in-out, color 300ms ease-in-out, box-shadow 300ms ease-in-out;
}

.button2 {
  clear: both;
  height: 35px;
  display: revert;
  color: #fff;
  margin-top: 15px !important;
  margin-bottom: 30px;
  margin: auto;
}

.button2 a {
  color: #fff;
  padding: 3px 15px;
  padding-top: 5px;
  background: #1D4574;
  font-family: 'Neutraface 2 Text';
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.button2 a:hover {
  background: rgb(0, 177, 44);
  -webkit-transition: color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background 300ms ease-in-out, color 300ms ease-in-out, box-shadow 300ms ease-in-out;
  -webkit-transition: background 300ms ease-in-out, color 300ms ease-in-out, box-shadow 300ms ease-in-out;
}

.t3ddy p {
  font-size: 16px;
  color: #777;
}

.text-muted {
  color: #777;
  font-size: 14px;
  padding-top: 2px;
}

@media (min-width: 768px) {
  .head-oben {
    width: 90%;
    height: 95px;
    position: relative;
  }

  .plus {
    width: 100%;
    /* margin-top: 51px; */
  }

  .header-fixed {
    height: 60px;
  }

  .fixed #nav ul {
    margin-top: 14px;
    float: right;
    margin-right: 0px;
    position: absolute;
  }

  .fixed {
    background: #fff;
    /* box-shadow: 0 8px 6px -6px #888; */
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 10000000000;
  }

  .fixed ul.language-menu {
    display: none;
  }

  .fixed .row100 {
    background: #fff;
    /* box-shadow: 0 -2px 5px 2px #888; */
  }

  .fixed h1 {
    margin: 0
  }

  .fixed .header {
    width: 100%;
    height: auto;
    margin-left: 50px;
    min-height: auto;
    margin-bottom: 0;
  }

  .fixed .logooben {
    margin-top: 0px;
    width: 140px;
  }

  .fixed #nav ul li a {
    font-size: 15px;
  }

  .row100 {
    height: 45px;
  }
}

.swiper-wrapper {
  -webkit-transform-style: preserve-3d;
}

.swiper-slide {
  -webkit-transform: translateZ(0) !important;
  -webkit-backface-visibility: hidden !important;
}

.swiper-slide {
  -webkit-transform: translateZ(0);
  -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-wrapper {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.animax .ce-gallery {
  margin-bottom: 0px;
}

.animax {
  /* max-width: 1500px; */
  margin: auto;
  margin-top: 5px;
}

@media (max-width:900px) {
  .termin {
    position: absolute;
    right: 59px;
    top: 96px;
    width: 146px;
    height: 146px;
    background-image: url(https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/PublicImages/Termin-vereinbaren.svg);
    background-size: cover;
    z-index: 10000000000000;
  }

  @media (max-width:736px) {
    .termin {
      position: absolute;
      right: 25px;
      top: 169px;
      width: 100px;
      height: 100px;
      background-image: url(https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/PublicImages/Termin-vereinbaren.svg);
      background-size: cover;
      z-index: 10000000000000;
    }

    .headertop {
      display: none;
    }
  }
}

@media (min-width:845px) and (max-width:1200px) {
  .abstand_hori {
    padding: 80px 40px;
  }

  .blau {
    padding: 0px 40px;
  }
}

.logo {
  width: 10px;
  height: 100px;
}

.nav-open .navopen {
  opacity: 0.3;
}

.header {
  /* width: 140%;
  height: auto;
  margin-left: 150px;
  min-height: 100px;
  margin-bottom: 20px; */
}

.news-single .header {
  width: 100%;
  height: auto;
  margin-left: 0px;
  min-height: 10px;
  margin-bottom: 0px;
}

.fixed .header img {
  max-width: 85px;
}

.ce-media .lightbox {
  font-weight: normal;
  line-height: 0;
  position: relative;
  width: 100%;
}

span.nolink {
  font-weight: 600;
}

i. fa {
  border-left: 1px solid #33322f;
}

p.nomargin {
  margin-bottom: 3px;
}

.rootline {
  margin-top: 10px;
  width: 100%;
  display: block;
}

.rootline a,
.rootline {
  font-size: 13px;
  padding-right: 10px;
  color: #888;
}

.ce-intext.ce-left .ce-gallery {
  margin-right: 20px;
}

.ce-gallery img {
  display: block;
  height: auto;
  width: 100%;
}

footer .ce-gallery img {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

ul.news-tags {
  padding: 0;
}

ul.news-tags li {
  list-style-type: none;
}

ul.news-tags li a {
  color: #116fa2;
}

span.news-list-category {
  font-size: 20px;
  font-weight: bold;
}

.csc-default {
  margin-bottom: 10px
}

.ce-bodytext ul {
  margin-bottom: 10px;
  /*margin-top: 20px;*/
  padding-left: 20px;
}

.ce-bodytext li {
  margin-bottom: 10px;
  padding-left: 0px;
  /* list-style-image: url(https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/PublicImages/li-bubble.png); */
  /* list-style-type: none; */
  /* font-size: 18px; */
}

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

.nav-open .cont {
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */
}

.csc-textpic-imagewrap img {
  border: 0 none;
  height: auto;
  width: 100%;
}

.centerfigcaption {
  margin: auto;
}

.grau {
  background: #333;
}

/*accordion*/
h3.t3ddy-accordion-header {
  margin-bottom: 10px !important;
}

.t3ddy-accordion-header {
  background: #1D4574;
  color: #fff;
  border: 0;
  border-radius: 0;
}

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

.ui-state-default .ui-icon {
  background: rgba(0, 0, 0, 0) url("https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/PublicImages/trigger_icon.gif") no-repeat scroll 0 0;
  background-position-x: 0px;
  background-position-y: 0px;
  background-size: auto auto;
  background-position-x: 0px;
  background-position-y: 0px;
  color: #fff;
  display: block;
  padding: 5px 0 5px 40px;
  text-decoration: none;
  z-index: 1111;
  background-position: left -4px;
  height: 30px;
  width: 30px;
  background-size: 70%;
}

.ui-icon-triangle-1-s {
  background-position: left -28px !important;
}

/*top*/
.scrollToTop {
  background: transparent url("https://www.bendergruppe.com/typo3conf/ext/dbje_template/Resources/PublicImages/nachoben.svg") no-repeat scroll 0 0 / 50% auto;
  bottom: 5px;
  color: #444;
  display: none;
  font-weight: bold;
  height: 60px;
  padding: 10px;
  position: fixed;
  right: -30px;
  text-align: center;
  text-decoration: none;
  width: 100px;
  z-index: 100000;
  opacity: 1;
}

.scrollToTop svg {
  fill: #000;

}

.scrollToTop:hover {
  text-decoration: none;
}

hr {
  margin: 50px 0 60px 0;
  border-top: 3px solid #eee;
}

span.footerinfo3 {
  margin-bottom: 20px;
  display: block;
}

footer ul {
  padding: 0;
  text-align: right;
  margin-top: 44px;
  margin-right: 100px;
}

footer li {
  color: #000;
  list-style-type: none;
  margin: 0;
  float: right;
  margin-right: 21px;
}

footer li a {
  color: #000;
  font-size: 16px;
}

footer li a:hover {
  color: #33322f;
  text-decoration: underline;
}

.bender .foo {
  background: #242E48;
}

.imaging .foo {
  background: #A6218E;
}

.medigration .foo {
  background: #005CA8;
}

.consult .foo {
  background: #5B2181;
}

.roentgen .foo {
  background: #A6BAD5;
}

.foo {
  min-height: 411px;
  color: #fff;
  margin-top: 120px;
  padding: 40px 0 40px;
  /* float: left; */
  width: 100%;
  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
  position: relative;
}

.foo-bottom {
  background: #C7CCD9;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 111px;
  -webkit-clip-path: polygon(0 66%, 100% -1%, 100% 100%, 0% 100%);
  clip-path: polygon(0 66%, 100% -1%, 100% 100%, 0% 100%);
}
}

footer {
  position: relative;
  background: #fff;
  float: left;
}

footer h5 {
  color: #fff;
  font-size: 25px;
}

footer p,
footer a {
  color: #fff;
  font-size: 14px;
}

footer a:hover {
  color: #fff;
}

.footer2 {
  margin-top: 0px;
  min-height: 20px;
  background: #333;
  color: #fff;
  padding: 5x 0 5px;
  float: left;
  width: 100%;
}

.footer2 p,
.footer2 a {
  color: #fff;
  font-weight: 300;
  margin: 2px;
  font-size: 12px;
}

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

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

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

.container {
  max-width: 1200px;
}

/*News config*/
.headernews h4 {
  font-size: 17px;
  font-weight: 500;
}

.headeritem {
  /* margin-top: 30px; */
  padding: 0 40px !important;
}

.contentp {
  padding: 0;
}

@media print {
  #nav {
    display: none;
  }

  /* hidden elements for print view */
  #header,
  #rootline,
  #footer,
  #printlink,
  #servicemenu,
  .nav,
  #search,
  #logo {
    display: none;
  }