@charset "UTF-8";
@font-face {
  font-family: "mt";
  src: url("../fonts/mt-382104cebf2a21cfc8b13b8dc958f6bd.eot");
  src: url("../fonts/mt-382104cebf2a21cfc8b13b8dc958f6bd.eot") format("embedded-opentype"), url("../fonts/mt-15f13d00952157197fbad33b078867d3.ttf") format("truetype"), url("../fonts/mt-ee1c340debac3d21872f1bdc31131d84.woff") format("woff"), url("../fonts/mt-ff282fe073f71ab3f9517d64be44ed26.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=mticon-], [class*=" mticon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "mt" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.mticon-behoerde_3:before {
  content: "\e923";
}

.mticon-behoerde_2:before {
  content: "\e91e";
}

.mticon-fonts_star:before {
  content: "\e921";
}

.mticon-fonts_star_outline:before {
  content: "\e922";
}

.mticon-fonts_update:before {
  content: "\e920";
}

.mticon-fonts_plus_kreis:before {
  content: "\e919";
}

.mticon-fonts_dokument_no:before {
  content: "\e91a";
}

.mticon-fonts_dokument_ok:before {
  content: "\e91b";
}

.mticon-fonts_download:before {
  content: "\e91c";
}

.mticon-fonts_edit:before {
  content: "\e91d";
}

.mticon-student_2:before {
  content: "\e91f";
}

.mticon-buero:before {
  content: "\e900";
}

.mticon-business:before {
  content: "\e901";
}

.mticon-freiberufler:before {
  content: "\e902";
}

.mticon-lampe:before {
  content: "\e903";
}

.mticon-privat:before {
  content: "\e904";
}

.mticon-rathaus:before {
  content: "\e905";
}

.mticon-student:before {
  content: "\e906";
}

.mticon-behoerde:before {
  content: "\e907";
}

.mticon-schloss:before {
  content: "\e908";
}

.mticon-schloss_klein:before {
  content: "\e909";
}

.mticon-stift:before {
  content: "\e90a";
}

.mticon-stift_weiss:before {
  content: "\e90a";
}

.mticon-chat:before {
  content: "\e90b";
}

.mticon-fonts_close:before {
  content: "\e90c";
}

.mticon-fonts_hacken:before {
  content: "\e90d";
}

.mticon-fonts_info:before {
  content: "\e90e";
}

.mticon-fonts_kalender:before {
  content: "\e90f";
}

.mticon-fonts_konto:before {
  content: "\e910";
}

.mticon-fonts_lupe:before {
  content: "\e911";
}

.mticon-fonts_menu:before {
  content: "\e912";
}

.mticon-fonts_pfeil_links:before {
  content: "\e913";
}

.mticon-fonts_pfeil_oben:before {
  content: "\e914";
}

.mticon-fonts_pfeil_rechts:before {
  content: "\e915";
}

.mticon-fonts_pfeil_unten:before {
  content: "\e916";
}

.mticon-fonts_plus:before {
  content: "\e917";
}

.mticon-fonts_upload:before {
  content: "\e918";
}

.mticon-fonts_upload:before {
  content: "\e918";
}

.mticon-page-selected:before {
  content: "\e91a";
  font-weight: bold;
  color: #00ff00;
}

.mticon-page-not-selected:before {
  content: "\e91a";
  font-weight: bold;
  color: #ff0000;
}

.mticon-text_sprache:before {
  content: "\e924";
}

.mticon-kurse:before {
  content: "\e925";
}

.mticon-datenanalyse:before {
  content: "\e926";
  position: relative;
  top: 10px;
}

.mticon-mathe:before {
  content: "\e927";
  position: relative;
  top: 10px;
}

.mticon-statistik:before {
  content: "\e928";
}

.mticon-wisscoaching:before {
  content: "\e929";
}

.mticon-icons_haken:before {
  content: "\e93b";
}

.mticon-icons_tel:before {
  content: "\e93c";
}

.mticon-icons_chat:before {
  content: "\e93d";
}

.mticon-icons_angebot:before {
  content: "\e93e";
}

.mticon-icons_angebot_2:before {
  content: "\e93f";
}

.mticon-pencil:before {
  content: "\e92a";
}

.mticon-star-empty:before {
  content: "\e9d7";
}

.mticon-star-half:before {
  content: "\e9d8";
}

.mticon-star-full:before {
  content: "\e9d9";
}

.mticon-info:before {
  content: "\ea0c";
}

.mticon-checkmark:before {
  content: "\ea10";
}

.mticon-checkmark2:before {
  content: "\ea11";
}

.mticon-alert-circle:before {
  content: "\e92b";
}

.mticon-arrow-left-circle:before {
  content: "\e92c";
}

.mticon-bell:before {
  content: "\e92d";
}

.mticon-book-open:before {
  content: "\e92e";
}

.mticon-bookmark:before {
  content: "\e92f";
}

.mticon-calendar:before {
  content: "\e930";
}

.mticon-download-cloud:before {
  content: "\e931";
}

.mticon-eye:before {
  content: "\e932";
}

.mticon-eye-off:before {
  content: "\e933";
}

.mticon-file-minus:before {
  content: "\e934";
}

.mticon-file-plus:before {
  content: "\e935";
}

.mticon-heart:before {
  content: "\e936";
}

.mticon-loader:before {
  content: "\e937";
}

.mticon-lock:before {
  content: "\e938";
}

.mticon-log-in:before {
  content: "\e939";
}

.mticon-x-circle:before {
  content: "\e93a";
}

.mticon-fonts_gruppenkurse:before {
  content: "\e940";
}

.mticon-fonts_oberschule:before {
  content: "\e941";
}

.mticon-fonts_grundschueler:before {
  content: "\e942";
}

.mticon-fonts_englischkurs:before {
  content: "\e944";
}

.mticon-fonts_deutschkurs:before {
  content: "\e943";
}

.mticon-fonts_online_kurs:before {
  content: "\e945";
}

.mticon-icons_robotik:before {
  content: "\e946";
}

.mticon-icons_naturwissenschaft:before {
  content: "\e947";
}

.mticon-icons_elektronik:before {
  content: "\e948";
}

.mticon-icons_programmieren:before {
  content: "\e949";
}

.mticon-icons_kunst:before {
  content: "\e94a";
}

.checkbox-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 310px);
  grid-template-rows: repeat(3, 1fr);
}

.checkbox-wrapper .form-check {
  padding-left: 0.2rem;
}

.checkbox-wrapper .form-check input[type=checkbox]:after {
  left: 6px;
  top: 0;
}

.checkbox-wrapper .form-check-label {
  font-size: 0.9rem;
  position: relative;
  bottom: 5px;
}

@media (min-width: 1086px) {
  .checkbox-wrapper {
    grid-template-columns: repeat(3, 195px);
    grid-template-rows: repeat(3, 1fr);
  }
  .two-row.checkbox-wrapper {
    grid-template-columns: repeat(2, 310px);
  }
}
@media (min-width: 680px) and (max-width: 1085px) {
  .checkbox-wrapper {
    grid-template-columns: repeat(2, 310px);
  }
}
.mticon-inline-svg path, .mticon-inline-svg svg {
  fill: currentColor;
}

.nav-tabs a.nav-link {
  color: #7cbee2;
}

.mb-50 {
  margin-bottom: 50px;
}

.card.m-bottom-0 {
  margin-bottom: 0;
}

form[name=user_edit_form] .tab-content {
  background-color: white;
}

.p-bottom-10 {
  padding-bottom: 10px;
}

.p-top-10 {
  padding-top: 10px;
}

.alert.alert-success,
.alert.alert-danger {
  -webkit-transition: 2s;
  transition: 2s;
}

.user-content {
  margin-top: 75px;
}

.t_action .btn.btn-sm, .btn-group-sm > .btn {
  padding: 2px 0;
}

.t_action .action-button {
  margin-left: 5px;
}

.t_download a {
  text-decoration: none;
  text-underline: none;
  border-bottom: none;
}

.t_download .download-trigger-text,
.t_upload .upload-trigger-text,
.t_action .upload-trigger-text {
  margin-left: 4px;
}

.t_action {
  text-align: center;
}

.t_download {
  text-align: center;
}

.t_upload {
  text-align: center;
}

.document-name {
  margin-left: 5px;
}

.uploaded-file {
  color: #FF7101;
}

.document-replace-upload,
.video-replace-url {
  text-align: center;
}

.t_application_status.passed {
  color: green;
}

.t_application_status.failed,
.t_application_status.abgelehnt {
  color: red;
}

.t_application_status.checking,
.t_application_status.api_checking,
.t_application_status.manual_checking {
  color: orange;
}

.document-replace-upload label.replace-label {
  color: #0d5aa7;
  text-decoration: #0d5aa7;
  border-bottom: 1px solid #0d5aa7;
  font-size: 0.6rem;
  cursor: pointer;
}

.t_video_url {
  min-width: 182px;
  text-align: center;
}

