@charset "utf-8";

/*
Theme Name: Taxide BeTheme Child
Template: taxide
Version: 1.0
Tags:
*/

.color-white {
  color: #fff;
}

.clear {
  clear: both;
}

.bg-size {
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  min-height: 700px;
}

.img-bg-white {
  text-align: center;
  float: right;
  padding: 10px 0;
  background: #fff;
  border: 1px solid #d7d8dd;
  border-radius: 13px;
  margin: 0 auto !important;
}

.link-button, .link-button-more {
  padding: 10px;
  border: none;
  border-radius: 13px;
  color: #fff;
  text-align: center;
  width: 100%;
  min-height: 40px;
  background-image: linear-gradient(#55c948, #4DA542);
}

.link-button-more {
  min-height: 0px;
  padding: 5px;
  border-radius: 6px;
}

/* === Navigation / Menu === */
#menu-item-296 {
  display: none !important;
}

.top_bar_left {
  width: auto !important;
}

/* === Navigation / Menu Rechts === */
.nav-right {
  float: left;
  color: #000;
  height: 45px;
  margin: 0 20px;
}

.nav-right nav {
  margin-top: 0 !important;
}

.nav-right ul li a {
  display: inline-block;
  color: #000;
  padding: 10px 20px !important;
  line-height: 20px !important;
  margin: 0 !important;
  border-radius: 6px !important;
  transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
}

.nav-right ul li a:hover, .nav-right ul li.current_page_item a, .nav-right ul li a:active {
  background: rgba(0, 0, 0, .05);
  color: #000 !important;
}

/* ============== */
/* Phone */
.phone {
  font-family: "Roboto Slab";
  font-size: 48px;
  line-height: 48px;
  color: #ffda4b !important;
  text-decoration: none !important;
  font-weight: 700;
  padding-bottom: 20px;
  background: url(wp-content/uploads/2015/08/home_taxi_phone.png) no-repeat 5px bottom;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/* Price */
.price {
  font-family: "Roboto Slab";
  font-size: 60px;
  line-height: 60px;
  color: #1c1611;
  font-weight: 400;
  margin-bottom: 7px;
}

/* Icon box */
.icon_box .desc {
  margin: 0 12%;
}

/* Image frame */
.image_frame, .wp-caption {
  border-width: 4px;
  border-radius: 10px;
  box-shadow: -3px 6px 0 0 #e8a600;
}

.image_frame .image_wrapper {
  border-radius: 5px;
  z-index: 1;
}

.image_frame.no_border {
  border: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
}

/* ======== Formular / Form ========= */
/* --- Datum Datepicker --- */
dl {
  margin: 0;
}

dl dd {
  padding: 10px 0 0;
}

dl dd, dl dt {
  border: none;
  font-weight: 100;
}

dd.ui_tpicker_time {
  padding: 5px 0 0;
}

dd.ui_tpicker_second, dd.ui_tpicker_millisec, dd.ui_tpicker_microsec {
  display: none;
}

.ui-timepicker-div dl dt {
  padding: 5px 0px 5px 10px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 0px 40%;
}

.ui-widget-content {
  border: 1px solid #CCC;
  background: #EEE;
  z-index: 30 !important;
}

.ui-datepicker table th {
  background: transparent;
}

.ui-datepicker table tr td {
  border: none;
}

.ui-widget-header {
  border: 1px solid #D9AF00;
  background: #FEDB21;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  background: #F8F8F8;
}

.ui-slider-horizontal {
  background: #F8F8F8 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  border: 1px solid #D9AF00;
  background: #FEDB21;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
  background: #F9E795;
  border: 1px solid #D9AF00;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  background: #F9F9F9;
  border: 1px solid #D9AF00;
}

/* --- wechsel zwischen beiden datepicker ---*/
.date-pc {
  display: block;
}

.date-mobile {
  display: none;
  margin: -19px 0;
}

.date-mobile input {
  width: 100%;
  max-width: none;
}

.date-mobile.extra {
  margin: 0px 0 -10px;
}

/* --- Custom Class Preisanfrage --- */
.custom-form div {
  text-align: right;
}

.custom-form .left {
  text-align: left !important;
}

.custom-form .column {
  margin-bottom: 10px !important;
}

.custom-form h4 {
  margin: 7px 0 5px;
}

.custom-form span.wpcf7-list-item {
  margin-left: 0;
}

.custom-form input[type="submit"] {
  font-size: large;
}

.custom-form input[type="radio"]+span:before {
  content: "";
  background: #fff;
  border: 2px solid #d9dadf;
  border-radius: 10px;
  height: 12px;
  width: 12px;
  display: inline-block;
  margin: 2px 5px 0 -21px;
  vertical-align: top;
}

.custom-form input[type="radio"]:checked+span:before {
  border: 5px solid #009dfe !important;
  height: 7px;
  width: 7px;
}

/* ---  input buttons --- */
.input-blue, input[type="submit"].input-blue, input[type="reset"].input-blue, input[type="button"].input-blue {
  background-image: linear-gradient(#4b9fcf, #3a70ac) !important;
}

.input-blue-dark, input[type="submit"].input-blue-dark, input[type="reset"].input-blue-dark, input[type="button"].input-blue-dark {
  background-image: linear-gradient(#4b8fcf, #276baa) !important;
}

select, textarea, input[type="submit"], input[type="select"], input[type="reset"], input[type="date"], input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], .input-icon, .input-icon-right span.wpcf7-form-control-wrap input {
  padding: 10px;
  background: #fff;
  border: 1px solid #d7d8dd;
  border-radius: 13px;
  color: #626262;
  line-height: 1.4em;
  min-height: 40px;
}

.woocommerce .quantity input.qty {
  background-color: rgba(245, 245, 245, 1);
  border-color: #d7d8dd;
  color: #626262;
}

input[type="submit"], input[type="reset"], input[type="button"] {
  background-image: linear-gradient(#55c948, #4DA542);
  border: none;
  color: #fff;
  width: 100%;
}

h1#line1 {
  font-size: 36px;
  line-height: 34px;
}

/* ==================== */
/* ==== Startseite ====*/
.margin-start {
  margin: -5% auto 0 -5%;
}

/* Form */
.input-icon {
  float: left;
  min-width: 15%;
  background: #FEDB21;
  border-radius: 13px 0px 0px 13px;
  border-right: none;
  margin: 0;
  display: table-cell;
  height: 1.4em;
  min-height: 0px
}

.input-icon-right {
  max-width: 90%;
  padding: 0;
  margin: 0;
  display: table-cell;
  border-collapse: collapse;
}

.input-icon-right span.wpcf7-form-control-wrap input, .input-icon-right span.wpcf7-form-control-wrap select, .input-icon-right input {
  width: 100%;
  border-left: none;
  border-radius: 0px 13px 13px 0px;
}

.input-icon.gast, .input-icon.date, .input-icon.extra {
  height: 1.4em;
}

.input-icon.gast {
  background: url(/wp-content/uploads/form-icon-gast.png) no-repeat;
  background-color: #FEDB21;
}

.input-icon.date {
  background: url(/wp-content/uploads/form-icon-date.png) 0 1px no-repeat;
  background-color: #FEDB21;
}

.input-icon.extra {
  background: url(/wp-content/uploads/form-icon-extra.png) 0 2px no-repeat;
  background-color: #FEDB21;
}

/* Infobild */
.img-trans {
  right: 60px;
  bottom: 265px;
  position: absolute;
  background: url(/wp-content/uploads/taxi-info.png) right bottom no-repeat, rgba(255, 255, 255, 0.85);
  padding: 20px 200px 20px 20px;
  border-radius: 15px 15px 0 15px;
  max-width: 500px;
  width: 100%;
  display: none;
  text-align: left;
}

.img-trans-bubble {
  position: absolute;
  bottom: 225px;
  right: 60px;
  width: 40px;
  height: 40px;
  display: none;
  background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, 0.7) 50%);
}

