/*---------------------------------------------------------------------------------

 Theme Name:   diagnose-krebs.at
 Theme URI:    https://
 Description:  
 Author:       WH
 Author URI:   
 Template:     Divi
 Version:      1.1.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* work-sans-100 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-200 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-800 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-100italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-900 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-200italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-300italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-600italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-500italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-700italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-800italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-900italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/merck/webfonts/work-sans-v18-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* Variablen */
/* mixins.scss */
body h1 {
  font-weight: 300;
  font-size: 60px;
  line-height: 66px;
  padding-bottom: 40px; }

body h2 {
  font-weight: 400;
  font-size: 32px; }

body h3 {
  font-weight: 400;
  font-size: 26px;
  line-height: 36px; }

body h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase; }

body p {
  font-weight: 400;
  line-height: 30px; }

body li {
  font-weight: 400;
  line-height: 30px; }

body strong {
  font-weight: 500; }

body .logo_container {
  padding-left: 0; }

body .wp-caption {
  background: none;
  border: none; }

.zweispalten div {
  -webkit-columns: 2 200px;
  -moz-columns: 2 200px;
  columns: 2 200px;
  -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em; }

.cmtt_help {
  display: none !important; }

body {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

.vertikal-zentrieren {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.unten-ausrichten {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

@media all and (min-width: 980px) {
  /*adjust position of navigation menu*/
  .et_header_style_fullscreen .et_pb_fullscreen_nav_container {
    width: 100%; }
  .et_slide_in_menu_container.et_pb_fullscreen_menu_opened.et_pb_fullscreen_menu_animated {
    padding-top: 0px !important; }
  /*make menu right aligned*/
  .et_header_style_fullscreen ul#mobile_menu_slide {
    text-align: left;
    padding: 0 15%; }
  .et_slide_in_menu_container .et_mobile_menu > .menu-item-has-children > a {
    font-weight: 400; }
  /*make close menu icon larger*/
  .et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
    font-size: 60px; }
  /*increase size of down arrow for sub menu items*/
  .et_slide_in_menu_container span.et_mobile_menu_arrow {
    opacity: 1; }
  .et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {
    font-size: 34px; }
  .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
    font-size: 16px; }
  .hauptpunkt a {
    font-size: 36px !important; }
  .subebene a {
    font-size: 18px !important;
    margin: 0;
    padding: 0 0 0 20px !important; }
  .unterpunkt {
    display: inline-block;
    margin-right: 20px;
    margin-top: 100px; }
    .unterpunkt a {
      font-size: 14px !important;
      float: left; } }

@media all and (max-width: 980px) {
  .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
    font-size: 24px;
    line-height: 20px !important; }
  /*adjust position of navigation menu*/
  .et_header_style_fullscreen .et_pb_fullscreen_nav_container {
    width: 100%; }
  .et_slide_in_menu_container.et_pb_fullscreen_menu_opened.et_pb_fullscreen_menu_animated {
    padding-top: 0px !important; }
  /*make menu right aligned*/
  .et_header_style_fullscreen ul#mobile_menu_slide {
    text-align: left;
    padding: 0 15%; }
  .et_slide_in_menu_container .et_mobile_menu > .menu-item-has-children > a {
    font-weight: 400; }
  /*make close menu icon larger*/
  .et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
    font-size: 60px; }
  /*increase size of down arrow for sub menu items*/
  .et_slide_in_menu_container span.et_mobile_menu_arrow {
    opacity: 1; }
  .et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {
    font-size: 24px; }
  .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
    font-size: 16px; }
  .hauptpunkt a {
    font-size: 20px !important;
    padding: 10px 0 !important; }
  .subebene a {
    font-size: 16px !important;
    margin: 0;
    padding: 0 0 0 20px !important; }
  .unterpunkt a {
    font-size: 14px !important;
    padding: 0 !important; } }

.et_pb_fullscreen .et_pb_fullwidth_header_container {
  max-width: 1196px; }

@media only screen and (max-width: 980px) {
  .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
    background-size: auto 90% !important; }
  h1.et_pb_module_header {
    font-size: 32px;
    line-height: 48px;
    padding-bottom: 5px; }
  .et_pb_module_header,
  .et_pb_header_content_wrapper {
    background: rgba(255, 255, 255, 0.7);
    padding: 15px;
    border-radius: 6px; } }

@media only screen and (min-width: 980px) {
  .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
    background-size: auto 90% !important; } }

.footer a,
.footer-mobil a {
  color: #ffffff; }

.themen-startseite {
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.18); }
  .themen-startseite h2 {
    font-weight: 500;
    font-size: 24px !important; }

.krebsarten-start h2 {
  font-weight: 500;
  font-size: 24px !important; }

