@charset "UTF-8";
/*----------------------------------------------------------------------------------------------
                                            VARIABLES
----------------------------------------------------------------------------------------------*/
/*------ COLORS -----*/
/*----------------------------------------------------------------------------------------------
                                            EXTENDS
----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------
                                            FONTS
----------------------------------------------------------------------------------------------*/
/* josefin-sans-600 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: local(""), url("/fonts/josefin-sans-v20-latin-600.woff2") format("woff2"), url("/fonts/josefin-sans-v20-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Josefin Sans', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 600 !important; }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/fonts/open-sans-v27-latin-regular.woff2") format("woff2"), url("/fonts/open-sans-v27-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(""), url("/fonts/open-sans-v27-latin-700.woff2") format("woff2"), url("/fonts/open-sans-v27-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

body, input, textarea, select {
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important; }

/*----------- Cookie Banner -----------*/
.brlbs-dialog-positioner {
  background-color: rgba(0, 0, 0, 0.5); }

.brlbs-cmpnt-dialog {
  margin: 0 !important;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important; }

.brlbs-cmpnt-dialog-bar-entrance,
.brlbs-cmpnt-dialog-details {
  max-width: 1200px;
  margin: auto !important; }

.brlbs-cmpnt-dialog-entrance-headline,
.brlbs-text-2xl {
  color: #005388; }

.brlbs-cmpnt-consent-list {
  display: none !important; }

.brlbs-cmpnt-btn:active,
.brlbs-cmpnt-btn:focus,
.brlbs-cmpnt-link:focus,
.brlbs-cmpnt-link:focus-visible {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

/*----------------------------------------------------------------------------------------------
                                            PAGES
----------------------------------------------------------------------------------------------*/
/*----------- Startseite -----------*/
body.safari .section_has_divider,
body.uiwebview .section_has_divider {
  -webkit-perspective: none;
          perspective: none; }

.hero-section {
  padding-bottom: 0px !important;
  padding-top: 60px !important;
  background-color: #FF711F; }

@media (max-width: 767px) {
  .hero-section {
    padding-top: 30px !important; } }
  .hero-section .et_pb_row {
    padding: 30px 0 !important; }
  .hero-section h1 {
    font-size: 39px;
    color: #ffffff;
    line-height: 1.1em;
    margin-bottom: 50px; }
  .hero-section .et_pb_button {
    color: #FF711F !important;
    background-color: #ffffff;
    font-weight: 700;
    -webkit-box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.15);
    padding-left: 30px !important;
    padding-right: 30px !important; }
    .hero-section .et_pb_button:hover {
      background-color: #ffffff !important; }
  .hero-section .et_pb_image {
    margin-top: -40px;
    margin-bottom: -160px !important;
    margin-left: 0; }

@media (min-width: 981px) and (max-width: 1200px) {
  .hero-section .et_pb_image {
    width: 110%;
    margin-bottom: -100px !important; } }

@media (min-width: 768px) and (max-width: 980px) {
  .hero-section .et_pb_image {
    width: 70%;
    margin-left: auto;
    margin-right: 0; } }

@media (max-width: 767px) {
  .hero-section .et_pb_image {
    margin-top: -20px;
    margin-bottom: -130px !important; } }

.first-paragraph {
  padding-top: 0px !important;
  padding-bottom: 60px !important; }

@media (min-width: 768px) and (max-width: 980px) {
  .first-paragraph {
    padding: 60px 150px 0px 0px !important; } }

@media (max-width: 767px) {
  .first-paragraph {
    padding: 120px 0px 0px 0px !important; } }
  .first-paragraph .et_pb_row {
    padding: 30px 0 !important; }

.slider_feature {
  overflow: visible !important; }
  .slider_feature .et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none !important; }
    .slider_feature .et_pb_bg_layout_dark .et_pb_slide_description .et_pb_slide_content p {
      /* font-size: 14pt !important; */ }
  .slider_feature .et-pb-controllers a {
    position: relative;
    text-align: end; }
    .slider_feature .et-pb-controllers a::before {
      position: absolute;
      font-family: 'Josefin Sans';
      font-size: 16px;
      font-weight: bold;
      color: #ffffff;
      top: -500px; }

@media (max-width: 479px) {
  .slider_feature .et-pb-controllers a::before {
    display: none;
    visibility: hidden; } }
    .slider_feature .et-pb-controllers a:nth-child(1)::before {
      content: "Clever aufnehmen";
      right: 190px; }
    .slider_feature .et-pb-controllers a:nth-child(1)::after {
      right: 250px; }
    .slider_feature .et-pb-controllers a:nth-child(2)::before {
      content: "Clever speichern";
      right: 25px; }
    .slider_feature .et-pb-controllers a:nth-child(2)::after {
      right: 85px; }
    .slider_feature .et-pb-controllers a:nth-child(3)::before {
      content: "Clever vergleichen";
      right: -150px; }
    .slider_feature .et-pb-controllers a:nth-child(3)::after {
      right: -85px; }
    .slider_feature .et-pb-controllers a:nth-child(4)::before {
      content: "Clever integrieren";
      right: -320px; }
    .slider_feature .et-pb-controllers a:nth-child(4)::after {
      right: -260px; }
    .slider_feature .et-pb-controllers a::after {
      position: absolute;
      content: "\42";
      top: calc(-500px + 20px);
      font-family: 'ETModules';
      font-size: 16px;
      color: #ffffff; }

@media (max-width: 479px) {
  .slider_feature .et-pb-controllers a::after {
    display: none;
    visibility: hidden; } }

.pseudo_advantages::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_orange.svg);
  top: -20px;
  right: -20%;
  width: 150px;
  height: 150px;
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg); }