.img-popup {
  cursor: pointer;
  right: 1%;
  bottom: 150px;
  position: absolute;
  display: inline-block;
}

/* ========*/
/* ==== Taxiunternehmen ====*/
.taxi-company {
  max-width: 1500px;
  width: 100%;
  margin: 0 5%;
}

.taxi-table {
  max-width: 740px;
  width: 100%;
  margin: 0 5%;
}

.taxi-extra {
  width: 45%;
  max-width: 400px;
  min-height: 190px;
  margin: 0 0 0 2%;
}

.taxi-extra .column.two-third {
  float: right !important;
}

.taxi-extra span {
  float: right;
}

.app-pic {
  float: left;
  margin-right: 2%;
  height: 54px;
}

/* ========*/
/* ==== Footer ==== */

#Footer .widgets_wrapper {
  padding: 0;
}

footer .widget_nav_menu ul {
  background: transparent;
  list-style: none;
}

footer .widget_nav_menu ul li a {
  color: #000 !important;
}

/* ======== */
div.pp_overlay {
  background: #000 none repeat scroll 0 0;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500;
  display: block;
  height: 879px;
  opacity: 0.2;
  width: 1845px;
}

/* ======================================= */
/* ===== Media Queries / Mobil / Responsive ===== */
/* ======================================= */
#Footer h6 a {
  color: #000000;
}

@media only screen and (min-width:1100px) {
  #Top_bar {
    padding: 7px 0;
  }

  #Top_bar nav {
    margin-top: 5px;
  }

  #Top_bar.is-sticky nav {
    margin-top: 0px !important;
  }

  #Top_bar.is-sticky .nav-right .menu li a {
    margin: 0 !important;
    padding: 10px 20px !important;
  }

  #Top_bar .menu li a span:not(.description) {
    line-height: 40px !important;
  }

  #Top_bar nav ul li a {
    border-radius: 15px !important;
  }

  .menu-highlight:not(.header-simple) #Top_bar.is-sticky .nav-right .menu li a {
    margin: 0 !important;
    padding: 10px 20px !important;
  }
}

@media all and (min-device-width: 300px) and (max-device-width: 1100px) {
  #orderVerifySMS #spacer {
    display: block
  }

  #orderVerifySMS #second {
    float: left
  }

  /* ----- Allgemein ----- */
  .margin0 {
    margin: 0 auto !important;
  }

  .bg-size {
    background-size: auto 100%;
    -webkit-background-size: auto 100%;
    -o-background-size: auto 100%;
  }

  /* ---- Startseite ----- */
  .margin-start {
    width: 80% !important;
  }

  /* ---- Taxiunternehmen ----- */
  .taxi-extra {
    width: 48% !important;
    float: left;
  }

  .one-second.mcb-wrap.taxi-table {
    width: 100%;
    margin: 0 auto;
  }

  /* ---- Preisanfrage ----- */
  .custom-form div {
    text-align: left;
  }

  .two-fifth {
    width: 60% !important;
  }

  div.textwidget h6 {
    display: none
  }
}

@media all and (max-device-width: 761px) {
  div.textwidget h6 {
    display: none
  }

  /* ----- Allgemein ----- */
  .bg-size {
    background-position: right top !important;
  }

  .padding0 {
    padding-top: 140px !important;
    padding-bottom: 30px !important;
  }

  /* ----- Form / Datepicker ----- */
  .date-pc {
    display: none;
  }

  .date-mobile {
    display: block;
  }

  /* ----- Navigation / Menu ----- */
  #menu-item-296 {
    display: block !important;
  }

  .top_bar_right {
    display: none;
  }

  #Top_bar #menu {
    background: transparent !important;
  }

  .menu {
    background: #fff;
  }

  /* ----- Startseite ----- */
  .margin-start {
    margin: 0 auto;
  }

  .section.the_content.has_content, .img-popup {
    display: none;
  }

  /* ---- App Anwendung ----- */
  .column-margin-0px .column .app-icon {
    float: left !important;
    max-width: 30%;
    margin: 0 0 30px 8px !important;
    clear: none;
  }

  /* ---- Taxiunternehmen ----- */
  .taxi-extra {
    width: 100%;
    float: none !important;
  }

  .taxi-extra .column.two-third {
    float: left !important;
  }

  .taxi-extra span {
    width: 70% !important;
  }

  /* ---- footer / Fußzeile ----- */
  #Footer:not(.is-sticky) {
    background: rgba(255, 255, 255, 1);
    position: relative;
  }

  footer {
    padding: 15px 0 5px;
  }

  footer .widget_text, footer .widget_nav_menu {
    width: 100%;
    float: none;
    padding: 0;
  }
}

#Top_bar a.responsive-menu-toggle {
  z-index: 10000;
}

/* ============================================================= */
/* ============================================================= */
/* ========= Besondere Media Querie / Sondergrößen Anpassung ========= */
/* ============================================================= */
/* ============================================================= */
@media all and (max-device-width: 400px) {
  .mini {
    font-size: 21px
  }
}

@media all and (min-device-width: 761px) and (max-device-width: 1330px) {
  .padding0 {
    padding-bottom: 25% !important
  }
}

@media all and (min-device-width: 761px) and (max-device-width: 960px) {
  .img-trans {
    right: 3%;
    bottom: 365px;
  }

  .img-trans-bubble {
    right: 3%;
    bottom: 325px;
  }

  .img-popup {
    right: -3%;
    bottom: 250px;
  }
}

@media all and (min-device-width: 960px) and (max-device-width: 1100px) {
  .img-trans {
    right: 4%;
    bottom: 305px;
  }

  .img-trans-bubble {
    right: 4%;
    bottom: 265px;
  }

  .img-popup {
    right: 0;
    bottom: 190px;
  }
}

@media all and (min-device-width: 1100px) and (max-device-width: 1239px) {
  .img-trans {
    right: -50px;
  }

  .img-trans-bubble {
    right: -50px;
  }

  .img-popup {
    right: -9%;
  }
}