.reg_steps {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 90px auto 20px;
  background-image: url("../images/step_line-73d6c88cbb7da2ac38f87b56826f1ac7.svg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
  align-items: flex-start;
}

.reg_steps div {
  width: 25%;
  max-width: 140px;
}

.step_img {
  display: block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #f9f9f9;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 80px auto;
}

.step_img_1 {
  background-image: url("../images/step_1-dbbd6089d38aae6f8715c33f674f85cc.svg");
  margin-top: -14px;
}

.step_img_2 {
  background-image: url("../images/step_2-fc4470d22d83f0147f810cf0c1d2d0c6.svg");
  margin-top: -36px;
}

.step_img_3 {
  background-image: url("../images/step_3-779b8262aaec2b9b530ffdd1ecaf7cb3.svg");
  margin-top: -20px;
}

.step_img_4 {
  background-image: url("../images/step_4-63cb2b9d29b55c151c090ea2a5d6260a.svg");
  margin-top: -14px;
}

.step_img_5 {
  background-image: url("../images/step_5-f4da92d6435bfe70986c47bea994b670.svg");
  margin-top: -36px;
}

.reg_num {
  font-size: 12px;
  background-color: #ECECEC;
  font-weight: bold;
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: middle;
  line-height: 16px;
  display: inline-block;
  border-radius: 50%;
}

.reg_text {
  text-align: center;
  display: block;
}

.step_img_1 + .reg_text {
  margin-top: 4px;
}

.step_img_2 + .reg_text {
  margin-top: 26px;
}

.step_img_3 + .reg_text {
  margin-top: 10px;
}

.step_img_4 + .reg_text {
  margin-top: 4px;
}

.step_img_5 + .reg_text {
  margin-top: 26px;
}

@media (max-width: 780px) {
  .reg_steps {
    background-image: url("../images/step_line_m-b2a6c3b000cefdbc30b8427cc70b0425.svg");
    flex-direction: column;
    margin: 20px auto;
    max-width: 360px;
    background-size: 400px 630px;
    background-position: -117px 10px;
    padding: 0 12px;
  }
  .reg_steps div {
    width: 100%;
  }
  .step_img_1, .step_img_2, .step_img_3, .step_img_4, .step_img_5, .step_img_1 + .reg_text, .step_img_2 + .reg_text, .step_img_3 + .reg_text, .step_img_4 + .reg_text, .step_img_5 + .reg_text {
    margin-top: 0;
  }
  .reg_steps div:nth-of-type(2n) {
    margin-left: calc(100% - 140px);
    margin-right: auto;
    margin-top: -96px;
  }
  .reg_steps div:nth-of-type(3) {
    margin-top: -56px;
  }
  .reg_steps div:nth-of-type(4) {
    margin-top: -120px;
  }
  .reg_steps div:nth-of-type(5) {
    margin-top: -46px;
  }
}
.btn-success.disabled, .btn-success:disabled {
  background-color: #585858;
  border-color: #585858;
  color: #fff;
}

.flag-video {
  background-size: contain;
  background-repeat: no-repeat;
  height: 35px;
  margin-left: 10px;
  width: 45px;
  display: inline-flex;
  margin-bottom: 20px;
}

.flag-video-de {
  background-image: url("../images/flag_de-bfcef7ba459c674086d3de6a144e4332.svg");
}

.flag-video-en {
  background-image: url("../images/flag_en-ab55bd61a4030b3482a9c2f67ca48645.svg");
}

.flag-video-fr {
  background-image: url("../images/flag_fr-88b3815f4e8e68a34b85dfa3b5b82616.svg");
}

.flag-video-it {
  background-image: url("../images/flag_it-7276e2d7f60b1039613119190426dd3e.svg");
}

.flag-video-ru {
  background-image: url("../images/flag_ru-141600b2d426dce1751249a7e4f809f6.svg");
}

.flag-video-zho {
  background-image: url("../images/flag_zho-b2fbc4f70287c996e8099efa71d8c6ff.svg");
}

.frontpage-video-link {
  display: flex;
  border-bottom: none !important;
}

.navbar-wrapper {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  transition: transform 0.4s;
}
.navbar-wrapper.fixed {
  position: fixed;
}

.scroll-down .navbar-wrapper {
  transform: translate3d(0, -100%, 0);
}

.scroll-up .navbar-wrapper {
  transform: none;
}

.navbar-dark {
  background-color: #4c4c4c !important;
  border: 0px solid #fff;
  border-radius: 0;
  margin: 0;
  color: #fff;
  height: 62px;
}

.navbar-dark a {
  color: #fff;
}

.navbar-mentorium-logo {
  width: 200px;
  background-image: url("../images/mentorium_logo-bea64e7f5e60b7893fb712e0deaab286.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 30px;
}

.navbar-sivakids-logo {
  width: 200px;
  background-image: url("../images/sivakids_logo-75909ded02a21090ff5152653f1f121a.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 210px;
  margin-left: 10px;
}

.navbar-lingidoo-logo {
  width: 200px;
  background-image: url("../images/lingidoo_logo-d2e421f3eadaec8ebdfe8ba31276ddba.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 120px;
  margin-left: 60px;
}

.flag {
  width: 30px;
}

.flag-de {
  background-image: url("../images/flag_de-bfcef7ba459c674086d3de6a144e4332.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 25px;
  margin-left: 10px;
  width: 35px;
  display: inline-flex;
  margin-bottom: -8px;
}

.flag-en {
  background-image: url("../images/flag_en-ab55bd61a4030b3482a9c2f67ca48645.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 25px;
  margin-left: 10px;
  width: 35px;
  display: inline-flex;
  margin-bottom: -8px;
}

/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300-6532a7481d3e743da8f0dbeef063faeb.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-300-6532a7481d3e743da8f0dbeef063faeb.eot") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300-a99d812654daded7b7d28685d07a8413.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300-3fdf2463cac2128ae10c5446e1075c83.woff") format("woff"), url("../fonts/roboto-v30-latin-300-4702ec48777b54e0fae7b3b3fbcb71ed.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300-6efeab8ff1bf84fe7188a971d2102adf.svg") format("svg"); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300italic-1254925639c8749cf620ce26e68741bb.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-300italic-1254925639c8749cf620ce26e68741bb.eot") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300italic-6cd7b5733bf2d340d2ede2506557267a.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300italic-b10a70583f6770240bc6b6f06aceee31.woff") format("woff"), url("../fonts/roboto-v30-latin-300italic-7e4f7ff2c4f25513d79471120cd2eb43.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300italic-32d6c02d7989c303f5425013b06f00a8.svg") format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular-0054f19be966fa981ebf24bc5825acfa.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-regular-0054f19be966fa981ebf24bc5825acfa.eot") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular-90d1c0b009e356f16b07a63f57844c26.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular-68bd908bb6fb1589c25bacca32450484.woff") format("woff"), url("../fonts/roboto-v30-latin-regular-ae22d6fe567fc2de272954d88bedb902.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular-2aaecc3ae40558e920a8f1a839bc686d.svg") format("svg"); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v30-latin-500-9a76875c04ae41ace69fa5ac0e482aa1.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-500-9a76875c04ae41ace69fa5ac0e482aa1.eot") format("embedded-opentype"), url("../fonts/roboto-v30-latin-500-fe4d677b8cc45c57e71aec5cda1d77f1.woff2") format("woff2"), url("../fonts/roboto-v30-latin-500-4e2b57b23946ab47dc178ebbbbb6d123.woff") format("woff"), url("../fonts/roboto-v30-latin-500-5fd44a117faa71039be2dbe15c69b488.ttf") format("truetype"), url("../fonts/roboto-v30-latin-500-09eb019e1d490679300c4803000eade4.svg") format("svg"); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-v30-latin-500italic-cf438236d0974ebf7b40d875532457d9.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-500italic-cf438236d0974ebf7b40d875532457d9.eot") format("embedded-opentype"), url("../fonts/roboto-v30-latin-500italic-bdc633f974fd4afaa20e765a80d992b9.woff2") format("woff2"), url("../fonts/roboto-v30-latin-500italic-32819433b2910cb480bd5def1220990c.woff") format("woff"), url("../fonts/roboto-v30-latin-500italic-305ffff60b866c869062e2438bb39f32.ttf") format("truetype"), url("../fonts/roboto-v30-latin-500italic-7e4dad8b2594620e46ec5d6c7e866ff3.svg") format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700-d7c2f7b7bff32be658a6933b9ea4456d.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700-d7c2f7b7bff32be658a6933b9ea4456d.eot") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700-0f883abbf40f1e10d45fccbf0e98339e.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700-c18a3787b1fda79fdeb9c633df41cf3b.woff") format("woff"), url("../fonts/roboto-v30-latin-700-79cfd08409329ced3e1d0168ab0444c7.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700-d3ab401fc398290c44ea5701d7107a8b.svg") format("svg"); /* Legacy iOS */
}
html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: Roboto, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 400;
  font-size: 16px;
  color: #1a1b1c;
  background-color: #f9f9f9;
}

#overlay-new-application .card-body a,
#overlay-new-application .card-body a > * {
  border: none !important;
}

#overlay-new-application .multiselect-options {
  border: 1px solid black;
}

#overlay-new-application .multiselect-option span,
#overlay-new-application .multiselect-input {
  font-size: 0.7rem;
}

#overlay-new-application .multiselect-input {
  min-height: 26px;
  height: 26px;
}

#overlay-new-application .multiselect-option.is-pointed,
#overlay-new-application .multiselect-tag {
  background-color: #ff7101;
  color: white;
  font-weight: 400;
}

#overlay-new-application .multiselect-tag i:before {
  color: white;
}

#overlay-new-application .multiselect-tag {
  font-size: 0.7rem;
  line-height: 1rem;
}

#overlay-new-application .multiselect-tags {
  height: 26px;
  margin-top: 0;
}

#overlay-new-application .multiselect-no-options,
.multiselect-no-results,
.multiselect-options,
.multiselect-option {
  padding: 2px 4px !important;
  font-size: 0.7rem !important;
}

#overlay-new-application .multiselect-option {
  min-height: 20px;
}

.action-button {
  font-size: 0.8rem;
}

.no-scroll {
  overflow: hidden;
}

.lng-dp-s2.select2-container .select2-results {
  max-height: 20px;
}

.lng-dp-s2 li.select2-selection__choice {
  background-color: #ff7101 !important;
  border-color: #ff5e01 !important;
  color: white !important;
}

.lng-dp-s2 .select2-selection__choice__remove {
  border-right: 1px solid white !important;
  color: white !important;
}

.lng-dp-s2 .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #ff7101 !important;
}

.select2,
.select2-container {
  font-size: 0.8rem;
}

.select2-container .select2-selection--multiple {
  min-height: 25px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  height: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  color: #ff7101 !important;
  height: 1.4em;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid black !important;
  border-radius: 0 !important;
  cursor: pointer;
}

.cursor-pointer,
.cursor-pointer:hover,
.cursor-pointer:focus,
.cursor-pointer label,
.cursor-pointer label:hover {
  cursor: pointer;
}

.line-through {
  text-decoration: line-through;
}

.width150 {
  width: 150px;
}

.width200 {
  width: 200px;
}

.width300 {
  width: 300px;
}

.custom-collapse-app {
  transition: height 200ms;
}

.acc-panel a[aria-expanded=false]:before {
  content: "▲";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}

.dropdown-menu.language-dropdown-menu {
  display: none !important;
}

.dropdown-menu.language-dropdown-menu.show {
  display: block !important;
}

.datepicker-dropdown {
  max-width: 224px;
}

.acc-panel a[aria-expanded=true]:before {
  content: "▼";
}

.lang-display-dd {
  display: none;
}

.pos_rel {
  position: relative;
}

.mobile_an {
  display: none;
}

.mobile_aus {
  display: block;
}

.flex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hide {
  display: none !important;
}

.d-block {
  display: block;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-left-10 {
  margin-left: 5px;
}

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

.m-left-100 {
  margin-left: 100px;
}

.m-left-17 {
  margin-left: 17px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-bottom-10 {
  margin-bottom: 10px;
}

.m-bottom-50 {
  margin-bottom: 50px;
}

.p-bottom-0 {
  padding-bottom: 0 !important;
}

.text-bold {
  font-weight: bold !important;
}

.min-w-126 {
  min-width: 126px;
}

.t_download a {
  font-size: 25px;
  text-align: center;
}

.color-light-blue {
  color: #ff7101;
}

.color-page-selected {
  color: #ebfbed;
}

.color-page-selected {
  color: #2dff48;
}

.color-page-not-selected {
  color: #eb0000;
}

.color-red {
  color: #eb0000;
}

.hscroll {
  overflow-x: auto; /* Horizontal */
}

.t_action .btn.btn-sm.btn-success {
  min-width: 143px;
}

div.card_no_abs {
  padding-top: 0;
  padding-bottom: 0 !important;
}

.btn-success svg {
  width: 0.8rem !important;
  height: 1rem !important;
}

#sourceTypeContainer .card-body {
  padding-bottom: 16px;
}

#uploadContainer.abs_unten {
  margin-bottom: 0px;
}