.weiterlesen div {
  font-size: 12px; }

.weiterlesen a {
  font-size: 24px;
  font-weight: 300;
  color: #503291; }

.header-krebsart {
  padding-top: 0 !important; }

@media only screen and (max-width: 980px) {
  .krebsart-text {
    padding-top: 80px; } }

@media only screen and (min-width: 680px) {
  p.zweispalten-krebsarten {
    width: 50%; }
  .krebsart-text {
    padding-top: 200px; } }

p.zweispalten-krebsarten {
  column-count: 2; }
  p.zweispalten-krebsarten a {
    color: #503291; }
  html[data-browser*="Safari/605"] p.zweispalten-krebsarten .hvr-forward {
    display: inline !important; }

.verteilerbox div {
  display: flex; }

.verteilerbox .verteiler-innen {
  cursor: pointer;
  background: rgba(150, 215, 210, 0.2);
  transition: 0.8s;
  border-radius: 6px;
  padding: 10px;
  margin-right: 10px;
  margin-top: 20px;
  width: 25%;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  line-height: 20px; }
  .verteilerbox .verteiler-innen img {
    padding: 20px 0; }
  .verteilerbox .verteiler-innen a svg {
    font-size: 60px;
    margin: 10px 0 20px 0; }
  .verteilerbox .verteiler-innen .fal {
    font-size: 50px; }

.verteilerbox .darmkrebs {
  background: #E3E6F0; }

.verteilerbox .merkelzell {
  background: #E2E2E2; }

.verteilerbox .nierenzell {
  background: #FBE8B9; }

.verteilerbox .kopf-hals {
  background: #FFFEE6; }

.verteilerbox .verteiler-innen:hover {
  background: rgba(150, 215, 210, 0.4); }

.verteilerbox .darmkrebs:hover {
  background: #C1C6FF; }

.verteilerbox .merkelzell:hover {
  background: #D8D4D4; }

.verteilerbox .nierenzell:hover {
  background: #FCD881; }

.verteilerbox .kopf-hals:hover {
  background: #FFFCBA; }

.verteilerbox-mobil .verteiler-innen {
  cursor: pointer;
  background: rgba(150, 215, 210, 0.2);
  transition: 0.8s;
  border-radius: 6px;
  padding: 10px;
  margin-right: 10px;
  margin-top: 20px;
  width: 100%;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  line-height: 20px; }
  .verteilerbox-mobil .verteiler-innen img {
    padding: 20px 0; }
  .verteilerbox-mobil .verteiler-innen a svg {
    font-size: 60px;
    margin: 10px 0 20px 0; }
  .verteilerbox-mobil .verteiler-innen .fal {
    font-size: 50px; }

.verteilerbox-mobil .verteiler-innen:hover {
  background: rgba(150, 215, 210, 0.4); }

.verteilerbox-mobil .darmkrebs {
  background: #E3E6F0; }

.verteilerbox-mobil .merkelzell {
  background: #E2E2E2; }

.verteilerbox-mobil .nierenzell {
  background: #FBE8B9; }

.verteilerbox-mobil .kopf-hals {
  background: #FFFEE6; }

.verteilerbox-mobil .verteiler-innen:hover {
  background: rgba(150, 215, 210, 0.4); }

.verteilerbox-mobil .darmkrebs:hover {
  background: #C1C6FF; }

.verteilerbox-mobil .merkelzell:hover {
  background: #D8D4D4; }

.verteilerbox-mobil .nierenzell:hover {
  background: #FCD881; }

.verteilerbox-mobil .kopf-hals:hover {
  background: #FFFCBA; }

.hilfreiche-links a {
  color: #53A7A0; }

.einleitungstext p {
  margin-bottom: 50px; }

@media only screen and (max-width: 980px) {
  .et_fixed_nav #main-header,
  .et_fixed_nav #top-header,
  .et_non_fixed_nav.et_transparent_nav #main-header,
  .et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.9); } }

.et_mobile_menu {
  overflow: scroll !important;
  max-height: 80vh; }

.cm-glossary.term-definition ul > li,
.cm-glossary.img-term-definition ul > li {
  border-top: none !important;
  border-bottom: 1px solid #f7f7f7; }

#menu-downloads {
  width: 400px !important; }
  #menu-downloads li {
    width: 400px !important; }
  #menu-downloads a {
    width: 100% !important; }
  #menu-downloads .sub-menu {
    width: 100% !important; }

.referenzen h4 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: medium;
  line-height: 24px; }

.referenzen p {
  font-size: 12px;
  font-weight: regular;
  line-height: 23px; }

.einleitungstext h2 {
  font-size: 50px;
  font-weight: 300;
  padding-bottom: 30px; }

sup {
  font-size: 11px; }

h3 sup {
  font-size: 12px; }