@media all and (min-device-width: 1330px) and (max-device-width: 1510px) {
  .padding0 {
    padding-bottom: 23% !important
  }
}

@media all and (min-height: 1100px) {
  .bg-size {
    min-height: 900px;
  }
}

@media all and (min-height: 1200px) {
  .bg-size {
    min-height: 1000px;
  }
}

@media all and (min-height: 1300px) {
  .bg-size {
    min-height: 1100px;
  }
}

@media all and (min-height: 1400px) {
  .bg-size {
    min-height: 1200px;
  }
}

@media all and (min-height: 1500px) {
  .bg-size {
    min-height: 1300px;
  }
}

@media all and (min-height: 1600px) {
  .bg-size {
    min-height: 1400px;
  }
}

@media all and (min-height: 1700px) {
  .bg-size {
    min-height: 1500px;
  }
}

@media all and (min-height: 1800px) {
  .bg-size {
    min-height: 1600px;
  }
}

@media all and (min-height: 1900px) {
  .bg-size {
    min-height: 1700px;
  }
}

@media all and (min-height: 2000px) {
  .bg-size {
    min-height: 1800px;
  }
}

@media all and (min-height: 2100px) {
  .bg-size {
    min-height: 2500px;
  }
}

#menu .current-menu-item>a {
  background: #e4e4e4 !important;
  color: #000 !important;
}

@media (max-device-width: 761px) {
  .section.padding0.full-width-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

#cookie-notice .button.bootstrap {
  background: none !important;
}




/* ////////////////////////////////////////// */

#Content .entry-content > .section:nth-child(1) > .section_wrapper:nth-child(1) > div:nth-child(1) {
  min-height: calc(100vh - 75px);
}
#Content .entry-content > .section.taxi-wp > .section_wrapper:nth-child(1) {
  min-height: calc(100vh - 75px);
}
#Content .entry-content > .section:nth-child(1) > .section_wrapper:nth-child(1) > div.fleet-wrapper {
  min-height: initial;
  margin-top: 75px;
}
#Content .entry-content > .section:nth-child(1) > .section_wrapper:nth-child(1) > div.taxi-locations {
  min-height: initial;
}
#Content .section_wrapper {
  width: 100%;
  max-width: 100% !important;
}
#Content .section_wrapper .mcb-wrap-inner {
  width: 100%;
  max-width: 1200px !important;
  margin: 0 auto;
}
#Content .taxi-wp .section_wrapper .mcb-wrap-inner {
  max-width: 100% !important;
}
#Header_wrapper {
  background-color: #fff !important;
  border-bottom: 1px dashed #dfdfdf !important;
  position: fixed !important;
  width: 100%;
}
#Header {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

#Top_bar {
  position: initial !important;
}
#Top_bar .menu > li > a span:not(.description) {
  padding: 0 10px !important;
}
#Top_bar a.responsive-menu-toggle, .header-plain #Top_bar a.responsive-menu-toggle, .header-transparent #Top_bar a.responsive-menu-toggle {
  right: 0 !important;
}
#Top_bar a.responsive-menu-toggle, .header-plain #Top_bar a.responsive-menu-toggle, .header-transparent #Top_bar a.responsive-menu-toggle {
  top: 11px !important;
}
#Top_bar .top_bar_left {
  position: initial !important;
}

#cookie-notice {
  bottom: 0;
  top: initial;
}

header {
  white-space: nowrap;
}

.header-classic #Top_bar:not(.is-sticky) {
  position: absolute;
  top: 0 !important;
  position: initial !important;
}

#Top_bar {
  background: #fff;
}

#Top_bar .menu-item a {
  font-family: "taxide regular", Arial, Tahoma, sans-serif;
  font-size: 14px;
  background: none !important;
}

#Top_bar .menu-item.menu-item-83:hover a,
#Top_bar .menu-item.current-menu-item a,
#Top_bar .menu-item.hover a,
#Top_bar .menu-item:hover a {
  font-weight: bold;
  color: #000 !important;
  background: none !important;
}

#Top_bar .menu-item.menu-item-83:hover:before,
#Top_bar .menu-item.current-menu-item:before,
#Top_bar .menu-item.hover:before {
  content: " ";
  position: absolute;
  width: 22px;
  height: 50px;
  margin: 0 calc(50% - 11px);
  z-index: 1;
  background-image: url('images/pointer-menu.png');
  background-size: 22px;
  transform: translate(0px, 24px);
  pointer-events: none;
}

@media (max-width: 1239px) {
  #Top_bar .menu-item.menu-item-83:hover:before,
  #Top_bar .menu-item.current-menu-item:before,
  #Top_bar .menu-item.hover:before,
  #Top_bar .menu-item.menu-item-83:hover:after,
  #Top_bar .menu-item.current-menu-item:after,
  #Top_bar .menu-item.hover:after {
    content: none;
  }
}

#Top_bar a.button.action_button {
  width: 150px;
  box-sizing: border-box;
  padding-left: 15px;
  font-family: "taxide regular", Arial, Tahoma, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  background: none !important;
  color: #000 !important;
  box-shadow: none;
}
#Top_bar a.button.action_button .button_label {
  margin: 11px 17px;
  background-color: #fff;
  padding: 0 3px;
}
#Top_bar a.button.action_button:before {
  content: " ";
  position: absolute;
  width: 150px;
  height: 4px;
  transform: translate(-15px, 20px);
  background: rgba(255,216,18,0);
  background: -moz-linear-gradient(left, rgba(255,216,18,0) 0%, rgba(255,217,18,1) 21%, rgba(255,217,18,0.19) 47%, rgba(255,218,18,0.13) 69%, rgba(255,219,18,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,216,18,0)), color-stop(21%, rgba(255,217,18,1)), color-stop(47%, rgba(255,217,18,0.19)), color-stop(69%, rgba(255,218,18,0.13)), color-stop(100%, rgba(255,219,18,1)));
  background: -webkit-linear-gradient(left, rgba(255,216,18,0) 0%, rgba(255,217,18,1) 21%, rgba(255,217,18,0.19) 47%, rgba(255,218,18,0.13) 69%, rgba(255,219,18,1) 100%);
  background: -o-linear-gradient(left, rgba(255,216,18,0) 0%, rgba(255,217,18,1) 21%, rgba(255,217,18,0.19) 47%, rgba(255,218,18,0.13) 69%, rgba(255,219,18,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,216,18,0) 0%, rgba(255,217,18,1) 21%, rgba(255,217,18,0.19) 47%, rgba(255,218,18,0.13) 69%, rgba(255,219,18,1) 100%);
  background: linear-gradient(to right, rgba(255,216,18,0) 0%, rgba(255,217,18,1) 21%, rgba(255,217,18,0.19) 47%, rgba(255,218,18,0.13) 69%, rgba(255,219,18,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd812', endColorstr='#ffdb12', GradientType=1 );
}
#Top_bar a.button.action_button:after {
  content: " ";
  position: absolute;
  width: 22px;
  height: 22px;
  margin: 10px calc(100% - 22px);
  z-index: 1;
  background-color: #fff;
  background-image: url('images/pointer.png');
  background-size: 22px;
}