.card-body a:hover {
  color: #ff7101;
  border-bottom: 1px solid #ff7101;
  text-decoration: none;
}

.card-body a {
  color: #1a1b1c;
  border-bottom: 1px solid #1a1b1c;
  text-decoration: none;
}

.edit_button_grey a,
.edit_button_grey {
  color: #ccc;
  font-size: 16px;
  text-decoration: none;
  font-weight: 400;
}

.edit_button_grey .mticon-pencil {
  top: 2px;
  position: relative;
}

.edit_button_grey a:hover {
  color: #1a1b1c;
  border-bottom: 0px solid #1a1b1c;
}

.gutschein {
  margin: 30px 0 0 0;
}

.btn.submitVoucherButton {
  background-color: #707070;
  padding: 7px 14px 7px 10px;
}

.btn.removeVoucherButton {
  background-color: #dc3545;
  padding: 7px 14px 7px 10px;
}

.btn.submitVoucherButton i {
  margin-right: 0;
}

.btn.removeVoucherButton i {
  margin-right: 0;
}

.gutschein label {
  width: 120px;
  padding-left: 10px;
}

.gutschein input {
  width: calc(100% - 130px);
  display: inline-block;
}

.abg_hinweis {
  padding: 30px 20px 10px 20px;
}

.abg_hinweis a {
  color: #1a1b1c;
  text-decoration: underline;
}

.mint_icon {
  background-image: url("../images/mint_icon_2-74b93ebb4f4cb95102f12e59f3819280.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 70%;
  width: 180px;
  height: 140px;
  display: block;
}

.card-body .forgot_pw a {
  border-bottom: 0px solid #1a1b1c;
}

.card-body .table-hover a {
  color: #ff7101;
  border-bottom: 1px solid #ff7101;
  text-decoration: none;
}

.card-body .table-hover a:hover {
  color: #1a1b1c;
  border-bottom: 1px solid #1a1b1c;
}

.alert-info {
  background-color: #d4e8f7;
  border-color: #d4e8f7;
  color: #000000;
}

.res_img {
  width: 100%;
  height: auto;
}

/*FARBEN

Blau -> #7cbee2 7cbee2
Orange -> #FF7101 -> Hover #FF8321
Text -> #1a1b1c

*/
.container {
  width: 1200px;
  max-width: 1200px;
}

.panel {
  border: 0px solid #fff;
  border-radius: 0px;
}

.clear,
.bsr {
  clear: both !important;
}

.fleft {
  float: left;
}

.btn-success {
  background-color: #ff7101;
  border: 0px solid #fff;
}

.btn-success-green {
  background-color: #28a745;
  border: 0px solid #fff;
  color: #fff;
}

.btn-danger-red {
  background-color: #dc3545;
  border: 0px solid #fff;
  color: #fff;
}

.panel-default > .panel-heading {
  background-color: #fff;
}

.weg {
  display: none !important;
}

.admin_step {
  background-color: #f9f9f9;
}

.panel-sivakids-logo path, .panel-sivakids-logo svg {
  fill: currentColor;
}

.login_kunde a {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.login_kunde a:hover {
  text-decoration: none;
  color: #ccc;
}

.login_kunde i {
  font-size: 24px;
  position: relative;
  top: 4px;
  margin-right: 6px;
  line-height: 16px;
}

form {
  width: 100%;
  display: block;
}

.glyphicon-question-sign:before {
  content: "\e90e";
  position: relative;
  top: 2px;
  font-family: "mt" !important;
  font-size: 20px;
  color: #ccc;
}

.glyphicon-question-sign:hover:before {
  color: #ff7101;
}

.content_service .sum_fixed {
  margin: 10px -20px 0 -20px;
  background-color: #ff7101;
  color: #fff;
  position: fixed;
  bottom: 0;
  transition: all 0.8s;
  z-index: 2;
  width: 470px;
}

/*.button_fixed { position: fixed;  bottom: 0px ; width: 470px;  z-index: 2; background-color: #f9f9f9; padding-top:20px; padding-bottom: 20px;}
.button_fixed.stuck  { position: static; }*/
.admin_footer_navi_custom {
  margin-top: 40px;
}

.subnavi {
  background-color: #404040;
}
.subnavi a {
  color: #fff;
}
.subnavi a:hover {
  color: #ff7101;
}
.subnavi .navbar {
  padding: 10px 0;
}
.subnavi .nav-item {
  margin-right: 20px;
}
.subnavi .btn-recommend {
  font-size: 16px;
  padding-right: 10px !important;
}
.subnavi .btn-recommend:hover {
  color: white !important;
}

.button_oben.stuck,
.button_spy.stuck,
.button_fixed.stuck,
.col_spy.stuck {
  position: fixed;
  top: 0;
}

.button_oben.absolute,
.button_spy.absolute,
.button_fixed.absolute {
  position: absolute;
  top: auto;
  bottom: -50px;
}

.col_spy.absolute {
  position: absolute;
  top: auto;
  bottom: -50px;
}

.spy_unten_abs {
  height: 50px;
}

.content_service .sum_fixed [class^=col-] {
  padding: 20px;
}

.content_service .stuck .sum_fixed {
  background-color: #fff;
  color: #1a1b1c;
  position: static;
}

.content_service #hr_margin {
  margin-bottom: 0;
}

.content_service .card-body {
  padding-bottom: 10px;
  padding-top: 10px;
}

.login_step .card-body {
  padding-bottom: 0;
}

/*Breadcrumbs*/
.admin_step.row {
  margin: 10px 0 10px 0;
}

#checkout-breadcrumb li .breadcrumb_kreis {
  height: 28px;
  width: 28px;
  border: 2px solid #1a1b1c;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

#checkout-breadcrumb li {
  margin-right: 30px;
}

#checkout-breadcrumb li:last-child {
  margin-right: 0;
}

#checkout-breadcrumb {
  font-size: 14px;
  color: #1a1b1c;
}

#checkout-breadcrumb a {
  font-size: 14px;
  color: #1a1b1c;
}

#checkout-breadcrumb li.active_link {
  color: #ff7101;
}

#checkout-breadcrumb li.active_link a,
#checkout-breadcrumb li.ready a {
  text-decoration: none;
}

#checkout-breadcrumb li.active_link .breadcrumb_kreis {
  color: #ff7101;
  border-color: #ff7101;
}

#checkout-breadcrumb li.active_link .breadcrumb_text {
  color: #ff7101;
}

#checkout-breadcrumb .disabled a {
  cursor: default;
}

#checkout-breadcrumb ul {
  margin: 22px 0 22px;
}

#checkout-breadcrumb .mticon-fonts_hacken {
  font-size: 17px;
  position: relative;
  top: 2px;
}

/*Cards*/
.choose_startpage {
  margin-bottom: 36px;
}

.choose_startpage h5 {
  margin-bottom: 16px;
}

.choose_startpage .card h5 {
  width: 100%;
}

.choose_startpage .card-body {
  padding-top: 0px;
}

.choose_startpage a.btn-next {
  width: 100%;
  text-decoration: none;
  color: #fff;
  text-align: center;
  border: 0px solid #fff;
  font-size: 19px;
}

.choose_startpage .btn i {
  margin-right: 6px;
}

#registration_form_user_birthday select {
  position: relative;
  min-width: 70px;
  width: 100px;
  text-align-last: center;
  -moz-text-align-last: center;
  -ms-text-align-last: center;
  margin-right: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mticon-text_sprache.icon_big,
.mticon-kurse.icon_big,
.mticon-fonts_online_kurs.icon_big {
  width: 90px;
  height: 90px;
  font-size: 90px;
  top: 42px;
  left: 5px;
  right: auto;
}

.icon_big {
  font-size: 214px;
  line-height: 20px;
  display: block;
  position: absolute;
  top: 65px;
}

.mticon-text_sprache.icon_big {
  left: 7px;
  top: 41px;
}

.mticon-fonts_online_kurs.icon_big {
  font-size: 65px;
  top: 45px;
  left: 20px;
}

.list_check {
  width: 100%;
  margin-bottom: 22px;
  margin-top: 10px;
}

.list_check_service {
  width: 100% !important;
  margin-bottom: 22px;
}

.form-control[type=date]::-webkit-inner-spin-button,
.form-control[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
}

input[type=date]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  z-index: -1;
  position: relative;
  transform: translateX(16px);
  cursor: pointer;
}

.js-datepicker {
  cursor: pointer;
}

input.is-invalid {
  margin-bottom: 15px;
}

.input-black-border {
  border: 1px solid #1a1b1c;
  color: #1a1b1c;
  border-radius: 2px;
  line-height: 30px;
  vertical-align: middle;
  cursor: pointer;
}

.list_check_landinpage {
  min-height: 195px;
  padding-left: 16px;
}

.list_check li:before {
  content: "\e90d";
  font-family: "mt" !important;
  font-size: 12px;
  position: absolute;
  left: -10px;
  top: 1px;
}

.list_check li {
  list-style: none;
  line-height: 28px;
  padding: 0 0 0 10px;
  position: relative;
}

.card-header.choose_startpage_h5 {
  text-align: center;
}

.course_choose_icon .auswahl_typ i {
  font-size: 163px;
}

.auswahl_typ .mticon-fonts_grundschueler {
  font-size: 130px;
  line-height: 144px;
}

.auswahl_typ .mticon-fonts_oberschule {
  font-size: 130px;
  position: relative;
  left: -17px;
  line-height: 144px;
}

.auswahl_typ .mticon-fonts_gruppenkurse {
  position: relative;
  top: -19px;
}

.mticon-fonts_englischkurs,
.mticon-fonts_deutschkurs {
  position: relative;
}

.mticon-fonts_englischkurs:after,
.mticon-fonts_deutschkurs:after {
  content: "";
  width: 55px;
  height: 52px;
  background-image: url("../images/flag_en-ab55bd61a4030b3482a9c2f67ca48645.svg");
  background-size: cover;
  position: absolute;
  bottom: -2px;
  right: -12px;
}

.mticon-fonts_deutschkurs:after {
  background-image: url("../images/flag_de-bfcef7ba459c674086d3de6a144e4332.svg");
}

.max_width_select {
  max-width: 600px;
  width: 100%;
}