.pseudo_prozess-co-creators::before {
  position: absolute;
  content: '';
  background-image: url(https://intellimago.de/wp-content/uploads/2023/08/co-creators-top-left@2x.png);
  top: 0px;
  left: 0px;
  width: 808px;
  height: 560px;
  background-size: 50%;
  background-repeat: no-repeat; }

.pseudo_prozess-co-creators::after {
  position: absolute;
  content: '';
  background-image: url(https://intellimago.de/wp-content/uploads/2023/08/co-creators-bottom-right@2x.png);
  bottom: 0;
  right: 0;
  width: 621px;
  height: 557px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: right; }

/*----------- Funktionen -----------*/
.pseudo_screens::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_blau.svg);
  top: -20px;
  right: -20%;
  width: 150px;
  height: 150px;
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg); }

.counter-list {
  counter-reset: bsp-list; }
  .counter-list ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
    list-style: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }

@media (max-width: 479px) {
  .counter-list ol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    list-style: none; } }
    .counter-list ol li {
      position: relative;
      width: 18%; }

@media (max-width: 479px) {
  .counter-list ol li {
    width: 100%;
    margin-bottom: 50px; } }
      .counter-list ol li::before {
        counter-increment: bsp-list;
        content: counter(bsp-list);
        position: absolute;
        top: -40px;
        left: calc(50% - 15px);
        color: #ffffff;
        background-color: #FF711F;
        width: 30px;
        height: 30px;
        border: 4px solid #f7f7f7;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
        font-weight: bold;
        z-index: 11; }

@media (max-width: 479px) {
  .counter-list ol li::before {
    top: -8px;
    left: -45px; } }
      .counter-list ol li:not(:last-child)::after {
        position: absolute;
        top: calc(-30px + 10px - 2px);
        left: 50%;
        height: 100%;
        content: "";
        border-top: 3px solid rgba(0, 83, 136, 0.2);
        width: 114%;
        z-index: 1; }

@media (max-width: 479px) {
  .counter-list ol li:not(:last-child)::after {
    display: none;
    visibility: hidden;
    /* left : calc(-40px + 15px - 1px);
                    top: 30px;
                    width: 100%;
                    content: "";
                    border-top: 3px solid rgba($blue, $alpha: 0.2); */ } }

.list_process img {
  margin-top: -8px; }

.list_process ul {
  list-style: none !important; }
  .list_process ul li::before {
    content: "\2022";
    color: #005388;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }

@media (max-width: 980px) {
  .reverse-on-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

.pseudo_prozess-1::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_blau.svg);
  top: -20px;
  right: -25%;
  width: 350px;
  height: 350px;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg); }

@media (max-width: 900px) {
  .pseudo_prozess-1::before {
    display: none;
    visibility: hidden; } }

.pseudo_prozess-2::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_orange.svg);
  top: -20px;
  left: -20%;
  width: 150px;
  height: 150px;
  -webkit-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
          transform: rotate(-25deg); }