#Top_bar a.button.action_button:hover:before {
  animation: moveLoginLine 1.5s;
}
@keyframes moveLoginLine {
  0% {
    width: 0px;
    opacity: 0;
  }
  40% {
    width: 150px;
    opacity: 1;
  }
}
#Top_bar a.button.action_button:hover:after {
  animation: rotateLoginIcon 1.2s ease-in-out;
}
@keyframes rotateLoginIcon {
  0%,
  40% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(20deg);
  }
  80% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#Top_bar .nav-right {
  margin-right: 0;
}
#Top_bar .top_bar_right {
  float: initial !important;
  margin-left: 200px !important;
}

@media (max-width: 761px) {
  #Top_bar .top_bar_right,
  #Top_bar a.button.action_button:before,
  #Top_bar .menu-item:before,
  #Top_bar *:after {
    display: none;
  }
}

footer {
  border-top: 1px dashed #dfdfdf !important;
  position: initial !important;
  margin-top: 20px;
}
footer .widgets_wrapper {
  background-color: #fff;
  max-width: 1200px !important;
  margin: 0 auto;
  padding: 0;
}
footer,
footer .container,
footer .column,
footer aside {
  margin: 0;
  padding: 0;
  max-width: 100% !important;
}
footer .column {
  display: flex;
  flex-wrap : wrap;
  justify-content : space-between;
}
footer .widget_text {
  flex: 1;
  padding: 0 !important;
  margin: 0 !important;
}
footer a {
  cursor: pointer;
}
footer a:hover {
  text-decoration: none;
}
footer .widget_text a {
  display: block;
}
footer .widget_nav_menu {
  align-self: center;
  font-size: 20px;
}
footer .widget_nav_menu > div {
  min-height: 250px;
}
footer .widget_nav_menu ul {
  padding: 0 80px 0 0 !important;
}
@media (max-width: 650px) {
  footer .widget_nav_menu {
    text-align: center;
    width: 100%;
  }
  footer .widget_nav_menu ul {
    padding: 0 30px !important;
  }
}
@media (max-width: 980px) {
  footer .widget_nav_menu:nth-child(2) {
    margin-top: 50px;
  }
  footer .widget_nav_menu {
    width: 100%;
    min-height: inherit;
  }
  footer .widget_nav_menu > div {
    min-height: inherit;
    text-align: center;
    margin: 0 auto;
  }
}
footer .widget_nav_menu li {
  float: initial !important;
  min-width: initial !important;
  margin: 0 !important;
}
footer:before {
  visibility: visible !important;
  content: " " !important;
  position: absolute;
  width: 22px !important;
  height: 50px !important;
  margin: 0 calc(50% - 11px);
  z-index: 2;
  background-image: url('images/pointer-footer.png');
  background-size: 22px;
  transform: translate(12px, -12px);
}
footer #footerLeft .footer-logo {
  position: absolute;
  width: 80px;
  transform: translate(20px, 50px);
}
footer #footerLeft .footer-logo-shift {
  position: absolute;
  width: 80px;
  transform: translate(125px, 50px);
}
footer #footerLeft .footer-ipad {
  position: absolute;
  width: 420px;
  transform: translate(-445px, 165px);
}
footer #footerLeft .footer-iphone {
  position: relative;
  z-index: 2;
  width: 160px;
  margin: 90px 0 20px 270px;
}
@media (max-width: 761px) {
  footer #footerLeft .footer-iphone {
    margin-left: calc(50% + 40px);
  }
  footer #footerLeft .footer-ipad {
    transform: translate(5px, -275px);
  }
}
footer #footerLeft .footer-download-app {
  position: relative;
  z-index: 2;
  width: 545px;
  margin: 0 5px;
  margin-bottom: 30px;
  max-width: calc(100% - 10px);
}
footer #footerLeft:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 0;
  width: 1400px;
  height: 530px;
  border-radius: 82px;
  transform: rotate(-25deg) translate(-870px, 30px);
  background: rgba(255,230,41,1);
  background: -moz-linear-gradient(left, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,230,41,1)), color-stop(100%, rgba(255,204,18,1)));
  background: -webkit-linear-gradient(left, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  background: -o-linear-gradient(left, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  background: linear-gradient(to right, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe629', endColorstr='#ffcc12', GradientType=1 );
}

#Content .yellow-bg-box-wrapper {
  position: relative;
  overflow: hidden;
}
#Content .yellow-bg-box:before,
#Content .blue-bg-box:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 82px;
  background: rgba(255,230,41,1);
  background: -moz-linear-gradient(left, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,230,41,1)), color-stop(100%, rgba(255,204,18,1)));
  background: -webkit-linear-gradient(left, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  background: -o-linear-gradient(left, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  background: linear-gradient(to right, rgba(255,230,41,1) 0%, rgba(255,204,18,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe629', endColorstr='#ffcc12', GradientType=1 );
}
#Content .blue-bg-box:before {
  background: rgba(50,183,254,1);
  background: -moz-linear-gradient(left, rgba(50,183,254,1) 0%, rgba(19,161,236,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(50,183,254,1)), color-stop(100%, rgba(19,161,236,1)));
  background: -webkit-linear-gradient(left, rgba(50,183,254,1) 0%, rgba(19,161,236,1) 100%);
  background: -o-linear-gradient(left, rgba(50,183,254,1) 0%, rgba(19,161,236,1) 100%);
  background: -ms-linear-gradient(left, rgba(50,183,254,1) 0%, rgba(19,161,236,1) 100%);
  background: linear-gradient(to right, rgba(50,183,254,1) 0%, rgba(19,161,236,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b7fe', endColorstr='#13a1ec', GradientType=1 );
}

#Content a.taxi-link,
#Content a.taxi-normal,
#Content .text-bold {
  font-size: 24px;
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  font-weight: bold;
}
#Content a.taxi-link,
#Content a.taxi-link-normal {
  text-transform: uppercase;
  color: #4087f3;
  margin-top: 20px;
  display: inline-block;
}
#Content a.taxi-link:before {
  content: " ";
  position: absolute;
  width: 394px;
  height: 25px;
  z-index: 1;
  background-image: url('images/pointer-link.png');
  background-size: 394px 25px;
  transform: translateX(calc(-100% - 15px));
}
#Content a.taxi-link.tl-middle:before {
  width: 213px;
  background-image: url('images/pointer-link-middle.png');
  background-size: 213px 25px;
}
#Content a.taxi-link.tl-small:before {
  width: 54px;
  background-image: url('images/pointer-link-small.png');
  background-size: 54px 25px;
}
#Content a.taxi-link.tl-small {
  font-size: 20px;
}
#Content a.taxi-link:hover,
#Content a.taxi-link-normal:hover {
  text-decoration: none;
}