.headline_mitte_bg .grau {
  color: #8d8d8d;
  font-weight: 400;
}

.headline_mitte_bg .grau i {
  font-size: 18px;
  position: relative;
  top: 1px;
}

/*KURSE*/
.course_headline {
  background-color: #f6f6f6;
  padding: 10px 12px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 1px;
}

.course_content {
  padding: 6px 0;
}

.single_course {
  padding: 6px 12px;
}

.single_course_headline {
  font-size: 16px;
  display: block;
  font-weight: bold;
}

.single_course_description {
  display: none;
  padding: 12px 0;
}

.single_course_content {
  width: calc(100% - 55px);
  padding: 2px 0 0 0;
}

.single_course {
  transition: all 0.8s;
}

.single_course.auf {
  background-color: #f9f9f9;
}

.single_course.auf .single_course_description {
  display: block;
}

.single_course i {
  top: 5px;
  position: relative;
  cursor: pointer;
}

.aufklappen_course {
  cursor: pointer;
  position: relative;
}

.aufklappen_course i {
  position: absolute;
  top: 14px;
  right: 16px;
}

.aufklappen_course.aufc i {
  transform: rotate(180deg);
}

.course_content.aufc {
  display: block !important;
}

.service_course_selection {
  width: 150px;
  text-align: center;
  display: inline-block;
}

.service_course_selection i {
  margin-left: -12px;
  font-size: 104px;
}

.service_course_selection input {
  position: relative;
  right: -30px;
}

.dok_i {
  width: 250px;
  text-align: center;
  display: inline-block;
}

.dok_i i {
  margin-left: -22px;
  font-size: 104px;
}

.dok_i input {
  position: relative;
  right: -30px;
}

.card {
  margin-bottom: 30px;
  border-radius: 2px;
}

.card-header {
  font-size: 24px;
  text-align: left;
  font-weight: 700;
  background-color: transparent;
  border: 0px solid #fff;
  margin-top: 20px;
}

.card-header-big {
  font-size: 24px;
  text-align: left;
  font-weight: 300;
  background-color: transparent;
  border: 0px solid #fff;
  margin-top: 20px;
}

h5.card-header-title {
  font-weight: 300;
  font-size: 22px;
}

.card-header-info {
  font-size: 16px;
  font-weight: 400;
  padding: 0.75rem 1.25rem;
}

.content_step1 .card-header {
  text-align: center;
}

ul.char_gt {
  list-style-position: outside;
  list-style-type: none;
}

ul.char_gt li {
  text-indent: -0.7em;
}

ul.char_gt li:before {
  content: ">" " ";
}

.auswahl_typ_card {
  padding-left: 0;
  padding-right: 0;
}

.card-body {
  padding-bottom: 30px;
}

.content_overview .card-body {
  padding-bottom: 0px;
}

.auswahl_typ,
.auswahl_course_service {
  padding: 10px 10px 4px 10px;
  margin: 10px;
  border: 4px solid #fff;
  transition: all 0.8s;
  max-width: 300px;
}

.auswahl_typ i,
.auswahl_course_service i {
  font-size: 144px;
}

.mticon-behoerde_3 {
  margin-left: 7px;
  top: -7px;
  position: relative;
}

.mticon-student_2 {
  left: -4px;
  position: relative;
}

.auswahl_typ label,
.auswahl_course_service label {
  display: block;
  cursor: pointer;
}

.auswahl_typ:hover i,
.dok_i:hover i,
.service_course_selection i,
.auswahl_course_service:hover i {
  color: #ff7101;
  cursor: pointer;
}

.auswahl_typ .svg path {
  fill: #1a1b1c;
}

.auswahl_typ .svg:hover path {
  fill: #ff7101;
}

.auswahl_typ.col {
  flex-basis: calc(20% - 20px);
  flex-grow: 0;
}

.zweite_frage {
  display: none;
  margin: 10px 0 10px;
}

.zweite_frage label {
  margin: 30px 0 20px 0;
}

.zweite_frage .btn-dropdown {
  text-align: left;
}

.zweite_frage option {
  line-height: 10px;
}

.card-body a.btn-dropdown:hover {
  border-color: #1a1b1c;
}

.zweite_frage .dropdown-menu {
  width: 100%;
  border-radius: 0;
  padding: 0;
}

.zweite_frage a.btn-dropdown {
  font-size: 14px;
}

.zweite_frage a.dropdown-item {
  font-size: 13px;
  border: 0px solid #fff;
  padding: 0 12px;
  line-height: 34px;
  vertical-align: middle;
}

.dropdown-item .glyphicon-question-sign {
  top: 2px;
  margin-left: 0px;
  position: relative;
}

.auswahl_typ.active,
.auswahl_course_service.active {
  /*border-color:#e5e5e5;*/
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}

.auswahl_typ.active i,
.auswahl_typ.active i.icongrau,
.auswahl_course_service.active i,
.auswahl_course_service.active i.icongrau {
  color: #ff7101;
}

.active .zweite_frage {
  display: block;
}

.active .zweite_frage .d-none {
  display: block !important;
}

.bildbereich {
  position: relative;
}

.auswahl_typ i.icongrau,
.auswahl_course_service.active i.icongrau {
  color: #b9b9b9;
  position: absolute;
  top: 14px;
  left: calc(50% - 105px);
  font-size: 110px;
  line-height: 130px;
}

.mehr_link {
  display: none;
}

.l-height16 {
  line-height: 16px;
}

.auswahl_typ i.icongrau.mticon-lampe {
  left: calc(50% - 108px);
}

.mticon-business {
  right: -10px;
  position: relative;
}

.auswahl_typ:hover i.icongrau {
  color: #ff7101;
}

.anzahl_seiten {
  margin-bottom: 30px;
}

.abs_unten {
  margin: 10px 0 40px 13px;
}

.no_data {
  text-align: center;
  padding: 50px 0;
  color: #ccc;
  font-size: 30px;
  font-weight: 300;
}

.btn.fileinput-button i {
  font-size: 26px;
  top: 4px;
  position: relative;
  margin-right: 6px;
}

.btn.fileinput-button {
  padding: 10px 20px 10px 10px;
}

.upload_notice {
  color: #ccc;
  font-size: 14px;
  margin-left: 20px;
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

.table {
  font-size: 14px;
}

small {
  line-height: 16px !important;
  font-weight: 300;
}

.grey {
  color: #ccc;
}

.headline_mitte_bg {
  /*background-color: #fff; position:relative; top:26px; padding: 0 40px; */
}

.file-row {
  margin: 10px 0 0 0;
  font-size: 14px;
}

.file-row .progress {
  margin-bottom: 10px;
}

.forgot_pw {
  margin: 16px 0 12px 0;
  font-size: 12px;
  display: inline-block;
  font-weight: 300;
}

.forgot_pw a {
  text-decoration: underline;
}

.forgot_pw a:hover {
  color: #ff7101;
}

.button_abs {
  margin-top: 18px;
}

.button_abs_2 {
  margin-top: 42px;
}

.content_resetpw {
  margin-top: 80px;
}

.site_select .col-3 {
  width: 20%;
  max-width: 20%;
}

.site_select .col-3 img {
  width: 100%;
  height: auto;
}

.popover {
  max-width: 300px !important;
}

.content_success {
  margin-top: 60px;
}

.content_login {
  margin-top: 60px;
  margin-bottom: 60px;
}

.sub-headline {
  margin: 0 0 10px 0;
}

.grey a {
  color: #ccc;
  border-color: #ccc;
}

.alert-danger li {
  list-style: none;
}

.alert-success li {
  list-style: none;
}

/* Inputs*/
.btn {
  font-size: 20px;
  padding: 10px 40px 10px 10px;
  border-radius: 2px;
}

.btn i {
  font-size: 16px;
  margin-right: 20px;
}

.btn.btn-sm {
  font-size: 16px;
  padding: 4px 20px 4px 10px;
}

.btn.btn-sm i {
  font-size: 14px;
  margin-right: 6px;
}

input:disabled + label {
  color: #ccc;
}

.recalculateButton {
  padding: 10px;
  border: transparent;
}

.btn-secondary,
.btn-danger {
  border-width: 0px;
}

.btn-danger i.mticon-fonts_close {
  font-size: 20px;
  top: 3px;
  margin-left: 6px;
  margin-right: 10px;
  position: relative;
}

.progress-bar-success {
  background-color: #54b46a;
}

.btn.btn-sm i.mticon-fonts_upload {
  font-size: 19px;
  top: 4px;
  position: relative;
}

.btn.btn-sm i.mticon-fonts_pfeil_rechts {
  font-size: 19px;
  top: 4px;
  position: relative;
}

.btn.btn-sm i.mticon-stift_weiss {
  font-size: 19px;
  top: 4px;
  position: relative;
}

.dok_i input:checked + label i {
  color: #ff7101;
}

.service_course_selection input:checked + label i {
  color: #ff7101;
}

.form-control {
  border: 1px solid #1a1b1c;
  color: #1a1b1c;
  border-radius: 2px;
  line-height: 30px;
  vertical-align: middle;
}

.form-control option {
  line-height: 30px;
}

.btn-success:hover {
  background-color: #ff8321;
  border-color: #ff8321;
}

.dropdown {
  position: relative;
  margin: 0 !important;
}

.dropdown_block {
  display: block;
}

.dropdown:after {
  content: "\e916";
  font-family: "mt" !important;
  position: absolute;
  top: 10px;
  right: 12px;
  pointer-events: none;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 8px);
}

select::-ms-expand {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox],
input[type=radio] {
  margin-right: 4px;
}

input[type=radio],
input[type=checkbox] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  top: 3px;
}

input[type=checkbox] {
  border-radius: 3px;
  width: 16px;
  height: 16px;
  top: 2px;
}

input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: none;
}

input[type=radio]:checked:focus,
input[type=checkbox]:checked:focus {
  outline: none;
  border: none;
}

input[type=radio]:after {
  background-color: #ffffff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  left: 5px;
  position: absolute;
  top: 5px;
}

input[type=checkbox]:after {
  left: 2px;
  font-size: 10px;
  position: absolute;
  top: 0;
  content: "\ea10";
  font-family: mt;
  color: #fff;
}

input[type=checkbox]:checked:focus:after,
input[type=checkbox]:checked:hover:focus:after {
  left: 3px;
  top: 1px;
}

input[type=radio]:hover:after {
  background-color: #ccc;
}

input[type=checkbox]:hover:after {
  color: #ccc;
}

input[type=radio]:checked {
  border: 1px solid #1a1b1c;
}

input[type=checkbox]:checked {
  border: 1px solid #ff7101;
}

input[type=checkbox]:checked {
  background-color: #ff7101;
}

input[type=radio]:checked:after {
  background-color: #ff7101;
}