@media (max-width: 900px) {
  .pseudo_prozess-2::before {
    display: none;
    visibility: hidden; } }

.pseudo_prozess-3::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_orange.svg);
  bottom: -30px;
  right: -20%;
  width: 130px;
  height: 130px;
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg); }

.pseudo_prozess-4::before {
  position: absolute;
  content: url(https://tomedovoice.de/wp-content/uploads/2023/08/co-creators-bottom-right@2x.png);
  bottom: -30px;
  left: -15%;
  width: 100px;
  height: 100px;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg); }

/*----------- Anwendungen -----------*/
ul.list_illness {
  position: relative;
  list-style: none !important; }
  ul.list_illness li {
    display: block;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 25%; }
    ul.list_illness li::before {
      content: "\2022";
      color: #005388;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }
    ul.list_illness li:nth-child(odd) {
      clear: both;
      float: left;
      width: 50%; }

ul.list_beauty {
  list-style: none !important; }
  ul.list_beauty li::before {
    content: "\2022";
    color: #005388;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }

/*----------- Technologie -----------*/
.pseudo_tech::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_blau.svg);
  bottom: 0;
  right: -20%;
  width: 200px;
  height: 200px;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg); }

/* .pseudo_more-tech {
    &::before {
        position: absolute;
        content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon.svg);
        top: 25px;
        left: 5px;
        width: 30px;
        height: 30px;
    }
} */
.pseudo_bg-tech::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/12/bg_wave.png);
  margin-top: 10px;
  top: -10px;
  width: 100%;
  /* height: 200px; */ }

/*----------- Über uns -----------*/
.pseudo_about-us-1::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_orange.svg);
  top: 10px;
  left: -25%;
  width: 250px;
  height: 250px;
  -webkit-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
          transform: rotate(-25deg); }

@media (max-width: 900px) {
  .pseudo_about-us-1::before {
    display: none;
    visibility: hidden; } }

.pseudo_about-us-2::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_blau.svg);
  top: 0;
  right: -20%;
  width: 180px;
  height: 180px;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg); }

@media (max-width: 900px) {
  .pseudo_about-us-2::before {
    display: none;
    visibility: hidden; } }

/*--------- Kontakt --------*/
.contact_form h3 {
  color: #005388;
  margin-top: 30px;
  margin-bottom: 0;
  padding-bottom: 0;
  background-color: transparent; }

.contact_form label {
  font-size: 15px !important;
  color: #707070 !important; }

.contact_form .et_pb_row {
  padding: 0 !important; }

.contact_form .nf-form-content {
  padding: 0 !important;
  max-width: 100%; }
  .contact_form .nf-form-content .nf-field-container {
    margin-bottom: 30px;
    background-color: #ffffff; }
    .contact_form .nf-form-content .nf-field-container .nf-field-label {
      color: #707070;
      border: none; }
  .contact_form .nf-form-content input:not([type=button]),
.contact_form .nf-form-content textarea,
.contact_form .nf-form-content .list-select-wrap .nf-field-element > div {
    background-color: #ffffff !important;
    color: #707070 !important;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px; }
    .contact_form .nf-form-content input:not([type=button])::-webkit-input-placeholder, .contact_form .nf-form-content textarea::-webkit-input-placeholder, .contact_form .nf-form-content .list-select-wrap .nf-field-element > div::-webkit-input-placeholder {
      color: #c3c3c3;
      font-size: 14px; }
    .contact_form .nf-form-content input:not([type=button])::-moz-placeholder, .contact_form .nf-form-content textarea::-moz-placeholder, .contact_form .nf-form-content .list-select-wrap .nf-field-element > div::-moz-placeholder {
      color: #c3c3c3;
      font-size: 14px; }
    .contact_form .nf-form-content input:not([type=button]):-ms-input-placeholder, .contact_form .nf-form-content textarea:-ms-input-placeholder, .contact_form .nf-form-content .list-select-wrap .nf-field-element > div:-ms-input-placeholder {
      color: #c3c3c3;
      font-size: 14px; }
    .contact_form .nf-form-content input:not([type=button])::-ms-input-placeholder, .contact_form .nf-form-content textarea::-ms-input-placeholder, .contact_form .nf-form-content .list-select-wrap .nf-field-element > div::-ms-input-placeholder {
      color: #c3c3c3;
      font-size: 14px; }
    .contact_form .nf-form-content input:not([type=button])::placeholder,
.contact_form .nf-form-content textarea::placeholder,
.contact_form .nf-form-content .list-select-wrap .nf-field-element > div::placeholder {
      color: #c3c3c3;
      font-size: 14px; }
  .contact_form .nf-form-content input[type=button] {
    font-weight: bold;
    padding: 0px 30px !important;
    background: #FF711F;
    border: 0 none;
    cursor: pointer;
    border-radius: 50px; }

.pseudo_contact::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/12/kontakt_bg.png);
  top: 300px;
  right: -15%;
  width: 300px;
  height: 300px;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg); }