#Content a.taxi-link-btn {
  display: inline-block;
  height: 60px;
  padding: 17px 50px;
  box-sizing: border-box;
  font-size: 18px;
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  background-image: none;
  background-color: #4087f3;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 29px;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
}

#Content .route-bigger {
  text-align: center;
}
#Content .route-bigger img {
  width: 80px;
}
#Content .route-bigger img.top-icon {
  margin-bottom: 5px;
}
#Content .route-bigger img.bottom-icon {
  margin-top: 5px;
  transform: scaleY(-1);
}
#Content .route-bigger p.bigger {
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  font-weight: bold !important;
  font-size: 36px !important;
}
#Wrapper, #Content {
  background-color: #FFF !important;
}
#Content {
  margin: 0 !important;
  margin-top: 75px !important;
}
#Wrapper,
#Content .section {
  background-color: #fff;
}

#Content h2,
#Content h3 {
  font-size: 36px;
  line-height: 34px;
  color: #000;
}
#Content p {
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
}

#Header_wrapper {
  border-bottom: 2px dashed #dfdfdf !important;
}
footer {
  border-top: 2px dashed #dfdfdf !important;
}
#Content .dashed-top {
  padding-top: 25px !important;
  border-top: 2px dashed #dfdfdf;
}
#Content .dashed-top.no-padding-top {
  padding-top: 0px !important;
}
#Content .dashed-top.no-padding-bottom {
  padding-bottom: 0px !important;
}
#Content .dashed-top.skewed-right,
#Content .dashed-top.skewed-left {
  margin-top: -65px;
  background-color: #fff;
  clip-path: polygon(0 7vw, 100% 0, 100% 100%, 0 100%);
}
#Content .dashed-top.skewed-right {
  clip-path: polygon(0 0, 100% 7vw, 100% 100%, 0 100%);
}
#Content .dashed-top.skewed-right:before,
#Content .dashed-top.skewed-left:before {
  position: absolute;
  content: '';
  transform: skewY(-4deg);
  transform-origin: 100% 0;
  right: 0;
  left: 0;
  border-bottom: 2px dashed #dfdfdf;
  top: -2px;
  height: initial;
  width: 100%;
  visibility: visible;
  z-index: 5;
  -webkit-backface-visibility: hidden;
}
#Content .dashed-top.skewed-right:before {
  transform: skewY(4deg) translateY(7vw);
}
#Content .dashed-top.skewed-right > *,
#Content .dashed-top.skewed-left > * {
  margin-top: 7vw;
}
#Content .skewed-before {
  padding-bottom: 85px;
}
#Content .skewed-finished {
  background-color: #fff;
  padding-top: 60px !important;
}

#Content #cityDescription {
  margin: 20px 0;
}

#Content .no-padding {
  box-sizing: border-box;
  padding: 0 !important;
}
#Content .ph-30 {
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
}
#Content .ph-50 {
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 50px;
}
#Content .ph-100 {
  box-sizing: border-box;
  padding-left: 100px;
  padding-right: 100px;
}
#Content .pv-30 {
  box-sizing: border-box;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
#Content .pv-50 {
  box-sizing: border-box;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
#Content .pv-100 {
  box-sizing: border-box;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
#Content .pb-100 {
  box-sizing: border-box;
  padding-bottom: 100px !important;
}
#Content .pt-100 {
  box-sizing: border-box;
  padding-top: 100px !important;
}
#Content .pb-50 {
  box-sizing: border-box;
  padding-bottom: 50px !important;
}
#Content .pt-50 {
  box-sizing: border-box;
  padding-top: 50px !important;
}

#Content .text-box {
  margin-top: 50px;
  max-height: 240px;
  position: relative;
  overflow: hidden;
  transition: 1s ease;
}
#Content .text-box:after {
  transition: 0.75s ease;
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 230px 0 0 0;
  background-image: linear-gradient(to bottom, transparent, #fff);
}
#Content .text-box.text-visible {
  max-height: 1300px;
}
#Content .text-box.text-visible:after {
  padding: 0;
}
#Content a.show-text {
  position: relative;
  text-transform: uppercase;
  color: #4087f3;
  margin: 15px 0 40px 0;
  display: inline-block;
  text-decoration: none;
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  font-weight: bold;
  font-size: 20px;
}
#Content a.show-text:after {
  content: " ";
  position: absolute;
  width: 54px;
  height: 25px;
  z-index: 1;
  background-image: url('images/pointer-link-small.png');
  background-size: 54px 25px;
  transform: rotate(90deg) translateX(40px);
  margin: 0 calc(-50% - 25px);
}


/* --- Startseite --- */

#Content .home-usp {
  box-sizing: border-box;
  padding: 30px;
}
#Content .home-usp h3 {
  font-size: 30px !important;
  line-height: 30px !important;
}
#Content .home-usp p {
  font-size: 24px !important;
  line-height: 24px !important;
}
#Content .home-usp img {
  height: 120px;
}

#Content .dispo-left,
#Content .dispo-right {
  height: 245px;
  max-height: 245px;
  min-height: 245px;
  margin-bottom: 0;
}
#Content .dispo-left img {
  width: 138px;
  height: 138px;
  transform: translate(-18px, 38px);
}
#Content .dispo-left .dispo-text {
  padding-left: 120px;
  font-size: 27px !important;
  line-height: 29px;
  transform: translateY(-67px);
}
#Content .dispo-left.yellow-bg-box:before {
  transform: rotate(120deg) translate(-54px, 130px);
}
#Content .dispo-right .ipad {
  position: absolute;
  height: 200px;
  transform: translate(42px, 22px);
}
#Content .dispo-right .monitor {
  position: absolute;
  height: 310px;
  transform: scaleX(-1) translate(-130px, -69px);
}
#Content .dispo-right .iphone {
  position: absolute;
  height: 220px;
  transform: translate(335px, 22px);
}
#Content .dispo-right.yellow-bg-box:before {
  transform: rotate(37deg) translate(-329px, -290px);
}
@media (max-width: 900px) {
  #Content .dispo-right.yellow-bg-box:before {
    content: none;
  }
}

#Content .howto {
  padding-top: 100px;
}
#Content .howto p {
  font-size: 34px !important;
  margin-bottom: 20px;
}
#Content .howto.yellow-bg-box:before {
  transform: rotate(17deg) translate(-103px, -165px);
  width: 520px;
  height: 460px;
}

#Content .price-request img {
  margin: -73px 0 0 -50px;
  max-width: 720px;
  height: 471px;
}
#Content .price-request.yellow-bg-box:before {
  transform: rotate(-124deg) translate(40px, 10px);
}

#Content .apps-download img {
  margin: 40px 0 50px -60px;
  max-width: 720px;
  height: 401px;
}
#Content .apps-download.yellow-bg-box:before {
  transform: rotate(55deg) translate(110px, -80px);
}