input[type=checkbox]:checked:after {
  color: #fff;
}

.form-control:focus {
  border-color: #ff7101;
}

button.close:focus {
  outline: none;
}

.btn-secondary {
  background-color: #707070;
  border-color: #707070;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #585858;
  border-color: #585858;
}

.content_step1 input[type=checkbox] {
  margin-right: 0px !important;
}

.content_step1 input[type=radio] {
  margin-right: 0px !important;
}

.documentExistsSelection input[type=checkbox],
.documentExistsSelection input[type=radio] {
  margin-left: 10px;
  margin-right: 10px !important;
}

.auswahl_typ_card input[type=radio] {
  margin-right: 0;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  background-color: #ff8626;
  border-color: #ff8626;
  box-shadow: none;
}

.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.text_hinweis_emp {
  width: 100%;
  max-width: 600px;
  margin: 6px 0 12px;
}

textarea {
  width: 100%;
}

.date-forms {
  margin: 20px 0 20px 0;
}

.date-forms input {
  width: calc(100% - 53px);
  display: inline-block;
  padding: 6px;
}

.date-forms .mticon-fonts_kalender {
  margin-right: 12px;
  font-size: 27px;
  position: relative;
  top: 3px;
  line-height: 16px;
}

.date-forms .btn {
  padding: 7px 0px 7px 10px;
}

.btn.btn-sm i.mticon-fonts_download {
  font-size: 20px;
  position: relative;
  top: 3px;
}

.has-error input,
.has-error select {
  border-color: #ff3636 !important;
  background-color: #ffe7e7 !important;
  box-shadow: none !important;
}

/*Footer*/
.admin_footer_navi {
  background-color: #ebebeb;
  padding: 34px 0;
}

.admin_footer_navi a.nav-link {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #1a1b1c;
  color: #1a1b1c;
}

.admin_footer_navi a.nav-link:last-child {
  border: 0px solid #fff;
}

.admin_footer_navi a.nav-link:hover {
  color: #b7b7b8;
}

.admin_footer {
  color: #707070;
  font-size: 16px;
  padding-bottom: 56px;
  padding-top: 48px;
  font-weight: 300;
  background-color: #f3f3f3;
}

.footer_icons {
  height: 130px;
  line-height: 130px;
  vertical-align: middle;
}

.footer_icons i {
  font-size: 121px;
  line-height: 134px;
}

.footer_icons i.mticon-schloss {
  font-size: 83px;
}

.footer_icons i.mticon-stift {
  font-size: 73px;
}

.headline_footer {
  font-size: 24px;
  color: #565656;
}

.footer_zahlungsarten img {
  margin-left: 12px;
  width: 60px;
  display: inline-block;
}

.payment-method-image img {
  width: 60px;
  display: inline-block;
}

.footer_zahlungsarten .i_mastercard {
  width: 30px;
}

.footer_zahlungsarten .i_paypal {
  width: 74px;
}

.footer_zahlungsarten .i_visa {
  width: 46px;
}

.footer_zahlungsarten .i_sofort {
  width: 70px;
  top: 1px;
  position: relative;
}

.required_legend {
  font-size: 14px;
  font-weight: 300;
  margin-top: 60px;
  color: #1a1b1c;
}

.text_bold {
  font-weight: 700;
}

.datetimepicker-input_grey {
  background-color: #707070;
}

.payment_abs .label_img span {
  float: right;
  top: -4px;
  position: relative;
}

.payment_abs .label_img {
  display: inline-block;
  width: calc(100% - 39px);
  position: relative;
  top: -4px;
}

#appbundle_checkout_paymentMethod hr {
  margin-bottom: 2rem;
}

/* Support */
.animate_contact_badge .support {
  right: -89px;
}

.support {
  position: fixed;
  top: 50%;
  right: 0;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1607843137);
  width: 89px;
  background-color: #fff;
  padding: 8px;
  cursor: pointer;
  z-index: 210;
}

.support_small {
  transition: right 0.4s;
  transition-delay: 5s;
}

.support.supporton {
  right: 0;
}

.support:hover .support_button {
  background-color: #ff8321;
}

.support:hover .mticon-icons_chat {
  color: #ff8321;
}

.support .mticon-icons_chat {
  color: #ff7101;
  font-size: 68px;
  line-height: 68px;
  display: block;
  text-align: center;
  height: 60px;
  margin: 0 auto;
  width: 70px;
}

.support_text {
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  margin: 6px 0 10px 0;
}

.support_button {
  background-color: #ff7101;
  color: #fff;
  border-radius: 2px;
  padding: 3px 3px;
  font-size: 13px;
  display: block;
}

.support_button i {
  font-size: 10px;
}

.animate_contact_badge .support_big {
  animation: move 5s ease-out 1s both;
  right: -500px;
  display: block;
}

.support_big {
  width: 500px;
  padding: 34px 10px 34px 145px;
  display: none;
  right: 0;
}

.support_big .mticon-icons_chat {
  font-size: 130px;
  position: absolute;
  top: 36px;
  left: 2px;
}

.support_big .support_text {
  font-size: 30px;
}

.support_big .support_button {
  display: inline-block;
  font-size: 20px;
  padding: 5px 30px;
  margin-top: 6px;
}

@keyframes move {
  0% {
    right: -500px;
  }
  10% {
    right: 0;
  }
  90% {
    right: 0;
  }
  100% {
    right: -500px;
  }
}
#support .modal-dialog {
  max-width: 1000px;
}

.support_content {
  padding-left: 24px;
}

.col_40rp {
  padding-right: 40px;
  border-right: 1px solid #e5e5e5;
}

.col_40lp {
  padding-left: 40px;
}

.col_40lp:after {
  content: "";
  width: 410px;
  height: 350px;
  background-image: url("../images/support-ee744b7df11da33293418ca5b8948f64.png");
  background-repeat: no-repeat;
  position: absolute;
  bottom: -16px;
  right: 40px;
  background-size: contain;
}

.support_content .card-header {
  font-size: 22px;
  padding: 0;
  margin: 0 0 15px 0;
}

.support_content .btn-dropdown:hover {
  cursor: pointer;
  color: #ccc;
}

.support_content .form-control {
  line-height: 24px;
}

.support_content select.form-control:not([size]):not([multiple]) {
  height: 38px;
}

.support_content .dropdown:after {
  top: 8px;
}

.support_content .form-control-file {
  background-color: #707070;
  padding: 5px;
  opacity: 0.0000001;
}

.support_content .submitButton {
  width: 100%;
}

.modal-header .close {
  background-color: #ff7101;
  color: #fff;
  opacity: 1;
  padding: 20px;
  position: relative;
  width: 50px;
}

.fileupload {
  background-color: #707070;
  border-radius: 2px;
  color: #fff;
  position: relative;
  cursor: pointer;
  width: 100%;
}

.fileupload:before {
  content: "\e918";
  font-family: "mt";
  display: block;
  position: absolute;
  font-size: 30px;
  top: -1px;
  left: 10px;
  pointer-events: none;
}

.fileupload:after {
  content: "Datei(n) uploaden";
  display: block;
  position: absolute;
  font-size: 16px;
  top: 9px;
  left: 48px;
  pointer-events: none;
}

.upl_icon {
  padding-top: 46px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 40px;
  font-size: 12px;
  text-align: center;
  width: 60px;
}

.word_icon {
  background-image: url("../images/word_icon-562ad1eb75ef9043a6f4e7d9e96219d9.svg");
}

.pdf_icon {
  background-image: url("../images/pdf_icon-57f3704aff56df1232d6f47dfc0bda06.svg");
}

.odt_icon {
  background-image: url("../images/odt_icon-3b70546e646bf3f620bbaa75d1e145ae.svg");
}

.text_icon {
  background-image: url("../images/text_icon-51b98211ccded76243c29f54d8d31312.svg");
}

.upl_abs {
  padding: 24px 0;
}

.modal-header .close:hover {
  background-color: #ff8321;
}

.modal-header .close:before {
  content: "\e917";
  font-family: "mt";
  display: block;
  transform: rotate(-45deg);
  font-size: 40px;
  line-height: 10px;
  position: relative;
  top: 11px;
  left: -10px;
}

.legal {
  font-size: 12px;
  color: #565656;
}

.legal a {
  color: #565656;
  text-decoration: underline;
}

.support_tel,
.support_chat {
  padding: 10px 0 10px 60px;
  position: relative;
}

.support_chat .big_text {
  font-size: 40px;
}

.big_text {
  font-size: 44px;
  display: block;
  line-height: 44px;
}

.small_text {
  font-size: 14px;
  color: #aaaaaa;
}

.support_tel:before,
.support_chat:before {
  content: "\e93c";
  font-family: "mt";
  display: block;
  position: absolute;
  font-size: 60px;
  top: -11px;
  left: -6px;
}

.support_chat:before {
  content: "\e93d";
  font-size: 52px;
  top: -7px;
  left: -2px;
}

.support_content .show .btn-dropdown {
  border-color: #ff7101;
  border-bottom-color: #fff;
  color: #ccc;
}

.support_content .show .btn-dropdown:after {
  content: "";
  position: absolute;
  z-index: 1001;
  height: 2px;
  width: calc(100% - 2px);
  background-color: #fff;
  bottom: 1px;
  left: -3px;
}

.dropdown-menu-concern {
  width: 440px !important;
  border-color: #ff7101;
  border-radius: 0;
  padding: 10px 12px;
  margin-top: -3px;
}

.dropdown-menu-concern .form-group {
  margin-bottom: 8px;
}

.dropdown-menu-concern .m-left-10 {
  margin-left: 0;
}

.button-concern {
  font-size: 12px;
  color: #1a1b1c;
  text-decoration: underline;
  padding: 0 0 0 2px;
  cursor: pointer;
}

.button-concern:hover {
  color: #ff7101;
}

a[href^="tel:"] {
  text-decoration: none;
  color: #1a1b1c;
}

/* ALARM */
.alarm {
  background-color: #fff0b1;
  position: relative;
  padding: 12px 6px 12px 20px;
  border-radius: 4px;
  margin: 34px 0 16px;
}

.alarm_no_margin {
  margin-top: 0;
}

.alarm:before {
  content: "\e92b";
  font-family: "mt";
  position: absolute;
  z-index: 2;
  top: -27px;
  left: -17px;
  font-size: 39px;
  color: #fff;
}

.alarm:after {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: #f4cc25;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  top: -13px;
  left: -13px;
}

/* PAKETE */
.package {
  border: 10px solid #dbdbdb;
  position: relative;
  min-height: 174px;
  background-color: #fff;
  margin-bottom: 9px;
}

.package.p_active {
  border-color: #ff7101;
  color: #fff;
  background-color: #ff7101;
}