@media (max-width: 900px) {
  .pseudo_contact::before {
    display: none;
    visibility: hidden; } }

/*----------------------------------------------------------------------------------------------
                                            ELEMENTS
----------------------------------------------------------------------------------------------*/
/*--------- Menu ---------*/
/* .nav li:nth-child(n+5):nth-child(-n+8) {
    display: block !important;
    visibility: visible !important;
}
 */
/*--------- Lists ---------*/
ul.list_iconIntellimago {
  color: #ffffff;
  list-style: none !important;
  position: relative; }
  ul.list_iconIntellimago li::before {
    content: '';
    background-image: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_weiss.svg);
    display: inline-block;
    position: absolute;
    left: -30px;
    height: 30px;
    width: 30px;
    line-height: 30px; }

/*-------- Cookie bar ---------*/
#cookie-law-info-bar {
  padding: 20px 0 !important;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  #cookie-law-info-bar .cli-bar-container {
    width: 80%;
    max-width: 1080px; }
  #cookie-law-info-bar .cli-bar-btn_container {
    gap: 10px; }
    #cookie-law-info-bar .cli-bar-btn_container .cli_action_button {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 30px;
      padding: 10px 30px; }
    #cookie-law-info-bar .cli-bar-btn_container .cli_settings_button {
      background-color: transparent !important;
      padding: 8px 30px;
      border: 1px solid #707070;
      color: #707070 !important;
      border-radius: 30px;
      font-size: 14px; }

@media only screen and (max-width: 400px) {
  #cookie-law-info-bar .cli-bar-btn_container .cli_settings_button {
    padding: 10px 15px; } }

/*-------- Global ---------*/
#page-container {
  padding-top: 70px !important; }

@media (max-width: 980px) {
  #page-container {
    padding-top: 80px !important; } }

#main-content {
  overflow: hidden; }

.star-rating {
  text-align: center;
  margin-top: 90px; }
  .star-rating h3 {
    font-size: 18px; }
  .star-rating .yasr-vv-second-row-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4px; }

@media (max-width: 420px), (min-width: 981px) and (max-width: 1400px) {
  .star-rating .yasr-vv-second-row-container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .star-rating .yasr-vv-stats-text-container {
    margin-left: 10px;
    opacity: 0.7; }

@media (max-width: 420px), (min-width: 981px) and (max-width: 1400px) {
  .star-rating .yasr-vv-stats-text-container {
    margin-left: 0px;
    width: 100%; } }

.contact_row {
  min-height: 300px !important; }
  .contact_row::before {
    position: absolute;
    content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_orange.svg);
    top: 0;
    left: -20%;
    width: 300px;
    height: 300px; }

@media (max-width: 900px) {
  .contact_row::before {
    display: none;
    visibility: hidden; } }
  .contact_row::after {
    position: absolute;
    content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_blau.svg);
    top: 0;
    right: -20%;
    width: 300px;
    height: 300px;
    visibility: visible; }

@media (max-width: 900px) {
  .contact_row::after {
    display: none;
    visibility: hidden; } }