#Content .distribution {
  min-height: 460px;
}
#Content .distribution > div:nth-child(1) {
  position: relative;
}
#Content .distribution .img-germany {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 50px;
  max-width: 313px;
  width: 313px;
  height: 423px;
  z-index: -3;
}
#Content .distribution .img-monitor {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 247px;
  height: 298px;
  z-index: -2;
  transform: translate(35px, 35px);
}
#Content .distribution .img-iphone {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 97px;
  height: 191px;
  z-index: -1;
  transform: translate(70px, 200px);
}

#Content .locations img {
  margin: 0;
  max-width: 720px;
  height: 401px;
}

#Content .locations svg .dot {
  opacity: 0;
}

#Content .locations-table {
  margin-top: 50px;
}
#Content .locations-table td {
  text-align: left;
  padding-left: 75px;
  background: none;
  border: none;
}
#Content .locations-table a {
  text-transform: uppercase;
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  font-weight: bold;
  font-size: 17px;
}
#Content .locations-table a:before {
  content: " ";
  position: absolute;
  width: 55px;
  height: 24px;
  z-index: 1;
  background-image: url('images/pointer-list.png');
  background-size: 55px 24px;
  transform: translate(calc(-100% - 15px), -2px);
}
#Content .locations-table a:hover {
  text-decoration: none;
}
#Content .locations-link {
  margin-right: -90px;
}

#Content .heading-prefix {
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  font-weight: bold !important;
  font-size: 18px !important;
  margin: 0;
}

#Content .checked-list {
  margin-top: 30px;
  font-size: 22px;
}
#Content .checked-list li {
  position: relative;
  list-style: none;
  line-height: 24px;
  margin-bottom: 12px;
}
#Content .checked-list li::before {
  content: " ";
  position: absolute;
  left: -28px;
  top: 3px;
  width: 22px;
  height: 22px;
  background-image: url('images/check.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#Content .checked-list.check-white li::before {
  background-image: url('images/check-white.png');
}

#Content .appstore-images a {
  margin-right: 20px;
}
#Content .appstore-images img {
  width: 140px;
  cursor: pointer;
}


/* --- Die Taxi App --- */

#Content .taxi-app.yellow-bg-box:before,
#Content .taxi-app.blue-bg-box:before {
  transform: rotate(68deg) translate(-77px, -85px);
  width: 770px;
  height: 1210px;
}
#Content .taxi-app .ipad {
  position: absolute;
  width: 738px;
  transform: translate(-275px, 105px);
}
#Content .taxi-app .iphone {
  position: absolute;
  width: 274px;
  transform: rotate(16deg) translate(160px, 20px);
}
#Content .taxi-app .app-icon {
  position: absolute;
  width: 103px;
  transform: translate(440px, 370px);
}

#Content .taxi-app-tabs {
  position: relative;
  height: 580px;
}
@media (max-width: 767px) {
  #Content .taxi-app-tabs {
    height: 250px;
  }
}
#Content .taxi-app-tabs > div {
  position: absolute;
  margin-top: 90px;
  opacity: 0;
  transition: opacity 1s;
}
#Content .taxi-app-tabs > div.active {
  opacity: 1;
}
#Content .taxi-app-tabs > div img {
  width: 26px;
  transform: translateX(-50%);
  margin-left: 50%;
  margin-bottom: 25px;
}
#Content .taxi-app-tabs-wrapper .iphone-taxi-app {
  display: none;
  width: 170px;
  margin: 0 auto;
  margin-top: 40px;
}
#Content .taxi-app-tab-list-img {
  text-align: center;
}
@media (max-width: 1200px) {
  #Content .taxi-app-tab-list-img {
    display: none;
  }
}
#Content .taxi-app-tab-list-img.yellow-bg-box:before,
#Content .taxi-app-tab-list-img.blue-bg-box:before {
  transform: rotate(10deg) translate(15%, 95px);
  width: 340px;
  height: 340px;
}
#Content .taxi-app-tab-list-img .tab-img-1,
#Content .taxi-app-tab-list-img .tab-img-2,
#Content .taxi-app-tab-list-img .tab-img-3,
#Content .taxi-app-tab-list-img .tab-img-4 {
  width: 215px;
  transform: translateY(55px);
  display: none;
}
#Content .taxi-app-tab-list-img .tab-img-1 {
  display: inline;
}
#Content .taxi-app-tab-list > div {
  margin-top: 140px;
  margin-left: -14%;
}
@media (max-width: 767px) {
  #Content .taxi-app-tab-list {
    min-height: 200px;
  }
  #Content .taxi-app-tab-list > div {
    margin-left: 0;
  }
}
#Content .taxi-app-tab-list > div p {
  padding: 0 33px 7px 52px;
  font-size: 18px !important;
  border-bottom: 1px dashed #dfdfdf;
  cursor: pointer;
}
#Content .taxi-app-tab-list > div p.active,
#Content .taxi-app-tab-list > div p:hover {
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  font-weight: bold !important;
  border-bottom: 1px solid #ffd514;
}
#Content .taxi-app-tab-list.taxi-app-tab-list-blue > div p.active,
#Content .taxi-app-tab-list.taxi-app-tab-list-blue > div p:hover {
  border-bottom: 1px solid #32b7fe;
}
#Content .taxi-app-tab-list > div p img {
  width: 24px;
  transform: translate(-6px, 5px);
}
#Content img.larger-tab-icon {
  width: 28px !important;
}

#Content .taxi-app-woman-car:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1440px;
  height: 600px;
  transform: scaleX(-1) translate(115px, -150px);
  background-image: url(images/stock/woman-car.jpg);
  background-size: cover;
  left: -335px;
}
#Content .taxi-app-woman-car:after {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  border-radius: 410px;
  border: 302px solid #fff;
  width: 1500px;
  height: 1150px;
  transform: rotate(67deg) translate(-1425px, 650px);
}
#Content .taxi-app-woman-car img {
  max-width: 860px;
  transform: rotate(-49deg) scaleX(-1);
}
@media (max-width: 1000px) {
  #Content .taxi-app-woman-car {
    display: none;
  }
}

#Content .taxi-app-iphones-box {
  margin-top: -140px;
}
#Content .taxi-app-iphones-box:before {
  visibility: visible;
  content: " ";
  position: absolute;
  width: 100%;
  height: 4px;
  transform: translate(17%, 29px);
  z-index: -1;
  background: #ffd81200;
  background: -moz-linear-gradient(left, rgba(255,216,18,0) 0%, rgba(255,219,18,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,216,18,0)), color-stop(100%, rgba(255,219,18,1)));
  background: -webkit-linear-gradient(left, #ffd81200 0%, #ffdb12 100%);
  background: -o-linear-gradient(left, rgba(255,216,18,0) 0%, rgba(255,219,18,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,216,18,0) 0%, rgba(255,219,18,1) 100%);
  background: linear-gradient(to right, #ffd81200 0%, #ffdb12 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd812', endColorstr='#ffdb12', GradientType=1 );
}
#Content .taxi-app-iphones {
  width: 80%;
  margin: -30px 10% 30px 10%;
}
@media (max-width: 767px) {
  #Content .taxi-app-iphones-box:before {
    /* visibility: hidden; */
  }
  #Content .taxi-app-iphones {
    margin-top: 30px;
  }
}
#Content .taxi-app-iphones-text {
  text-align: center;
  margin-top: 20px;
}
#Content .taxi-app-iphones-text p {
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  font-weight: bold !important;
  font-size: 18px !important;
  padding: 0 40px;
}
#Content .taxi-app-iphones-text img {
  width: 22px;
  margin-bottom: 10px;
  z-index: 2;
}