.p_badge {
  position: absolute;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 0;
  width: 128px;
  text-align: center;
  background-color: #ff7101;
  color: #fff;
  top: -10px;
  right: 20px;
}

.p_badge:after {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  border-left: 64px solid transparent;
  border-right: 64px solid transparent;
  border-top: 10px solid #ff7101;
  position: absolute;
  left: 0px;
  bottom: -10px;
}

.p_active .p_badge {
  background-color: #fff;
  color: #ff7101;
}

.p_active .p_badge:after {
  border-top-color: #fff;
}

.p_active input[type=radio] {
  background-color: #fff;
  border-color: #fff;
}

.p_active .p_info {
  border-color: #fff;
  color: #fff;
}

.p_active .p_auf {
  background-color: #ff7101;
  color: #fff;
}

.p_input {
  margin: 66px 5px 0 24px;
}

.p_label {
  padding-left: 26px;
  width: calc(100% - 60px);
}

.p_label_custom {
  padding-left: 26px;
}

.p_info {
  position: absolute;
  width: 230px;
  border-left: 1px solid #e5e5e5;
  padding: 4px 0 4px 16px;
  font-size: 13px;
  line-height: 16px;
  color: #565656;
  top: 63px;
  right: 5px;
}

.p_headline {
  font-size: 32px;
  line-height: 34px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  margin: 18px 0 10px 0;
}

.p_price {
  font-size: 39px;
  line-height: 39px;
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}

.p_currency {
  font-size: 24px;
  font-weight: 400;
  position: relative;
  top: -12px;
  margin-left: 2px;
}

.p_ue {
  font-size: 15px;
  display: block;
  font-weight: 700;
}

.p_more,
.p_weniger,
.auf .p_mehr {
  display: none;
}

.auf .p_weniger {
  display: inline-block;
}

.p_more.mehr_toggle {
  display: block;
  padding: 14px 0 14px 82px;
  font-size: 15px;
}

.p_auf {
  position: absolute;
  width: 124px;
  text-align: right;
  top: 122px;
  right: 10px;
  background-color: #fff;
  font-size: 15px;
  cursor: pointer;
}

.package .mticon-fonts_pfeil_unten {
  position: relative;
  top: 1px;
  font-size: 12px;
  display: inline-block;
}

.auf .mticon-fonts_pfeil_unten {
  transform: rotate(180deg);
  top: 0;
}

.p_spar:after {
  font-family: "mt";
  content: "\e93f";
  color: #dbdbdb;
  position: absolute;
  right: 16px;
  top: -8px;
  font-size: 73px;
  line-height: 60px;
}

.p_active.p_spar:after {
  color: #fff;
}

.p_select {
  width: 100%;
  max-width: 250px;
  display: block;
  position: relative;
  top: -6px;
  margin-left: 60px;
}

.p_select_big {
  max-width: 280px !important;
}

.p_select select.form-control:not([size]):not([multiple]) {
  height: 36px;
  line-height: 24px;
}

.p_select .dropdown:after {
  top: 7px;
  color: #000;
}

.p_select .dropdown_lessons:after {
  top: 130px !important;
  color: #000;
}

.p_express {
  width: 110px;
  height: auto;
  background-color: #fff;
  text-align: left;
  font-size: 11px;
  line-height: 12px;
  vertical-align: top;
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding: 7px 5px 7px 5px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.2);
  margin-left: 6px;
  top: -2px;
}

.p_express:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 0;
  top: 5px;
  left: 0;
  box-sizing: border-box;
  border: 6px solid white;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.p_active .p_express {
  color: #1a1b1c;
}

/* Loading */
.loading_modal .modal-content {
  background-color: transparent !important;
  box-shadow: none;
}

.loading_modal .modal-content h3 {
  display: none;
}

.modal-backdrop {
  background-color: rgba(255, 255, 255, 0.89);
}

.modal-backdrop.show {
  opacity: 1;
}

.modal-content {
  -webkit-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.29);
  border-radius: 0;
  border-width: 0;
}

.modal-header {
  font-weight: 300;
  border: 0px solid #fff;
}

.sub-heading {
  font-size: 18px;
  font-weight: 300;
  margin: 0 0 16px 0;
}

.modal-dialog {
  max-width: 600px;
}

.modal-footer {
  border: 0px solid #fff;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 42px;
  height: 42px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff7101;
  -webkit-animation: sk-foldCubeAngle 1.8s infinite linear both;
  animation: sk-foldCubeAngle 1.8s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.cc-window {
  font-size: 12px;
}

/* ------------------------- */
/* Global */
/* ------------------------- */
.lineheigt20 {
  line-height: 27px;
}

.w100p {
  width: 100%;
}

.f-left {
  float: left;
}

.f-right,
.fright {
  float: right;
}

.bsr {
  clear: both;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.required:after,
.required_legend:before {
  content: " * ";
  color: #ff0000;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  top: -4px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

/* ------------------------- */
/* Sticky footer styles
/* ------------------------- */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

/* ------------------------- */
/* forms */
/* ------------------------- */
.intl-tel-input {
  display: block !important;
}

/* ------------------------- */
/* Checkout */
/* ------------------------- */
.infotextCourseService {
  text-align: left;
  font-size: 12px;
  margin-left: 20px;
  line-height: 50%;
}

.infotextCourseService .list_check {
  width: 100% !important;
}

.infotextCourseService .list_check li {
  line-height: 15px !important;
}

.dateTime {
  font-size: 18px;
  font-weight: bold;
}

.alert-danger ul,
.alert-success ul {
  padding-left: 0px;
}

.bg-mentorium-blue {
  background-color: #7cbee2 !important;
}

.bar {
  height: 18px;
  background: green;
}

#checkout-breadcrumb li {
  float: left;
  list-style: none;
  padding: 0;
  border: 0;
}

#checkout-breadcrumb li a {
  display: block;
  text-align: center;
  padding-left: 10px;
  text-decoration: none;
}

.item-price-label {
  padding-top: 5px;
  float: right;
}

.price-label {
  width: 150px;
  float: left;
}

.price-value {
  float: left;
  min-width: 200px;
  text-align: right;
}

.thumbnail_overlay {
  border: 2px solid #c9c9c9;
  background: #ff0000;
  display: block;
  opacity: 0.3;
  z-index: 200;
  position: absolute;
  top: -2px;
  left: 14px;
  min-height: calc(100% + 4px);
  min-width: calc(100% - 26px);
  transition: all 0.4s;
}

.selected_page .thumbnail_overlay {
  opacity: 0.3;
  z-index: 200;
  background: #2dff48;
  border: 2px solid #2dff48;
  cursor: pointer;
}

.selected_page .thumbnail_overlay:hover {
  opacity: 0.6;
}

.thumbnail_overlay:hover {
  oopacity: 0.6;
}

.select_icon_close {
  position: absolute;
  z-index: 300;
  font-size: 16px;
  top: 4px;
  right: 18px;
  display: none;
  color: #1a1b1c;
  pointer-events: none;
  transition: all 0.4s;
  transform: rotate(45deg);
}

.selected_page .select_icon_close {
  color: #af5859;
  transform: rotate(-90deg);
}

.flex-column-end {
  flex-direction: column;
  align-items: flex-end;
}

.page_selection {
  margin-bottom: 20px;
}

.bg-lightblue {
  background-color: #d9edf7;
}

.height-160 {
  min-height: 170px;
}

.dropdown-toggle:after {
  border: 0px solid #fff;
}

.page_selection:hover .zoom,
.page_selection:hover .select_icon_close {
  display: block;
}

#navbarSupportedContent {
  font-size: 14px;
}

.nav-link.dropdown-toggle {
  padding-right: 30px !important;
}

.dropdown-menu a {
  color: #212529;
}

/* ------------------------- */
/* image zoom
/* ------------------------- */
.zoom {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: -8px;
  margin-bottom: -18px;
  bottom: 50%;
  left: 50%;
  font-size: 27px;
  display: none;
  text-align: center;
  color: #1a1b1c;
}

.zoom_gr {
  width: 27px;
  height: 27px;
  background-color: transparent;
  z-index: 300;
}

.selected_page .zoom {
  color: #fff;
}

.popover {
  max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

/* ------------------------- */
/* progress
/* ------------------------- */
#progress-wrp {
  border: 1px solid #0099cc;
  padding: 1px;
  position: relative;
  border-radius: 3px;
  margin: 10px;
  text-align: left;
  background: #fff;
  box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

#progress-wrp .progress-bar {
  height: 20px;
  border-radius: 3px;
  background-color: #f39ac7;
  width: 0;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status {
  top: 3px;
  left: 50%;
  position: absolute;
  display: inline-block;
  color: #000000;
}

/* --------------------------- */
/* sub navi */
/* --------------------------- */
.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #e5e5e5; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#e5e5e5", GradientType=0); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15);
}

.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}

.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

.subtitle-helptext {
  font-size: 14px;
}

/*Bewertung*/
.starrating > input {
  display: none;
}

/* Remove radio buttons */
.starrating > label:before {
  content: "\e922"; /* Star */
  margin: 0px;
  font-size: 80px;
  font-family: "mt";
  display: inline-block;
}

.starrating > label {
  color: #6c757d; /* Start color when not clicked */
}

.risingstar {
  justify-content: flex-end;
}

.starrating > input:checked ~ label {
  color: #ffca08;
}

/* Set yellow color when star checked */
.starrating > input:hover ~ label {
  color: #ffca08;
  cursor: pointer;
}

/* Set yellow color when star hover */
#rate_order_comment {
  height: 120px;
}

.tuev img {
  width: 106px;
  height: auto;
}

.netzsieger img {
  width: 142px;
  height: auto;
  position: relative;
  top: -3px;
}

.ssl_img img {
  width: 130px;
  height: auto;
}

.t-einleitung {
  max-width: 620px;
  width: 100%;
  line-height: 14px;
  line-height: 26px;
  margin: 0 auto;
}

.advantage_box {
  text-align: center;
  padding-top: 24px;
}

.advantage_box span {
  margin: 0 16px;
  display: inline-block;
}

.advantage_box i {
  color: #ff7101;
  font-size: 22px;
  line-height: 16px;
  top: 4px;
  margin-right: 4px;
  position: relative;
}

.card-header_abs_w {
  padding-bottom: 4px;
}

.v_badge i {
  position: relative;
  margin-right: 4px;
  top: 1px;
  left: -1px;
}

.v_badge h4 {
  font-size: 22px;
  font-weight: 300;
}

.v_logos img {
  height: 44px;
  width: auto;
  margin: 0 6px;
}

.v_logos {
  padding: 12px 0 0 12px;
}