.pseudo_reviews::before {
  position: absolute;
  content: url(https://intellimago.de/wp-content/uploads/2021/11/intellimago_Icon_blau.svg);
  top: -20px;
  left: -20%;
  width: 130px;
  height: 130px;
  -webkit-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
          transform: rotate(-25deg); }

#top-menu .btn-contact a,
.et-fixed-header #top-menu .btn-contact a,
.et_mobile_menu .btn-contact a {
  font-weight: 700;
  border-radius: 50px;
  padding: 6px 20px !important;
  text-transform: uppercase;
  background-color: #FF711F;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center; }
  #top-menu .btn-contact a:hover,
.et-fixed-header #top-menu .btn-contact a:hover,
.et_mobile_menu .btn-contact a:hover {
    background-color: #d85c1a;
    opacity: 1; }

@media (max-width: 980px) {
  .et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header,
.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
    position: fixed; } }

.footer {
  color: #ffffff; }
  .footer .footer_nav,
.footer .footer_links {
    list-style: none !important; }
    .footer .footer_nav a,
.footer .footer_links a {
      color: #fafafa;
      opacity: 0.7; }
      .footer .footer_nav a:hover,
.footer .footer_links a:hover {
        opacity: 0.9; }
  .footer a {
    color: #ffffff; }

/*----------------------------------------------------------------------------------------------
                                    ALTE VERSION VON RUDI
----------------------------------------------------------------------------------------------*/
/*
#main-footer {
	display: none;
}
.et_close_search_field {
	display: none !important;
	width: 20px !important;
	height: 20px !important;
}
strong {
	font-weight: bold;
}
.open_sans {
	font-family: 'OpenSans',Helvetica,Arial,Lucida,sans-serif;
}


.main_view {
	position: relative;
	height: calc(100vh - 66px);
	max-height: calc(100vw/2);
}
.main_content_box {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 7vw;
	left: 7vw;
}
.main_icons a {
	float: left;
	width: 32px;
	margin-right: 16px;
}
.main_title {
	font-family: 'JosefinSans Semibold',Helvetica,Arial,Lucida,sans-serif;
	font-size: 3vw;
	color: #005388;
	margin-top: 16px;
}
.main_img {
	width: 50vw;
	position: absolute;
	top: 0;
	right: 7vw;
}
.main_img img {
	width: inherit;
	z-index: 3;
}
@-webkit-keyframes main_animation {
    0%   {	
		-webkit-transform: scale(1);
		-webkit-box-shadow: 0 0 0 40px rgba(255,113,31,0.2), 0 0 0 80px rgba(255,113,31,0.02);
	}
    25%  {	
		-webkit-transform: scale(1.1);
		-webkit-box-shadow: 0 0 0 20px rgba(255,113,31,0.1), 0 0 0 100px rgba(255,113,31,0.01);
	}
    50%  {	
		-webkit-transform: scale(0.9);
		-webkit-box-shadow: 0 0 0 60px rgba(255,113,31,0.13), 0 0 0 60px rgba(255,113,31,0.03);
	}
    100% {	
		-webkit-transform: scale(1);
		-webkit-box-shadow: 0 0 0 40px rgba(255,113,31,0.2), 0 0 0 80px rgba(255,113,31,0.02);
	}
}
@keyframes main_animation {
    0%   {	
		transform: scale(1);
		box-shadow: 0 0 0 40px rgba(255,113,31,0.2), 0 0 0 80px rgba(255,113,31,0.02);
	}
    25%  {	
		transform: scale(1.2);
		box-shadow: 0 0 0 50px rgba(255,113,31,0.1), 0 0 0 110px rgba(255,113,31,0.01);
	}
    50%  {	
		transform: scale(0.8);
		box-shadow: 0 0 0 70px rgba(255,113,31,0.13), 0 0 0 90px rgba(255,113,31,0.03);
	}
    100% {	
		transform: scale(1);
		box-shadow: 0 0 0 40px rgba(255,113,31,0.2), 0 0 0 80px rgba(255,113,31,0.02);
	}
}
.main_animation:after {
	-webkit-animation-name: main_animation;
	-webkit-animation-duration: 16s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-name: main_animation;
    animation-duration: 16s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.main_img:after,
.main_mobile_img:after {
	content: "";
	width: 20vw;
	height: 20vw;
	display: block;
	background: #FF711F;
	box-shadow: 0 0 0 40px rgba(255,113,31,0.2), 0 0 0 80px rgba(255,113,31,0.02);
	border-radius: 50%;
	position: absolute; 
	top: 0;
	right: 0;
	z-index: -1;
	
	
}
.btn_contact {
	font-family: 'JosefinSans Semibold',Helvetica,Arial,Lucida,sans-serif;
	padding: 16px 24px 10px;
	font-size: 1vw;
	line-height: 1vw;
	border-radius: calc(1vw + 8px);
	text-transform: uppercase;
	background: #FF711F;
	color: white;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	border: none;
}
.btn_contact:hover {
	background: #FF600E;
}


.kbv-zertificate .et_pb_code_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.kbv-zertificate h2 {
	font-family: 'JosefinSans Semibold',Helvetica,Arial,Lucida,sans-serif;
	color: white;
	text-align: center;
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 16px; 
}
.kbv-zertificate .open_certificate {
	font-size: 20px;
	font-family: 'JosefinSans Semibold',Helvetica,Arial,Lucida,sans-serif;
	text-align: center;
	font-weight: 600;
	padding: 14px 32px 8px;
	border-radius: 40px;
	border: 3px solid white;
	color: white;
}
.kbv-zertificate .open_certificate:hover {
	background: rgba(255,255,255,0.1)
}
@media (max-width: 980px) { 
	.kbv-zertificate {
		height:360px;
	}
	.kbv-zertificate h2 {
		font-size: 30px;
	}
	.kbv-zertificate .open_certificate {
		font-size: 16px;
		padding: 10px 16px 4px;
		border: 2px solid white;
	}
}*/
/* ----- Navigation ----- */
/*
#ueber_intellipix,
#technologie,
#das_ic1-dermatoskop,
#exzellenter_service,
#ueber_intellipix_mobil,
#technologie_mobil,
#das_ic1-dermatoskop_mobil,
#exzellenter_service_mobil {
	padding-top: 150px;
	margin-top: -150px;
}
@media only screen and (min-width: 981px) {
	#logo {
		max-height: 70%;
		min-height: 70%;
	}
}

#top-menu li.current-menu-item>a {
	color: #005388;
}
#top-menu-nav>ul>li:last-child>a:hover{
	opacity: 1;
}
.btn_nav {
	padding: 8px 16px 5px;
	font-size: 1em;
}


.btn-txt {
	background: transparent;
	border: none;
	padding: 0;
}



.icon_split_text {
	font-family: 'JosefinSans Semibold',Helvetica,Arial,Lucida,sans-serif;
	position: relative;
	line-height: 4vw;
	font-size: 1.8vw;
	color: #005388;
	float: left;
	clear: both;
	list-style: none;
}
.icon_split_text:before {
	content: "";
	position: absolute;
	top: 1vw;
	left: -3vw;
	height: 1.6vw;
	width: 1.6vw;
	background-image: url(https://intellipix.de/wp-content/uploads/2018/08/logo-19.svg);
	background-repeat: no-repeat;
}
.icon_split_text:after {
	content: "";
	position: absolute;
	top: 1vw;
	right: -3.7vw;
	height: 1.6vw;
	width: 1.6vw;
	background-image: url(https://intellipix.de/wp-content/uploads/2018/08/logo-20.svg);
	background-repeat: no-repeat;
}


.mosaik_container {
	width: calc(100% / 3);
	height: 20em;
	padding: 56px 88px 48px 48px;
	box-sizing: border-box;
	background: #EBEBEB;
	float: left;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
}

.mosaik_container h3,
.tile_box h3,
.mobile_scroll_tiles h3{
	font-family: 'JosefinSans Semibold',Helvetica,Arial,Lucida,sans-serif;
	color: #002042;
	font-size: 1.250em;
	line-height: 1.4em;
	flex-grow: 1;
}
.mosaik_container p,
.tile_box p,
.mobile_scroll_tiles p{ 
	font-family: 'OpenSans',Helvetica,Arial,Lucida,sans-serif;
	color: #707070;
	font-size: 1em;
	line-height: 1.4em;
	flex-grow: 3;
}
.mosaik_container .btn-txt,
.tile_box .btn-txt,
.mobile_scroll_tiles .btn-txt {
	color: #707070 !important;
	font-size: 1em !important;
	text-align: left !important;
	font-weight: bold !important;
	width: 100%;
	cursor: pointer;
}
.mosaik_container:hover .btn-txt {
	text-decoration: underline;
}
.mosaik_container:nth-child(even) {
	background: #FF711F;
}
.mosaik_container:nth-child(even) h3,
.mosaik_container:nth-child(even) p,
.mosaik_container:nth-child(even) .btn-txt {
	color: #fafafa !important;
}
.mosaik_container:nth-child(1) {
	border-top-left-radius: 126px;
}
.mosaik_container:nth-child(2):before {
	content: "";
	width: 100%;
	height: 50px;
	background: #FF711F;
	position: absolute;
	top: -30px;
	left: 0;	
}
.mosaik_container:nth-child(3):after {
	content: "";
	width: 60vw;
	height: 100%;
	background: #EBEBEB;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.mosaik_container:nth-child(3):before {
	content: "";
	width: 60vw;
	height: 100%;
	background: #EBEBEB;
	position: absolute;
	bottom: 90px;
	left: 0;
	transform: skewy(-4deg);
	z-index: -1;
}
.mosaik_container:nth-child(4):after {
	content: "";
	width: 60vw;
	height: 100%;
	background: #FF711F;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
.mosaik_container:nth-child(4):before {
	content: "";
	width: 60vw;
	height: 100%;
	background: #FF711F;
	position: absolute;
	top: 34px;
	right: -1px;
	transform: skewy(-4deg);
	z-index: -1;
}
.mosaik_container:nth-child(5):after {
	content: "";
	width: 100%;
	height: 50px;
	background: #EBEBEB;
	position: absolute;
	bottom: -50px;
	left: 0;
	
}
.mosaik_container:nth-child(6) {
	border-bottom-right-radius: 126px;
}

@media only screen and (max-width: 1300px) {
	.mosaik_container {
		padding: 24px 40px 24px 24px;
	}
	.mosaik_container:nth-child(1) {
		border-top-left-radius: 26px;
	}
}


.tile_box .tile {
	height: 20em;
	padding: 48px 80px 48px 48px;
	box-sizing: border-box;
	background: #F8F8F8;
	display: flex;
	flex-direction: column;
	box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05);
	transition: 0.2s;
}
.tile_box .tile:hover {
	box-shadow: 0 5px 16px 0 rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.07);
}
@media only screen and (max-width: 1300px) {
	.tile_box .tile {
		padding: 24px 48px 24px 24px;
	}
}
*/
/* ----- Big Icon Addon ----- */
/*
.icon_addition {
	position: relative;
}
.icon_addition:after {
	content: "";
	background-image: url(https://intellipix.de/wp-content/uploads/2018/08/icon_rotated_blue.svg);
	Height: 82vw;
    width: 92vw;
    position: absolute;
    top: -211px;
    right: -50vw;
	z-index: 3;
}
.icon_addition:before {
	content: "";
	background-image: url(https://intellipix.de/wp-content/uploads/2018/08/icon_rotated_orange.svg);
	Height: 82vw;
    width: 92vw;
    position: absolute;
    top: -380px;
    left: -40vw;
	z-index: 3;
}

.dermatoscope_img img {
	max-height: 500px;
}


@-webkit-keyframes animation {
	0%   {	
		-webkit-transform: translate(0,0);
	}
    50%  {	
		-webkit-transform: translate(20px,-20px);
	}
    100% {	
		-webkit-transform: translate(0,0);
	}
}
@keyframes animation {
    0%   {	
		transform: translate(0,0);
	}
    50%  {	
		transform: translate(20px,-20px);
	}
    100% {	
		transform: translate(0,0);
	}
}
.order_animate {
	-webkit-animation-name: animation;
    -webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-name: animation;
    animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.order_img_left,
.order_img_right {
	width: 30vw;
    max-width: 30vw;
    position: absolute;
	margin-top: -15vw;
}

.order_img_left {
	top: 0;
	left: -10vw;
}
.order_img_right {
	top: 0;
	right: 0;
	-webkit-animation-delay: -3s;
	animation-delay: -3s;
}


.list_space {
	height: 1em;
}

*/
/* ----- Kontaktformular ----- */
/*
.contact_section {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.contact_section textarea {
	padding: 4px 8px !important;
	min-width: 95%;
	max-width: 95%;
	min-height: 80px;
	height: 50px;
	box-sizing: border-box;
	border: 1px solid #E1E3E2
}
.contact_section .ipt {
	border: none;
	border-bottom: 1px solid #E1E3E2;
	padding: 4px 8px;
	width: 95%;
	box-sizing: border-box;
}
.contact_section .ipt,
.contact_section textarea {
	color: #002042;
	font-size: 1em;
}
.contact_section .ipt::placeholder { color: #bbbbbb; }
.contact_section .ipt:-ms-input-placeholder { color: #bbbbbb; }
.contact_section .ipt::-ms-input-placeholder { color: #bbbbbb; }
.contact_section textarea::placeholder { color: #bbbbbb; }
.contact_section textarea:-ms-input-placeholder { color: #bbbbbb; }
.contact_section textarea::-ms-input-placeholder { color: #bbbbbb; }

.contact_section .ipt:focus,
.contact_section textarea:focus {
	border-bottom: 1px solid #002042;
	color: #002042;
}
.contact_section h1,
.contact_section h2 {
	font-family: 'JosefinSans Semibold',Helvetica,Arial,Lucida,sans-serif;
}
.contact_section h1 {
	color: #FF711F;
}
.contact_section h2 {
	color: #005388;
}
.check_dsgvo {
	margin-top: 16px;
	display: block;
}
.check_dsgvo .wpcf7-list-item {
	margin: 0;
}
.check_dsgvo #dsgvo {
	cursor: pointer;
}
.wpcf7-response-output {
	position: fixed;
	top: 80px;
	right: 32px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	background: white;
}
.wpcf7-form-control.btn_contact {
	font-size: 1em;
}
@media only screen and (max-width: 980px) {
	.wpcf7-form {
		display: flex;
		flex-direction: column;
	}
	.contact_section {
		width: 100%;
	}
	.mobile_1 {
		order: 1;
		margin-bottom: 32px;
	}
	.mobile_2 {
		order: 2;
	}
	.mobile_3 {
		order: 3;
	}
}
*/
/* --------------------- Mobile Styling ------------------------ */
/*
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

.main_mobile_img {
	position: relative;
}
.mobile_icons {
	width: 100%;
	display: flex;
	justify-content: center;
}
.mobile_icons img{
	width: 32px;
}


.mobile_splittext {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 !important;
}
.mobile_splittext .icon_split_text {
	line-height: 8vw;
	font-size: 3.6vw;
}
.mobile_splittext .icon_split_text:before,
.mobile_splittext .icon_split_text:after {
	top: 2vw;
	left: -5vw;
	height: 3.2vw;
	width: 3.2vw;
}
.mobile_splittext .icon_split_text:after {
	right: -5.7vw;
	left: auto;
}


.mobile_slider .et_pb_button  {
	margin-left: -1em !important; 
}
.mobile_scroll_tiles {
	overflow-x: auto ;
	padding: 8px 0 24px;
	display: flex;
	flex-direction: row;
}
.mobile_scroll_tiles .tile {
	margin-left: 5vw;
	height: 20em;
	min-width: 80vw;
	padding: 40px 80px 40px 40px;
	box-sizing: border-box;
	background: #F8F8F8;
	display: flex;
	flex-direction: column;
	box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05);
}
@media only screen and (max-width: 350px) {
	.mobile_scroll_tiles .tile {
		padding: 30px 50px 30px 30px;
	}
}
.mobile_scroll_tiles .tile:first-child { 
	margin-left: 10vw;
}
.mobile_scroll_tiles .scroll_end {
	min-width: 10vw;
}

.icon_addition_mobile:before {
	Height: 150vw;
    width: 150vw;
    top: 120px;
    left: -91vw;
}

.icon_addition_mobile:after {
	Height: 150vw;
    width: 150vw;
    top: 140px;
    right: -97vw;
}
@media only screen and (min-width: 481px) and (max-width: 980px) {
	.icon_addition_mobile:before {
		Height: 50vw;
		width: 50vw;
		top: -50px;
		left: -30vw;
	}

	.icon_addition_mobile:after {
		Height: 50vw;
		width: 50vw;
		top: -40px;
		right: -30vw;
	}
	
	.mobile_scroll_tiles .tile {
		min-width: 50vw;
	}
}
@media only screen and (min-width: 481px) and (max-width: 600px) { 
	.mobile_scroll_tiles .tile {
		min-width: 60vw;
	}
}

.order_img_left.order_img_mobile {
	top: 43vw;
    left: -24vw;
}
.order_img_right.second {
	right: 2vw;
	animation-delay: -2s;
}
.footer_links {
	padding: 0 !important;
}
.mobile_swoosh img {
	z-index: -1;
}


#et-topnavigation .et_pb_button {
	margin-top: 0;
	font-size: inherit;
	font-weight: inherit;
}
#et-topnavigation .et_pb_button:after {
	font-size: 23px;
}
*/