/* --- Flottenmanagement --- */

#Content .flottenmanagement.yellow-bg-box:before {
  transform: rotate(68deg) translate(-77px, -85px);
  width: 770px;
  height: 1210px;
}
#Content .flottenmanagement .monitor {
  width: 320px;
  transform: translate(0px, 20px);
}

#Content .macbook-list.yellow-bg-box:before {
  transform: rotate(-15deg) translate(13%, 45px);
  width: 370px;
  height: 340px;
}
#Content .fleet-wrapper .macbook-software,
#Content .macbook-list .macbook-software {
  position: absolute;
  width: 334px;
  transform: translate(80px, 77px);
  clip: rect(0px, 334px, 220px, 0px);
}
#Content .fleet-wrapper .macbook,
#Content .macbook-list .macbook {
  position: absolute;
  width: 440px;
  transform: translate(26px, 63px);
}
#Content .macbook-wrapper.macbook-top {
  min-height: 280px;
  margin-top: -30px;
  margin-bottom: 20px;
  display: none;
}
#Content .macbook-wrapper.macbook-top .macbook {
  width: 310px;
}
#Content .macbook-wrapper.macbook-top .macbook-software {
  width: 234px;
  clip: rect(0px, 234px, 148px, 0px);
}
#Content .fleet-wrapper .taxi-link-btn {
  margin-top: 150px;
}
@media (max-width: 761px) {
  #Content .macbook-list {
    min-height: 300px;
  }
  #Content .fleet-wrapper .taxi-link-btn {
    margin-top: 0px;
    width: 100%;
    max-width: 312px;
    text-align: center;
  }
}

#Content .flottenmanagement-icons img {
  height: 122px;
}
#Content .flottenmanagement-icons p {
  padding: 0 55px;
}

#Content .future-list.yellow-bg-box:before {
  transform: rotate(9deg) translate(30px, 25px);
  width: 320px;
  height: 320px;
}
#Content .future-list .taxi-button {
  position: absolute;
  width: 100px;
  transform: translate(290px, 175px);
}
#Content .future-list .wa-icon {
  position: absolute;
  width: 80px;
  transform: translate(140px, 231px);
}
#Content .future-list .monitor2 {
  position: absolute;
  width: 270px;
  transform: translate(57px, -10px);
}
#Content .future-list .iphone2 {
  position: absolute;
  width: 105px;
  transform: translate(0px, 120px);
}
#Content .features-list ul {
  padding: 0 30px;
}


/* --- Unternehmen --- */

#Content .for-companies .checked-list {
  padding-right: 150px;
}
#Content .for-companies .taxi-link-normal {
  margin: 0 0 0 64px;
}
#Content .for-companies.yellow-bg-box:before {
  transform: rotate(11deg) translate(44px, 146px);
  width: 800px;
  height: 800px;
}
#Content .for-companies .monitor {
  position: absolute;
  width: 310px;
  transform: translate(-160px, 205px);
}
#Content .for-companies .app-icon {
  position: absolute;
  width: 75px;
  transform: translate(170px, 135px);
}
#Content .for-companies .right-content {
  transform: translate(175px, 230px);
}
#Content .for-companies .store-links {
  margin-top: 25px;
}
#Content .for-companies .appstore,
#Content .for-companies .playstore {
  display: inline-block;
  margin-right: 10px;
}
#Content .for-companies .appstore img,
#Content .for-companies .playstore img {
  width: 145px;
}

#Subheader,
.post-nav {
  display: none;
}
#Content .post.type-post {
  margin: 0 150px;
}
#Content .blog_wrapper .post.type-post {
  margin: 0;
}

/* --- Fahrer --- */

#Content .for-drivers .checked-list {
  padding-right: 150px;
}
#Content .for-drivers.yellow-bg-box:before {
  transform: rotate(-15deg) translate(20px, 90px);
  width: 435px;
  height: 630px;
}
#Content .for-drivers .iphone {
  position: absolute;
  width: 370px;
  transform: translate(-10px, 8px);
}
#Content .for-drivers .app-icon {
  position: absolute;
  width: 75px;
  transform: translate(320px, 320px);
}
#Content .for-drivers .store-links {
  margin-top: 95px;
}
#Content .for-drivers .appstore,
#Content .for-drivers .playstore {
  display: inline-block;
  margin-right: 10px;
}
#Content .for-drivers .appstore img,
#Content .for-drivers .playstore img {
  height: 57px;
}


/* --- Taxi Standorte --- */

#Content .taxi-locations.skewed-before,
#Content .taxi-locations.skewed-right {
  padding-bottom: 105px;
}
#Content .taxi-locations h1 {
  font-size: 35px;
}
#Content .taxi-locations h3 {
  margin: 0 10%;
  margin-bottom: 15px;
}
#Content .taxi-locations table {
  width: 80%;
  margin: 0 calc(10% - 5px);
}
#Content .taxi-locations table td {
  background: none;
  border: none;
  text-align: left;
  font-size: 20px;
  padding: 5px;
  width: 20%;
}


/* --- Taxirechner --- */

#Content .price-calculator {

}


/* --- Abrechnung --- */

#Content .abrechnung h1 {
  font-size: 36px;
  line-height: 42px;
}

#Content .abrechnung h2,
#Content .abrechnung h3 {
  font-size: 28px;
  line-height: 30px;
}

#Content .abrechnung .section1 {
  margin-top: 50px;
}

#Content .abrechnung .section1 .left-col {
  padding-right: 10px;
}

#Content .abrechnung .section1 .right-col {
  padding-left: 10px;
}

#Content .abrechnung .section1 .left-col h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: 0.02em;
  color: #000000;
}

#Content .abrechnung .section1 .left-col p {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #7B7B7B;
}

#Content .abrechnung .section1 .left-col p.sub {
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
}

#Content .abrechnung .section1 .left-col .taxi-link-btn {
  margin-top: 15px;
  overflow: visible;
}
#Content .abrechnung .section1 .left-col .taxi-link-btn::before {
  content: " ";
  position: absolute;
  width: 394px;
  height: 25px;
  z-index: 1;
  background-image: url(//www.taxi.de/wp-content/themes/taxide-child/images/pointer-link.png);
  background-size: 394px 25px;
  transform: translateX(calc(-100% - 65px));
}