.content_step1 .f-right.submitButton {
  float: none;
  display: block;
  margin: 0 auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hide-lg {
  display: none;
}

/* --------------------------- */
/* customer promotion */
/* --------------------------- */
.discountcode h5 {
  font-size: 24px;
  font-weight: 600;
  padding: 0 0 16px;
}

.discountcode h6 {
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 16px;
}

.discountcode a.btn {
  color: #fff;
  border-bottom: 0px solid #fff;
}

.discount_text {
  margin: 20px 10px 0 170px;
  width: calc(100% - 170px);
  font-size: 11px;
}

.discount_text ul {
  margin: 10px 0;
}

.discount_text u {
  font-weight: bold;
}

.discount_badge {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  color: #fff;
  text-align: center;
  transform: rotate(-4deg);
  background-color: #ffcb20;
  position: absolute;
  top: 90px;
  left: 40px;
}

.discountcode_image {
  border: 1px dashed #3f90cd;
  padding: 4px;
}

.discountcode_bg {
  background-color: #eaebec;
  padding-bottom: 20px;
}

.discount_text_bold,
.discount_text_code {
  font-size: 16px;
  font-weight: bold;
}

.discount_text_code {
  margin-bottom: 10px;
}

.text-red {
  color: #ea494b;
}

.text-green {
  color: #28a745;
}

.discount_zahltext {
  font-size: 16px;
  display: block;
  padding-top: 34px;
  line-height: 16px;
  text-transform: uppercase;
}

.discount_zahl {
  font-size: 57px;
  font-weight: bold;
  line-height: 55px;
}

.discount_pdf {
  margin-top: 55px;
  display: inline-block;
}

.discount_pdf img {
  height: 40px;
  margin-right: 6px;
}

a.discount_pdf,
a.discount_pdf:hover {
  text-decoration: none;
  border: 0px solid #fff;
}

@media (min-width: 560px) {
  .choose_startpage .col-lg-6 .card h5 {
    padding-left: 26px;
    max-width: 100%;
  }
  .col-lg-6 .mticon-text_sprache.icon_big,
  .col-lg-6 .mticon-kurse.icon_big,
  .col-lg-6 .mticon-fonts_online_kurs.icon_big {
    width: 90px;
    height: 90px;
    font-size: 214px;
    top: 147px;
    left: 5px;
    right: auto;
  }
  .col-lg-6 .list_check {
    width: 50%;
  }
}
@media (max-width: 1300px) {
  .support {
    width: 60px;
    padding: 6px 0;
    background-color: #ff7101;
    right: auto;
    left: 0;
  }
  .support_text,
  .support_button,
  .animate_contact_badge .support_big {
    display: none;
  }
  .support .mticon-icons_chat {
    width: auto;
    font-size: 51px;
    height: 51px;
    line-height: 51px;
    color: #fff;
  }
}
@media (max-width: 1230px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .content_service .sum_fixed {
    width: auto !important;
    background-color: #fff;
    color: #1a1b1c;
    position: static;
  }
  .subnavi .nav-item {
    margin-right: 12px;
  }
  .p_express {
    width: 68px;
  }
  .p_express:after {
    top: 10px;
  }
  .p_currency {
    margin-left: -4px;
  }
  .p_info {
    padding-left: 6px;
    width: 220px;
  }
  .choose_startpage a.btn-next {
    font-size: 18px;
  }
  .choose_startpage .btn i {
    margin-right: 0;
  }
  .choose_startpage .col-lg-4 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 1100px) {
  .admin .col-6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .v_badge_warranty {
    width: 100px;
    right: 20px;
  }
  .t_nummer,
  .reservation_list .t_status {
    display: none;
  }
  .dashboard .t_nummer {
    display: table-cell;
  }
  .p_spar:after {
    display: none;
  }
  .p_label {
    padding-left: 6px;
  }
  .p_label_custom {
    padding-left: 6px;
  }
  .p_input {
    margin-left: 18px;
  }
}
@media (max-width: 1050px) {
  .breadcrumb_text {
    display: none;
  }
  .active_link.ready .breadcrumb_text {
    display: inline-block;
  }
  #checkout-breadcrumb li {
    margin-right: 10px;
  }
  .auswahl_typ.col {
    flex-basis: calc(33.3333% - 20px);
  }
  .content_overview .col-5,
  .content_overview .col-7 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .content_overview .spy_unten_abs {
    height: 1px;
  }
  .subnavi .nav-item {
    margin-right: 8px;
    font-size: 15px;
  }
  .p_info {
    position: relative;
    display: block;
    width: 100%;
    border-left: 0px solid #e5e5e5;
    padding: 0px 0 16px 0px;
    top: auto;
    right: auto;
  }
  .p_headline {
    margin-bottom: 4px;
  }
  .choose_startpage a.btn-next {
    font-size: 17px;
  }
  .choose_startpage .col-lg-6 .card h5 {
    height: 60px;
  }
  .col-lg-6 .list_check {
    width: calc(100% - 188px);
  }
}
@media (max-width: 1023px) {
  .v_badge {
    display: none;
  }
}
@media (max-width: 990px) {
  .icon_big {
    font-size: 250px;
    top: 75px;
  }
}
@media (max-width: 980px) {
  .t_duty {
    display: none;
  }
}
@media (max-width: 940px) {
  .mobile_an {
    display: block;
  }
  .mobile_aus {
    display: none;
  }
  .content_userdata .col-5 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .content_service .col-5,
  .content_service .col-md-5,
  .content_service .col-7,
  .content_service .col-md-7 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .content_payment .col-5,
  .content_payment .col-7 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .spy_unten_abs {
    height: 1px;
  }
  .site_select .col-3 {
    width: 16.66666%;
    max-width: 16.66666%;
  }
  /* .t_date { display: none;} */
}
@media (max-width: 900px) {
  #sourceTypeContainer .col-5,
  .content_success .col-6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col_40lp:after {
    display: none;
  }
  .col_40lp {
    padding-left: 15px;
  }
  .col_40rp {
    padding-right: 15px;
  }
  #sourceTypeContainer .offset-1 {
    margin-left: 0;
  }
  #sourceTypeContainer .col-5.text-right {
    text-align: left !important;
  }
  #sourceTypeContainer .l-height16.fright {
    float: none;
  }
  .content_login .col-5 {
    max-width: 80%;
    flex: 0 0 80%;
  }
  .v_badge_warranty {
    display: none;
  }
  .support {
    width: 45px;
  }
  .support .mticon-icons_chat {
    font-size: 34px;
    height: 34px;
    line-height: 34px;
  }
  .support_content {
    padding-left: 1rem;
  }
  .big_text,
  .support_chat .big_text {
    font-size: 35px;
    line-height: 35px;
  }
  .content_resetpw .col-5 {
    max-width: 80%;
    flex: 0 0 80%;
  }
  .t_type,
  .t_pages {
    display: none;
  }
  .dashboard .t_type {
    display: table-cell;
  }
  .admin .col-7,
  .detailshow .col-md-4,
  .detailshow .col-md-8 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .price_box_admin .col-md-8,
  .price_box_admin .col-md-10 {
    width: calc(100% - 130px);
    flex: 0 0 calc(100% - 130px);
  }
  .price_box_admin .col-md-4,
  .price_box_admin .col-md-2 {
    width: 130px;
    flex: 0 0 130px;
  }
}
li.first {
  display: block !important;
}