#Content .abrechnung .section1 .right-col .abrechnung-icon1 {
  position: relative;
}

#Content .abrechnung .section1 .right-col .abrechnung-icon1 img {
  position: absolute;
}

#Content .abrechnung .section2 .abrechnung-icons img {
  height: 50px;
}

#Content .abrechnung .section2 .abrechnung-icons p {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

#Content .abrechnung .section3 p {
  margin-top: 40px;
  margin-bottom: 80px;
  font-size: 20px;
  line-height: 24px;
  color: #7B7B7B;
}

#Content .abrechnung .section3 .macbook-box.yellow-bg-box:before {
  transform: rotate(302deg) translate(-13%,-116px);
  width: 820px;
  height: 740px;
}

#Content .abrechnung .section3 .macbook-box .macbook {
  position: absolute;
}

#Content .abrechnung ul {
  margin-left: 18px;
}

#Content .abrechnung .section3 .macbook-box .macbook-software {
  position: absolute;
  width: 355px;
  transform: translate(53px,14px);
  clip: rect(0px,355px,225px,0px);
}

@media (max-width: 534px) {
  #Content .abrechnung .section3 .macbook-box .macbook-software {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1109px) {
  #Content .abrechnung .section3 .macbook-box .macbook-software {
    display: none;
  }
}

@media (max-width: 767px) {
  #Content .abrechnung .section1 .right-col {
    min-height: 460px;
  }

  #Content .abrechnung .section1 .left-col {
    padding-right: 50px;
  }

  #Content .abrechnung .section1 .right-col {
    padding-left: 50px;
  }

  #Content .abrechnung .macbook-box {
    min-height: 350px;
    transform: translateY(50px);
  }

  #Content .abrechnung iframe {
    transform: translateX(-50px) !important;
    max-width: 100vw !important;
  }
}



/* --- Responsive --- */

@media (max-width: 600px) {
  #Content .mobile-hidden-xxs,
  #Content .locations-table {
    display: none;
  }
  #Content .taxi-app-tabs-wrapper .iphone-taxi-app {
    display: block;
  }
  #Content .taxi-app-tab-list > div {
    margin-top: 250px;
  }
  #Content h1, #Content h2, #Content h3 {
    font-size: 25px !important;
    line-height: 25px !important;
  }
  #Content .checked-list li {
    line-height: 20px;
    font-size: 15px;
  }
  #requestForm .form-input-icon {
    width: initial;
    font-size: 11px;
  }
  #requestForm .form-input-icon-right span.name input, #requestForm .form-input-icon-right span.name select, #requestForm .form-input-icon-right input {
    font-size: 15px;
  }
  #Content .avg-value img {
    width: 18px;
    height: 18px;
  }
  #Content #providerList {
    margin: 0;
  }
}
@media (max-width: 761px) {
  #Content .mobile-hidden-xs,
  #priceCalculatorMap,
  #priceCalculatorText,
  #Content .map_box,
  #Content .locations svg,
  #Content .for-drivers .iphone,
  #Content .for-drivers .app-icon,
  #Content .for-companies.column.three-fifth,
  #Content .taxi-app.column.one-second.yellow-bg-box,
  #Content .macbook-list.column.one-second.yellow-bg-box,
  #Content .future-list.column.one-second.yellow-bg-box {
    display: none !important;
  }

  #Content .flottenmanagement.column.one-second.yellow-bg-box iframe {
    transform: translateX(-50px) !important;
    max-width: 100vw !important;
  }

  #Content .macbook-wrapper.macbook-top {
    display: block;
  }

  #Content .map-min-height {
    min-height: initial;
  }

  #Content .price-request-content .one-second.column,
  #Content .price-request-content #requestForm .form-column.dashed-line:after {
    width: 98%;
  }

  #Content .dashed-top.skewed-left,
  #Content .dashed-top.skewed-right {
    margin-top: -15px;
  }

  #Content .checked-list {
    padding-right: 0 !important;
  }

  #Content .entry-content > .section:nth-child(1) > .section_wrapper:nth-child(1) {
    min-height: initial;
  }
}
@media (max-width: 900px) {
  /* footer */
  #Content .mobile-hidden,
  #Content .taxi-app .ipad,
  #Content .future-list .monitor2,
  #Content .future-list .taxi-button,
  #Content .locations-link {
    display: none !important;
  }

  #Content .entry-content > .section:nth-child(1) > .section_wrapper:nth-child(1) > div:nth-child(1) {
    min-height: initial;
  }

  #Content .price-request img {
    margin: -73px 0 0 -150px;
  }

  #Content .for-companies .taxi-link-normal {
    margin: 0 0 0 44px;
  }

  #Content .price-request-content .one-fourth.column_placeholder {
    width: 13%;
  }
  #Content .price-request-content .one-second.column,
  #Content .price-request-content #requestForm .form-column.dashed-line:after {
    width: 68%;
  }
  #Content .price-request-content #requestForm h1 {
    text-align: center;
  }

  #providerList #premium td:nth-child(1) a {
    transform: none;
  }
  #providerList #premium td img {
    display: none;
  }

  #Content .price-calculator .two-fifth.column {
    width: 48%;
  }
  #Content .price-calculator .three-fifth.column {
    width: 48%;
  }

  #Content .taxi-app-tabs-wrapper .two-fifth.column,
  #Content .taxi-app-tabs-wrapper .one-fourth.column {
    width: 48%;
  }

  #Content .macbook-list.yellow-bg-box:before {
    content: none;
  }
  #Content .fleet-wrapper .macbook,
  #Content .macbook-list .macbook {
    width: 330px;
    transform: translate(0px, 63px);
  }
  #Content .fleet-wrapper .macbook-software,
  #Content .macbook-list .macbook-software {
    width: 252px;
    transform: translate(40px, 75px);
    clip: rect(0px, 254px, 170px, 0px);
  }
}
@media (max-width: 1239px) {
  /* menu */
  #Content .for-companies .monitor {
    display: none !important;
  }
}

/* --- ... --- */

#orderForm .icon-col select[name="passengers"] {
  max-width: 90px !important;
  padding-left: 15px !important;
}

#Top_bar #logo img {
  height: 55px;
}

#Content .taxi-app-wrapper:nth-child(1),
#Content .for-companies:nth-child(1),
#Content .for-drivers:nth-child(1) {
  transform: translateY(-50%);
  margin-top: calc(50vh - 75px);
}
#Content .taxi-app-wrapper:nth-child(2),
#Content .for-companies:nth-child(2),
#Content .for-drivers:nth-child(2) {
  transform: translateY(-50%);
  margin-top: calc(25vh - 75px);
}
#Content .for-companies h1 {
  font-size: 33px;
}
#Content .for-companies .checked-list {
  padding-right: 130px;
}
@media (max-width: 761px) {
  #Content .for-companies .taxi-link-normal,
  #Content .for-companies .taxi-link-btn {
    width: 100%;
    text-align: center;
    margin: 0;
  }
}