@media (max-width: 870px) {
  .admin_footer .col-sm {
    flex-basis: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .navbar-dark {
    height: auto;
  }
  .navbar-dark .navbar-toggler {
    color: #fff;
    border: 0px solid #fff;
  }
  .admin_step.row {
    margin: 0;
  }
  .admin_footer {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #navbarSupportedContent .navbar-nav {
    padding: 20px 0;
  }
  .content_userdata .col-5,
  .col-6,
  .col-4 {
    flex-basis: 100%;
    max-width: 100%;
  }
  #support .col {
    width: 100%;
    flex-basis: auto;
  }
  .col_40rp {
    border: 0px solid #fff;
  }
  .col_40lp {
    background-color: #efefef;
    padding-top: 20px;
    margin: 20px 0 -10px 0;
  }
  .dropdown-menu-concern {
    width: 100% !important;
  }
  .support_content {
    padding-left: 10px;
  }
  .col_40rp {
    padding-right: 10px;
  }
  .support_content .show .btn-dropdown {
    border-bottom-color: #ff7101;
  }
  .dropdown-menu-concern[x-placement=bottom-start] {
    border-top-color: #fff;
  }
  .dropdown-menu-concern[x-placement=top-start] {
    border-bottom-color: #fff;
    top: 2px !important;
  }
  .content_addon .col-5 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .content_addon .col-5 .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .content_login .col-5 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .content_resetpw .col-5 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .admin_footer_navi .col-sm {
    flex-basis: 100%;
  }
  .admin_footer_navi {
    text-align: center;
  }
  .admin_footer_navi a.nav-link {
    margin: 0 5px;
  }
  .admin_footer_navi {
    text-align: center;
  }
  .footer_zahlungsarten {
    text-align: center !important;
    margin: 20px 0 0 0;
  }
  .footer_zahlungsarten img {
    margin: 0 6px;
  }
  .t_nummer,
  .order_list .t_status,
  td_hide_md {
    display: none;
  }
  #priceBoxContainer .col-md-8,
  .content_overview .card_overview .col-md-8 {
    width: calc(100% - 130px);
  }
  #priceBoxContainer .col-md-4,
  .content_overview .card_overview .col-md-4 {
    width: 130px;
  }
  #appbundle_checkout_paymentMethod .col-md-3.text-right {
    text-align: left !important;
    padding-left: 42px;
  }
  #appbundle_checkout_paymentMethod hr {
    margin-top: 3px;
  }
  .content_overview .card_overview .col-md-8.text-right {
    text-align: left !important;
  }
  .t_duration {
    display: none;
  }
  .dashboard .t_update,
  .dashboard .t_orderdate,
  .reservation_list .t_amount,
  .t_amount,
  .t_invoice_type,
  .t_payment {
    display: none;
  }
}
@media (max-width: 767px) {
  .hide-lg {
    display: block !important;
  }
  .hide-sm {
    display: none !important;
  }
  #navbarSupportedContent #navbarDropdown {
    display: none;
  }
  #navbarSupportedContent .dropdown-menu {
    display: block;
    padding: 0;
    margin: 0;
    border: 0px solid #fff;
    background-color: transparent;
  }
  #navbarSupportedContent .dropdown-menu a {
    color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin: 0 0 4px 0;
    padding: 10px 0;
  }
  #navbarSupportedContent .dropdown-menu a:hover {
    background-color: transparent;
  }
  #navbarSupportedContent .dropdown:after {
    display: none;
  }
}
@media (max-width: 700px) {
  .auswahl_typ.col {
    flex-basis: calc(50% - 20px);
  }
  .admin_footer .col-sm {
    flex-basis: 100%;
    margin-bottom: 30px;
  }
  .footer_icons i {
    font-size: 54px;
    line-height: 80px;
  }
  .footer_icons {
    line-height: 80px;
    height: 80px;
  }
  .footer_icons i.mticon-schloss {
    font-size: 64px;
  }
  .footer_icons i.mticon-stift {
    font-size: 52px;
  }
  .site_select .col-3 {
    width: 20%;
    max-width: 20%;
  }
  .page_selection:hover .zoom {
    display: none;
  }
  #completeOrderModal .modal-footer {
    flex-wrap: wrap;
  }
  #completeOrderModal .btn-secondary,
  #completeOrderModal .btn-success {
    margin: 6px;
    width: 100%;
  }
  #completeOrderModal .btn-secondary {
    width: calc(100% - 12px);
  }
  .thumbnail_overlay {
    min-width: calc(100% - 28px);
  }
  .mehr_kat_text {
    height: 500px;
    overflow: hidden;
    padding: 2px 0;
  }
  .mehr_kat_text.mehr_toggle {
    height: auto;
  }
  .mehr_link {
    background-image: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    height: 150px;
    padding: 115px 0 0 0;
    z-index: 2000;
    position: relative;
    margin-top: -136px;
    color: #1a1b1c;
    font-size: 16px;
    display: block;
    text-align: center;
    cursor: pointer;
  }
  .mticon-fonts_plus_kreis:before {
    content: "\e919";
  }
  .mehr_link.auf .auf,
  .mehr_link .zu {
    display: none;
  }
  .mehr_link.auf .zu,
  .mehr_link .auf {
    display: inline-block;
  }
  .mehr_link.auf {
    color: #ccc;
    display: none;
  }
  .mehr_link i {
    font-style: normal;
    border: 1px solid #1a1b1c;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 50%;
    display: inline-block;
  }
  .dashboard .t_nummer {
    display: none;
  }
  .btn.btn-sm {
    padding: 4px 10px;
  }
  .btn.btn-sm i,
  .r_weg {
    display: none;
  }
  .rate_order .btn {
    padding: 10px 15px;
  }
  .admin_footer .col-sm {
    flex-basis: 100%;
    margin-top: 5px;
  }
  .tuev img {
    width: 70px;
  }
  .netzsieger img {
    width: 108px;
  }
  .ssl_img img {
    width: 88px;
  }
  .list_check {
    padding-left: 12px;
    min-height: 100px;
  }
}
@media (max-width: 580px) {
  .dashboard .t_type,
  .t_delivery,
  .t_document,
  .td_hide_sm {
    display: none;
  }
  .detailshow .btn-sm.btn-success {
    width: 40px;
    overflow: hidden;
  }
  .detailshow .btn-sm.btn-success i {
    display: inline-block;
  }
  .detailshow .btn-sm.btn-danger {
    width: 40px;
    overflow: hidden;
  }
  .detailshow .btn-sm.btn-danger i {
    display: inline-block;
  }
  .orders-list .btn-sm {
    width: 40px;
    overflow: hidden;
  }
  .orders-list .btn-sm i {
    display: inline-block;
  }
}
@media (max-width: 559px) {
  .col-lg-6 .list_check {
    width: 100%;
  }
  .choose_startpage .col-lg-6 .card h5 {
    height: auto;
  }
}
@media (max-width: 550px) {
  .text-center.t-einleitung br {
    display: none;
  }
  .package {
    border-width: 5px;
  }
  .p_headline {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 28px;
    margin-top: 20px;
  }
  .p_select {
    top: 4px;
  }
  .p_auf {
    position: relative;
    display: block;
    width: 100%;
    top: auto;
    right: auto;
    padding: 4px;
  }
  .p_price {
    margin-bottom: 0;
  }
  .p_badge {
    top: -5px;
    padding: 2px 0 0 0;
  }
  .p_badge:after {
    bottom: -6px;
    border-top: 6px solid #ff7101;
  }
}
@media (max-width: 480px) {
  .upload_notice {
    display: none;
  }
  .big_text,
  .support_chat .big_text {
    line-height: 29px;
    font-size: 29px;
  }
  #checkout-breadcrumb li .breadcrumb_kreis {
    margin-right: 20px;
  }
  .content_step1 .f-right.submitButton {
    font-size: 18px;
    padding-right: 16px;
  }
  .advantage_box span {
    display: block;
    margin: 0;
  }
  .support {
    top: 80%;
  }
  .btn-sm {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .card-header-info {
    padding-left: 12px;
    padding-right: 12px;
  }
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .adm.container {
    padding-left: 6px;
    padding-right: 6px;
  }
  .row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .adm .row {
    margin-left: -6px;
    margin-right: -6px;
  }
  .content_service .sum_fixed {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row [class^=col-] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .adm .row [class^=col-] {
    padding-left: 6px;
    padding-right: 6px;
  }
  .card-body {
    padding: 0 12px 15px;
  }
  .content_success .card-body {
    padding-top: 10px;
  }
  .card-header {
    margin-top: 10px;
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
  }
  .content_step1 .card-header {
    text-align: center;
  }
  .site_select .col-3 {
    width: 33.3333%;
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
  }
  .content_service .sum_fixed [class^=col-] {
    padding: 2px 8px;
  }
  .abg_hinweis {
    padding: 30px 12px 10px 12px;
  }
  .dok_i {
    width: calc(50% - 12px);
  }
}
@media (max-width: 460px) {
  .p_select_big {
    max-width: 240px !important;
  }
  .p_select .dropdown_lessons:after {
    display: none;
  }
  .auswahl_typ.col {
    flex-basis: calc(100% - 20px);
  }
  #checkout-breadcrumb .active_link.ready {
    display: inline-block;
  }
  .active_link.ready .breadcrumb_text {
    display: none;
  }
  #checkout-breadcrumb li .breadcrumb_kreis {
    height: 26px;
    width: 26px;
    line-height: 24px;
    font-size: 12px;
    margin-right: 10px;
  }
  .dropdown-menu-concern .form-check-inline {
    font-size: 13px;
  }
  #checkout-breadcrumb li .breadcrumb_kreis:after {
    content: "";
    width: 20px;
    height: 1px;
    background: #1a1b1c;
    position: absolute;
    top: 10px;
    right: -22px;
  }
  #checkout-breadcrumb li:last-of-type .breadcrumb_kreis:after {
    display: none;
  }
  #checkout-breadcrumb .mticon-fonts_hacken {
    top: 1px;
    font-size: 14px;
  }
  #checkout-breadcrumb li a {
    padding-left: 0;
  }
  #deliveryDateContainer .mr-2 {
    position: absolute;
    top: 13px;
    left: 0;
  }
  #deliveryDateContainer .mr-2.ml-3 {
    left: calc(50% - 9px);
  }
  .content_service .date-forms {
    width: 100%;
  }
  .date-forms {
    margin-top: 40px;
    width: calc(50% - 6px);
  }
  .sf-display-none,
  .dz-hidden-input {
    display: none !important;
  }
  .payment_abs .label_img span img {
    height: 20px;
  }
  .btn {
    padding: 10px 30px 10px 5px;
  }
  .auswahl_typ i {
    font-size: 130px;
  }
  .dok_i i {
    font-size: 96px;
  }
  .dok_i {
    padding: 0;
  }
  .starrating > label:before {
    font-size: 60px;
  }
  .card-header {
    font-size: 19px;
    line-height: 21px;
  }
  .mticon-text_sprache.icon_big,
  .mticon-kurse.icon_big,
  .mticon-fonts_online_kurs.icon_big {
    font-size: 80px;
    top: 36px;
    left: 3px;
  }
  .mticon-text_sprache.icon_big {
    left: 0px;
    top: 33px;
  }
  .mticon-fonts_online_kurs.icon_big {
    font-size: 58px;
    top: 39px;
    left: 12px;
  }
}
@media (max-width: 400px) {
  .choose_startpage a.btn-next,
  .content_step1 #submitStep1 {
    font-size: 18px;
  }
  .choose_startpage a.btn-next i,
  .content_step1 #submitStep1 i {
    font-size: 12px;
    margin-right: 3px;
  }
}
@media (max-width: 380px) {
  .dz-hidden-input {
    width: 280px;
  }
  .footer_zahlungsarten img {
    margin: 0 4px;
    width: 50px;
  }
  .footer_zahlungsarten .i_sofort {
    width: 58px;
  }
  .footer_zahlungsarten .i_paypal {
    width: 68px;
  }
  .footer_zahlungsarten .i_mastercard {
    width: 26px;
  }
  .footer_zahlungsarten .i_visa {
    width: 35px;
  }
  .t_status {
    display: none;
  }
  .offer_list .t_amount {
    display: none;
  }
}
@media (max-width: 360px) {
  .payment_abs .label_img span {
    display: none;
  }
  .mticon-kurse.icon_big {
    top: 34px;
  }
}
@media (max-width: 340px) {
  .row [class^=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 339px) {
  .dropdown-menu-concern .form-check-inline {
    font-size: 12px;
  }
  .container,
  .card-body,
  .card-header {
    padding-left: 8px;
    padding-right: 8px;
  }
  .row,
  .content_service .sum_fixed {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row [class^=col-],
  .content_service .sum_fixed [class^=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .starrating > label:before {
    font-size: 55px;
  }
}
.skin-black .main-header > .logo {
  background-color: #1e282c !important;
}

.logo img {
  max-width: 160px !important;
}

span.api-result-passed {
  color: green;
}

span.api-result-failed {
  color: red;
}

span.test-result-passed {
  color: green;
}

span.test-result-failed {
  color: red;
}

span.x-editable.editable.editable-click[data-value=api_checking], span.x-editable.editable.editable-click[data-value=manual_checking],
span.test-result[data-value=api_checking],
span.test-result[data-value=manual_checking] {
  color: orange;
}
span.x-editable.editable.editable-click[data-value=passed],
span.test-result[data-value=passed] {
  color: green;
}
span.x-editable.editable.editable-click[data-value=failed], span.x-editable.editable.editable-click[data-value=abgelehnt],
span.test-result[data-value=failed],
span.test-result[data-value=abgelehnt] {
  color: red;
}

.border-top-0 {
  border-top: none !important;
}

.border-bottom-blue {
  border-bottom: 3px solid #3c8dbc;
}

.w-100 {
  width: 100%;
}

.m-t-20 {
  margin-top: 20px;
}

.pd-left-10 {
  padding-left: 10px;
}

.notifcation-circle {
  border-radius: 50%;
  margin-left: 10px;
  padding: 1px 6px;
}

.btn-outline-warning {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.navbar-custom-menu.header-right {
  padding: 0 20px;
}
.navbar-custom-menu.header-right ul li {
  padding-right: 10px;
}

/*# sourceMappingURL=app.output.css.map */