/* TEST */
.navcomplete {
  position: fixed;
  -moz-transition: transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
}

.navcomplete.hidden{
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

/* TEST-ENDE */
html {
  overflow-y: scroll;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}


body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #777777;
}


#myPage {
  padding-right: 0 !important;
}

/* GENERAL ITEMS */
/* button category */
.sendBtn, .sendBtnAccess {
  background: #1E86C9 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0.4rem;
  color: white;
  cursor: pointer;
  outline: medium none;
  padding: calc(2rem/2) 2rem;
/*   border: 2px solid silver; */
  border: 2px solid blue;
  line-height: 0.6;
}
/* button category - end */

/* carousel styles */
.carousel-control.right {
  background-image: none !important;
}
.carousel-control.left {
  background-image: none !important;
}

.fa {
  color: #1E86C9;
  font-size: 4rem !important;
  display: none !important;
}

.ovItems button .fa {
  color: white;
  opacity: 0.3;
  font-size: 1.2rem !important;
}

.ovItems button:hover i {
  color: white;
/*   font-weight: bold; */
  opacity: 0;
  font-size: 1.2rem !important;
}

.ovItems button:hover {
  text-decoration: none;
  font-weight: bold;
  color: #1E86C9 !important;
}

/* end of carousel styles */

/* GENERAL ITEMS - END */



@media screen and (max-width: 1280px) {
  body {
    font-size: 12px;
    line-height: 18px;
  }
  /* wahrscheinlich überflüssig */
}


.do-not-break {
    display: inline-block;
}


h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #303030;
  font-weight: 600;
  margin-bottom: 30px;
}

.specialheader {
  text-transform: none;
  text-align: center;
  margin-top: 1%;
  margin-bottom: 3px;
  padding-right: 10%;
  font-size: 3rem;
  color: black;
  font-weight: 300;
}

.smallheader {
  /*	 letter-spacing: 0.8px; */
  letter-spacing: 0px;
  font-size: 1.53rem;
  color: black;
}

h4 {
  font-size: 19px;
  line-height: 1.375rem;
  color: #303030;
  font-weight: 400;
  margin-bottom: 30px;
}  
.jumbotron {
  background-color: #1E86C9;
  color: #fff;
  padding: 100px 25px;
  /*      font-family: Montserrat, sans-serif; */
  /*	 font-family: 'Quattrocento Sans';font-size: 22px; */
}

.container-fluid {
  padding: 60px 50px;
}

.container-slim {
  padding: 10px 50px;
}

.bg-noColor {
  background-color: transparent;
}

.bg-grey {
  background-color: #f6f6f6;
}

.bg-middlegrey {
/*  background-color: #cccccc;*/
  background-color: #CDCDCD;
}

.bg-darkgrey {
  background-color: #A5A5A5;
}

/*.bg-darkgrey {
  background-color: #7F7F7F;
}*/

.bg-darkergrey {
  background-color: #333333;
}

.bg-blue {
  background-color: #1E86C9;
}

.blueIcon {
  color: #1E86C9;
}

.blueIcon5 {
  color: #1E86C9;
  opacity: 0.05;
}

.blueIcon10 {
  color: #1E86C9;
  opacity: 0.1;
}

.blueIcon25 {
  color: #1E86C9;
  opacity: 0.25;
}

.blueIcon50 {
  color: #1E86C9;
  opacity: 0.5;
}

.invisibleIcon {
  opacity: 0;
}

.useSpace {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*.fa-angle-left:before {
  content: "\f104";
  -webkit-text-stroke: 7px white;
}

.fa-angle-right:before {
  content: "\f105";
  -webkit-text-stroke: 7px white;
}*/


.appNotActive {
/*     color: rgba(0,0,0,0.5); */
    color: grey;
    opacity: 0.2;
}



.fa-tv:before {
    content: "\f26c";
/*     -webkit-text-stroke: 4px #F6F6F6; */
}

.fa-laptop:before {
    content: "\f109";
/*     -webkit-text-stroke: 3px #F6F6F6; */
}

.fa-tablet-alt:before {
    content: "\f3fa";
/*     -webkit-text-stroke: 2px #F6F6F6; */
}

.fa-mobile-alt:before {
    content: "\f3cd";
/*     -webkit-text-stroke: 2px #F6F6F6; */
}


.navbar li .inactiveItem, #horizontalnavigation ul li .inactiveItem, li .inactiveItem {
  color: #A5A5A5 !important;
}

.img-100 {
  width:100%;
}

.img-100w {
  width: 100%;
}

.logo-small {
  color: #1E86C9;
  font-size: 50px;
}
.logo {
  color: #1E86C9;
  font-size: 200px;
}
.logo-big {
  color: #1E86C9;
  font-size: 150px;
}

.demologo-middle {
  color: #1E86C9;
  font-size: 50px;
}
.demologo-middle img {
  /*	 width: 70%; */
  width: 8.7rem;
}
.demologo-middle h4 {
  margin-bottom: 0px;
  margin-top: 8px;
  line-height: 25px;
}

.demologo-side {
  color: #1E86C9;
  font-size: 50px;
}
.demologo-side img {
  width: 7rem;
}
.demologo-side h4 {
  margin-bottom: 0px;
  margin-top: 8px;
  line-height: 25px;
}

.demoiconfont {
  font-size: 2rem;
}

.logo-middle {
  color: #1E86C9;
  font-size: 50px;
}
.logo-middle img {
  /*	 width: 70%; */
  width: 8.7rem;
}
.logo-middle h4 {
  margin-bottom: 0px;
  margin-top: 8px;
  line-height: 25px;
}

#viewproducts_bs4 {
/*  padding-bottom: 1.5rem;
  padding-top: 2rem;*/
  padding-bottom: 1rem;
/*   padding-top: 3rem; */
  padding-top: 0rem;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#viewproducts_bs4 h5 {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  white-space: initial;
  font-weight: 400;
  font-size: 1.1em !important;
}

.prodbutton {
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.prodbutton img:hover {
/*  border: 3px solid rgba(17,17,17,0.85);
  border-radius: 10%;*/
}

.thumbnail {
  padding: 0 0 15px 0;
  border: none;
  border-radius: 0;
}
.thumbnail img {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
.carousel-control.right, .carousel-control.left {
  background-image: none;
  color: #1E86C9;
}
.carousel-indicators li {
  border-color: #1E86C9;
}
.carousel-indicators li.active {
  background-color: #1E86C9 !important;
}
.item h4 {
  font-size: 19px;
  line-height: 1.375rem;
  font-weight: 400;
  font-style: italic;
  margin: 70px 0;
}
.item span {
  font-style: normal;
}
.panel {
  border: 1px solid #1E86C9; 
  border-radius:0 !important;
  transition: box-shadow 0.5s;
}
.panel:hover {
  box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
  border: 1px solid #1E86C9;
  background-color: #fff !important;
  color: #1E86C9;
}
.panel-heading {
  color: #fff !important;
  background-color: #1E86C9 !important;
  padding: 25px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.panel-footer {
  background-color: white !important;
}
.panel-footer h3 {
  font-size: 32px;
}
.panel-footer h4 {
  color: #aaa;
  font-size: 14px;
}
.panel-footer .btn {
  margin: 15px 0;
  background-color: #1E86C9;
  color: #fff;
}
.navbar {
  height: 50px;
  margin-bottom: 0;
  /*      background-color: #f4511e; */
  background: rgba (255, 255, 255, 0.9);
  z-index: 9999;
  border: 0;
/*   font-size: 1.1em !important; */
  font-size: 1rem;
  line-height: 1.42857143 !important;
  letter-spacing: 0px;
  border-radius: 0;
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.navbar .container {
  width: 100%;
  padding-right: 10px;
  padding-left: 20px; /*setzt sich aus dem rechten Teil: 5px container + 15px Sprachelement zusammen*/
}

.navbar li a, .navbar .navbar-brand {
  color: black !important;
  font-weight: 400;
  padding-bottom: 0rem;
  padding-top: 0rem;
/*   padding-right: 7vw; */
}
.navbar li .dropdown-menu {
  margin: 0 !important;
}

.navbar li .dropdown-menu .dropdown-item {
  font-weight: 300 !important;
/*   font-size: 0.9em !important; */
  font-size: 1rem !important;
  line-height: 1.85;
}

.navbar .dropdown-menu .activeDropdownItem {
  color: #1E86C9 !important;
/*   font-weight: bold !important; */
}

.navbar-nav li a:hover, .navbar-nav li.active a {
  color: black !important;
  /*      background-color: #1E86C9 !important; */
  background-color: rgba(30, 134, 201, 0.9) !important;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #fff !important;
}

.navbar-brand {
  margin-right: 1.2rem;
}

.navbar-brand-right {
  margin-left: 1.2rem;
}

.navbar-brand-right img {
  /*	 height: 100%; */
  max-height: 55px;
  height: 5.5rem;
/*   margin-left: 9.6rem; */
}

.navbar-brand img {
   /* max-height: 88px;
    height: 7.5rem;*/
/*     height: 142px; */
/*     height: 4rem; */
    height: 2.4rem;
/*     height: 175px; */
}

.navbar-header {
  float: right;
  margin-right: 5%;
  padding-top: 27px;
}

/* special sh.. for mobile devices */
.navbar-mc3 {
  background-color: white;
  opacity: 1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  flex-basis: auto;
  flex-grow: unset !important;
  flex-shrink: 1 !important;
}

@media (min-width: 768px)
.navbar-expand-md .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: 75% !important;
}

/* end of the special sh.. */

.activeCaret {
  color: #1E86C9 !important;
  border-top: 7px dashed !important;
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
}

.activeSubmenu a {
  color: #1E86C9 !important;
}


/* .dropdown-toggle-activeItem::after { */
  border-top: 0.5em solid;
  border-left: 0.5em solid;
  border-right: 0.5em solid;
  color: #1E86C9;
}

.nav-item .activeMenuItem {
  color: #1E86C9 !important;
}

.inactiveMenuItem {
  color: black !important;
}

.portNavRC {
  margin-left: -5rem;
}

@media (orientation: landscape) {
    .portNavRC {
        margin-left: -7.5rem;
    }
}


.portNavRCul {
  width: 115%;
}


.list-inline-item a {
  color: black;
}

#horizontalnavigation .row .list-inline a {
/*  border: 1px solid black;
  border-radius: 0.2rem;
  padding: 0.2rem;*/
}

#horizontalnavigation .activeSubmenu a {
  color: #1E86C9 !important;
/*   font-weight: bold !important; */
}

.subnav-products a {
  color: black;
}

.subnav-products a:hover {
  color: #1E86C9 !important;
}

.navbar-toggler {
    padding: .1rem .4rem !important;
    font-size: 1rem !important;
    position: fixed;
    z-index: 2;
    right: 1%;
    top: 1%;
}

#toggleNavbar {
  margin-top: 2.5rem;
}

.icon-bar {
  background-color: black;
  width: 3rem !important;
  height: 0.4rem !important;
}

#myNavbar {
  background: rgba(255,255,255,0.9);
  background-color: transparent;
  max-height: 500px;
  margin-right: 1rem;
  white-space: nowrap;
  width: 68%;
  /*	 border-bottom: 1px solid #f6f6f6;
   *border-radius: 0.5rem; */
}

.myNav {
  margin-right: 2%;
  float: right;
}

.nav-item {
  /*padding-left: 1rem;
  padding-right: 1rem;*/
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  text-transform: uppercase;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #1E86C9 !important;
  font-weight: bold !important;
}

.nav-tabs a {
  color: black !important;
}

.nav-tab a {
  color: black;
}

.navbarcontainer {
  white-space: nowrap;
  width: 100%;
}

.navbarcontainer ul li {
  padding-left: 2%;
  padding-right: 2%;
}

.navbar-right {
  padding-right: 2%;
}

.btn-left {
  padding-left: 1rem !important;
}

.btn-right {
/*  padding-right: 1rem !important;*/
  margin-left: -1rem !important;
}

/*
 * #myNavbar ul {
 * border-top: 1px solid #f6f6f6;
 * border-left: 1px solid #f6f6f6;
 * border-right: 1px solid #f6f6f6;
 }
 */  
.smallemptyspace {
  padding-top: 1rem !important;
}

.emptyspace {
  padding-top: 30px;
}

.halfemptyspace {
  padding-top: 15px;
  padding-bottom: 15px;
}

.bigemptyspace {
  padding-top: 5rem !important;
}

footer .glyphicon {
  font-size: 20px;
  margin-bottom: 20px;
  color: #f4511e;
}
.slideanim {visibility:hidden;}
.slide {
  animation-name: slide;
  -webkit-animation-name: slide;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  visibility: visible;
}
@keyframes slide {
  0% {
    opacity: 0;
    transform: translateY(70%);
  } 
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  } 
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
@media screen and (max-width: 768px) {
  .col-sm-4 {
    text-align: center;
    margin: 25px 0;
  }
  .btn-lg {
    width: 100%;
/*     margin-bottom: 35px; */
  }
  .btn-group-vertical {
    margin-top: 0rem !important;
  }
  .btn-group-lg>.btn, .btn-lg {
    padding: .1rem 1rem;
  }
  
  #myNavbar {
    background-color: rgba(255,255,255,0.9);
    max-height: 500px;
    border-bottom: 1px solid #f6f6f6;
    border-radius: 0.5rem;
  }
  
  #myNavbar ul {
    border-top: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
  }
}

@media screen and (max-width: 480px) {
  .logo {
    font-size: 150px;
  }
}



/* overlay scrollable Textbox */

.myTextBox{
    position: absolute;
    /*top: 20px;
    left: 20px;*/
    top: 9.3%;
/*     left: 14.6%; */
    left: 5%;
/*     left: 14%; */
/*     width: 71.5%; */
    width: 90%;
/*     width: 72%; */
    height: 65.5%;
    background-color: rgba(255,255,255,0.88);
    color: black;
/*    padding: 10px;*/
}

.myScrollBox {
/*    height: 250px;
    width: 300px;*/
    /*height: 480px;
    width: 907px;*/
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
/*     -webkit-overflow-scrolling: auto; */
/*     -webkit-overflow-scrolling: touch; */
    padding: 1.5vw;
    padding-top: 1vw;
}

.myScrollBox::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    height: 11px;
}

.myScrollBox::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0,0,0,0.5);
}

#myDefPic .carousel-indicators {
/*     bottom: 6px !important; */
    bottom: 0px;
    margin-bottom: 0.7rem;
/*     margin-bottom: 1.4rem; */
}

#myDefPic .carousel-indicators li {
    background-color: rgba(200, 200, 200, 0.7);
}


#g1map, #g2map, #g3map, #g4map, #g5map, #g6map, #g7map, #g8map, #g9map, #g10map, #g11map, #g12map, #g13map, #g14map, #g15map, #g16map, #g17map, #g18map, #g19map, #g20map, #g21map, #g22map, #g23map, #g24map, #g25map, #g26map, #g27map {
    position: relative;
    margin-bottom: 3rem;
}

#g1map img, #g2map img, #g3map img, #g4map img, #g5map img, #g6map img, #g7map img, #g8map img, #g9map img, #g10map img, #g11map img, #g12map img, #g13map img, #g14map img, #g15map img, #g16map img, #g17map img, #g18map img, #g19map img, #g20map img, #g21map img, #g22map img, #g23map img, #g24map img, #g25map img, #g26map img, #g27map img {
    width: 100%;
}

a#g1Link {
    left: 40%;
    width: 21%;
    height: 16%;
    top: 47%;
    position: absolute;
}

a#g2Link {
    left: 9%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g3Link {
    left: 12%;
    width: 21%;
    height: 16%;
    top: 74%;
    position: absolute;
}

a#g4Link {
    left: 18%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g5Link {
    left: 25%;
    width: 21%;
    height: 16%;
    top: 30%;
    position: absolute;
}

a#g6Link {
    left: 22%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g7Link {
    left: 21%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g8Link {
    left: 9%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g9Link {
    left: 24%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g10Link {
    left: 18%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g11Link {
    left: 16%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g12Link {
    left: 14%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g13Link {
    left: 25%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g14Link {
    left: 70%;
    width: 21%;
    height: 16%;
    top: 74%;
    position: absolute;
}

a#g15Link {
    left: 20%;
    width: 21%;
    height: 16%;
    top: 30%;
    position: absolute;
}

a#g16Link {
    left: 42%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g161Link {
    left: 65%;
    width: 24%;
    height: 8%;
    top: 55%;
    position: absolute;
    display: none;
}

a#g17Link {
    left: 14%;
    width: 21%;
    height: 16%;
    top: 30%;
    position: absolute;
}

a#g18Link {
/*     left: 22%; */
    left: 5%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g181Link {
    left: 65%;
    width: 24%;
    height: 8%;
    top: 88%;
    position: absolute;
    display: none;
}

a#g19Link {
    left: 10%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g191Link {
    left: 65%;
    width: 24%;
    height: 8%;
    top: 88%;
    position: absolute;
    display: none;
}

a#g20Link {
    left: 19%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g21Link {
    left: 70%;
    width: 21%;
    height: 16%;
    top: 74%;
    position: absolute;
}

a#g22Link {
    left: 70%;
    width: 21%;
    height: 16%;
    top: 31%;
    position: absolute;
}

a#g23Link {
    left: 22%;
    width: 21%;
    height: 16%;
    top: 30%;
    position: absolute;
}

a#g24Link {
    left: 70%;
    width: 21%;
    height: 16%;
    top: 30%;
    position: absolute;
}

a#g25Link {
    left: 21%;
    width: 21%;
    height: 16%;
    top: 42%;
    position: absolute;
}

a#g26Link {
    left: 70%;
    width: 21%;
    height: 16%;
    top: 30%;
    position: absolute;
}

a#g27Link {
    left: 23%;
    width: 21%;
    height: 16%;
    top: 74%;
    position: absolute;
}


#imgmap {
    position: relative;
    margin-bottom: 0rem;
}

#imgmap img {
    width: 100%;
}
a#botNavLnk {
    left: 0%;
    width: 100%;
    height: 15%;
    top: 85%;
    position: absolute;
}


.headL {
/*     font-size: 1.7vw; */
    font-size: 1.8em;
    font-style: italic;
}

.txtB {
    font-style: italic;
    font-size: 1vw;
/*     font-size: 1rem; */
    text-align: left;
/*     line-height: 2; */
    line-height: 1.8;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    margin-bottom: 5%;
}

.txtB .row {
    padding-bottom: 0.5em;
}

.leftHead {
    text-align: right;
    line-height: 1.6;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.rightCont {
    text-align: left;
    line-height: 1.6;
    padding-left: 30px !important;
}

.picCont {
    position: relative;
}

.text-block {
    position: absolute;
/*     width: 100%; 
    bottom: 20px;*/
    top: 20px;
/*     color: #1E86C9; */
    color: black;
    text-align: center;
    width: auto;
    padding: 0.5rem;
    background: rgba(255,255,255,0.8);
    
/*     background: rgba(255,255,255,0.7); */
}

.text-block h4 {
/*     font-size: 1.75rem !important; */
    margin-bottom: 0rem !important;
}


/* end of: overlay scrollable Textbox */



/*Back to top button */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
@media only screen and (min-width: 1024px) {
  main p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(37, 134, 200, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #2586c8;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
/*Back to top button */  



/* all Carousel Sliders */
#myDefPic {
  display: block;
/*   padding-top: 9vh; */
  padding-top: 90px;
}

/*#myCarousel1 {
  display: block;
}*/

#myCarousel1, #myCarousel2, #myCarousel3, #myCarousel4, #myCarousel5, #myCarousel6, #myCarousel7, #myCarousel8, #myCarousel9, #myCarousel10, #myCarousel11, #myCarousel12 {
/*   position: absolute; */
  display: none;
}

#myDefPic img, #myCarousel1 img, #myCarousel2 img, #myCarousel3 img, #myCarousel4 img, #myCarousel5 img, #myCarousel6 img, #myCarousel7 img, #myCarousel8 img, #myCarousel9 img, #myCarousel10 img, #myCarousel11 img, #myCarousel12 img {
  max-width: 100%;
/*   max-height: 54em; */
}


.carousel-control-prev, .carousel-control-next {
  width: 7.5% !important;
}

.video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.bildCapHeadLeft, .bildCapHeadRight {
  font-size: 3em;
  color: #AAAAAA;
  font-weight: 600;
  text-transform: uppercase;
  font-style: italic;
}

.bildCapHeadRight, .bildCapSubRight {
/*   float: right; */
}

.bildCapSubLeft, .bildCapSubRight {
  font-size: 1.5em;
  color: #AAAAAA;
  font-style: italic;
/*   text-transform: uppercase; */
}

.introBildCapLeft {
  font-size: 2.5em;
  color: #1E86C9;
  font-weight: 400;
  text-transform: uppercase;
  padding-left: 37%;
  visibility: hidden;
}

.introBildCapRight {
  font-size: 4em;
/*    color: #AAAAAA; */
  color: transparent;
  font-weight: 400;
  text-transform: uppercase;
/*   padding-right: 36%; */
  padding-left: 13%;
  margin-top: -0.5%;
  text-align: left;
  transform: perspective(500px) rotate3d(1,0,0,10deg);
}

.l1, .l2, .l3, .l4 {
  color: #AAAAAA;
  opacity: 0.3;
  line-height: 1.2;
}

.l1T, .l2T, .l3T, .l4T {
  color: transparent;
  font-size: 0.3em;
  line-height: 1;
  margin-left: 5rem;
  text-transform: uppercase;
}


.l1 span, .l2 span, .l3 span, .l4 span {
/*     opacity: 0; */
}


#f1 {
/*  transition: opacity 1.3s ease-in,
    transform 1s ease-in;*/
}

.l1 {
  
}


.l2 {

}


.l3 {

}

.l4 {
  
}



/* https://danielcwilson.com/blog/2015/08/animations-part-3/ */


@keyframes resizeFont{
/*   0% {font-size: 4em;} */
  50% {font-size: 1em; opacity:0.7; color: white;}
  100% {font-size: 1em; opacity: 0.3; color: #AAAAAA;}
}

@keyframes magicBox {
  0% { color: transparent;}
  20% { color: white;}
  80% { color: white;}
  100% { color: transparent;}
}

@keyframes showAllElements {
  100%{color: #AAAAAA; opacity: 0.5;}
}

.l1 {
  animation-name: resizeFont;
  animation-duration: 10s;
  animation-delay: 5s;
/*   animation: resizeFont 10s 5s, showAllElements 45s infinite; */
}
.l1T {
/*  animation-name: magicBox;
  animation-duration: 10s;
  animation-delay: 5s;*/
  animation: magicBox 10s 5s, showAllElements infinite 45s;
}

.l2 {
  animation-name: resizeFont;
  animation-duration: 10s;
  animation-delay: 15s;
}
.l2T {
/*  animation-name: magicBox;
  animation-duration: 10s;
  animation-delay: 15s;*/
  animation: magicBox 10s 15s, showAllElements infinite 45s;
}

.l3 {
  animation-name: resizeFont;
  animation-duration: 10s;
  animation-delay: 25s;
}
.l3T {
/*  animation-name: magicBox;
  animation-duration: 10s;
  animation-delay: 25s;*/
  animation: magicBox 10s 25s, showAllElements infinite 45s;
}

.l4 {
  animation-name: resizeFont;
  animation-duration: 10s;
  animation-delay: 35s;
}
.l4T {
/*  animation-name: magicBox;
  animation-duration: 10s;
  animation-delay: 35s;*/
  animation: magicBox 10s 35s, showAllElements infinite 45s;
}

/*.l1, .l2, .l3, .l4, .l1T, .l2T, .l3T, .l4T {
  animation-name: showAllElements;
  animation-duration: infinite;
  animation-delay: 47s;
}*/




.outlinedFont1 {
    -webkit-text-stroke: 1px white;
    opacity: 0.5;
/*    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;*/
}

.outlinedFont2 {
    color: #AAAAAA;
    opacity: 0.3;
}

.outlinedFont3 {
/*     -webkit-text-stroke: 1px #1E86C9; */
  font-family: 'Courgette', cursive;
}

.outlinedFont4 {
  font-family: 'Permanent Marker', cursive;
}




.bild11-8-2>.bildCapHeadRight, .bild11-8-2>.bildCapSubRight, .bild11-9-1>.bildCapHeadRight, .bild11-9-1>.bildCapSubRight, .bild11-9-3>.bildCapHeadRight, .bild11-9-3>.bildCapSubRight {
  color: #777777;
}

.bild11-0-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 19%;
  width: 98%;
  font-style: italic;
}

.bild11-1-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 22%;
  width: 44%;
}
.bild11-1-2 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
/*  text-align: left !important;*/
  top: 22%;
  width: 44%;
}
.bild11-1-3 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 22%;
  width: 44%;
}
.bild11-1-4 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 22%;
  width: 44%;
}

.bild11-2-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 6%;
  width: 52%;
}
.bild11-2-2 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 30%;
  width: 52%;
}
.bild11-2-3 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 10%;
  width: 32%;
}
.bild11-2-4 {
  left: 27% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 32%;
  width: 33%;
}
.bild11-2-5 {
  left: 75% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 2%;
  width: 20%;
}

.bild11-3-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 12%;
  width: 53%;
}
.bild11-3-2 {
  left: 73% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 10%;
  width: 25%;
}
.bild11-3-3 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 50%;
  width: 44%;
}
.bild11-3-4 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 10%;
  width: 60%;
}
.bild11-3-5 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 7%;
  width: 22%;
}

.bild11-4-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 18%;
  width: 72%;
}
.bild11-4-2 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 20%;
}
.bild11-4-3 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 23%;
}
.bild11-4-4 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 2%;
  width: 29%;
}
.bild11-4-5 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 12%;
  width: 20%;
}
.bild11-4-6 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 12%;
  width: 36%;
}
.bild11-4-7 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 12%;
  width: 36%;
}

.bild11-5-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 18%;
  width: 51%;

 text-align: left;  
/*   color: #AAAAAA; */
  font-weight: 400;
  padding-left: 13%;
  margin-top: -0.5%;
  text-align: left;
  transform: perspective(500px) rotate3d(1,0,0,10deg);
  
  
}
.bild11-5-2 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 18%;
  width: 51%;
}
.bild11-5-3 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 18%;
  width: 51%;
}
.bild11-5-4 {
  left: 65% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 26%;
}
.bild11-5-5 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 22%;
  width: 80%;
}

.bild11-6-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 37%;
}
.bild11-6-2 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 37%;
}
.bild11-6-3 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 37%;
}
.bild11-6-4 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 37%;
}
.bild11-6-5 {
  left: 33% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 38%;
  width: 30%;
}

.bild11-7-1 {
  left: 50% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 45%;
}
.bild11-7-2 {
  left: 50% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 45%;
}
.bild11-7-3 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 5%;
  width: 52%;
  /*
  left: 72% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 12%;
  width: 25%; 
   */
}
.bild11-7-4 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 50%;
  left: 47% !important;
}
.bild11-7-5 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 90%;
  right: 1% !important;
}

.bild11-8-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 37%;
}
.bild11-8-2 {
  left: 14% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 27%;
  width: 36%;
}
.bild11-8-3 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
/*   top: 15%; */
  width: 35%;
  bottom: 4% !important;
}
.bild11-8-4 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
/*   top: 15%; */
  width: 32%;
  bottom: 15% !important;
}
.bild11-8-5 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 32%;
  bottom: 15% !important;
}

.bild11-9-1 {
  left: 43% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 45%;
}
.bild11-9-2 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 15%;
  width: 37%;
}
.bild11-9-3 {
  left: 50% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
/*   top: 65%; */
  bottom: 8% !important;
  width: 40%;
}
.bild11-9-4 {
  left: 40% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 36%;
  width: 25%;
}

.bild11-10-1 {
  left: 34% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 38%;
}
.bild11-10-2 {
  left: 36% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 40%;
  width: 38%;
}
.bild11-10-3 {
  left: 43% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 45%;
}
.bild11-10-4 {
  left: 43% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 45%;
}
.bild11-10-5 {
  left: 43% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 45%;
}

.bild11-11-1 {
  left: 12% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 36%;
  width: 38%;
}
.bild11-11-2 {
  left: 43% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 45%;
}
.bild11-11-3 {
  left: 43% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 45%;
}
.bild11-11-4 {
  left: 43% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 45%;
}
.bild11-11-5 {
  left: 43% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 20%;
  width: 45%;
}

.bild11-12-1 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 17%;
  width: 37%;
}
.bild11-12-2 {
  left: 1% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 35%;
  bottom: 4% !important;
}
.bild11-12-3 {
  left: 28% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 44%;
  width: 31%;
}
.bild11-12-4 {
  left: 28% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 44%;
  width: 31%;
}
.bild11-12-5 {
  
}



/* gallerie-pictures */
#galFontenay {
  left: 10%;
  /*right: 50%;*/
  top: 60%;
  text-align: left;
  letter-spacing: 0.2rem;
  text-shadow: none;
}
#galFontenay p {
  letter-spacing: 0.1rem;
}

/* Zeit und Datum auf dem Fontenay Bild */
.dateTimeTable {
  color: rgba(237,225,211,1.0);
  position: absolute;
  top: 0.8rem;
  left: 3rem;
}

#timeOutput {
  font-size: 7.1rem;
  font-weight: 500;
}

#dateDay {
  font-size: 2.2rem;
  font-weight: normal;
  padding-left: 2rem;
}

#dateNum {
  font-size: 2.2rem;
  font-weight: normal;
  padding-left: 2rem;
}


#galAdam {
  left: 60%;
  right: 0%;
  top: 69%;
  text-align: left;
  letter-spacing: 0.2rem;
  text-shadow: none;
}
#galAdam p {
  letter-spacing: 0.1rem;
}

#galJoan {
  left: 7%;
  /*  right: 50%; */
  top: 46%;
  text-align: left;
  letter-spacing: 0.2rem;
  width: 55%;
  text-shadow: none;
}
#galJoan p {
  letter-spacing: 0.1rem;
}

#galLoewe {
  left: 54%;
  right: 0%;
  top: 64%;
  text-align: left;
  letter-spacing: 0.2rem;
  color: black;
  text-shadow: none;
}
#galLoewe p {
  letter-spacing: 0.1rem;
}

#galOnecont {
  left: 72%;
  /*  right: 50%; */
  top: 6%;
  text-align: left;
  letter-spacing: 0.2rem;
  color: black;
  text-shadow: none;
}
#galOnecont p {
  letter-spacing: 0.1rem;
}

/* font-Size for gal p */
#galFontenay p, #galAdam p, #galJoan p, #galLoewe p, #galOnecont p {
  font-size: 2rem;
}

.galHead {
  /*  font-size:3rem; */
  font-size: 4rem;
  font-weight: normal;
}


.tooltip {
/*    font-size: 1rem !important;
    width: 15% !important;
    left: 2px !important;*/
    font-size: 1rem !important;
    width: 15% !important;
/*     left: 2.85% !important; */
    left: 3% !important;
    top: -3.2% !important;
}

.bs-tooltip-right {
    left: -3% !important;
}

.tooltip .tooltiptext {
    width: 50rem;
}


.tooltip > .tooltip-inner {
    background-color: #111111;
    opacity: 0.85;
    max-width: 100% !important;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
  border-left-color: #111111 !important;
  opacity: 0.85 !important;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  border-right-color: #111111 !important;
  opacity: 0.85 !important;
}


/* we want to manipulate the indicators at the bottom of the slider */
/* we need a slidebar, and no single slider */
/* and the click function should be disabled */
/*.carousel-indicators li {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    height: 0.8rem !important;
}

.carousel-indicators li:first-child {
    border-top-left-radius : 0.4rem !important;
    border-bottom-left-radius: 0.4rem !important;
}

.carousel-indicators li:last-child {
    border-top-right-radius : 0.4rem !important;
    border-bottom-right-radius: 0.4rem !important;
}*/



.carousel-indicators {
/*   bottom: -0.5rem !important; */
}

.wellsizedBox {
  right: auto !important;
  bottom: auto !important;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background-color: rgba(255,255,255,0.65);
  border-radius: 0.6rem;
}

.galHeadBlue {
  color: #1E86C9;
  font-size: 4rem;
  font-weight: 700 !important;
/*   text-shadow: 4px -3px rgba(30,134,201,0.2); */
}

.galBlueText {
  color: #1E86C9;
}


#brochure {
  padding-top: 3rem !important;
  padding-bottom: 2rem;
  padding-left: 16%;
  padding-right: 16%;
  background-image: url(../img/brochure/Flip-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#brochure_bs4 {
/*   padding-top: 3.5rem !important; */
  padding-bottom: 3rem;
}

#brochure_bs4 img:hover {
/*     border: 2px solid #1E86C9; */
}


#brochure .row {
/*   padding-top: 3rem; */
}

#brochure h2 {
/*  display: flex;
  align-items: center;
  align-content: center;
  height: 48rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -ms-flex-pack: start;
  padding-left: 8%;*/
}

#brochure .picClass, #brochure_bs4 .picClass {
  text-align: left;
}

#brochure .picClass button .btn-link:hover, #brochure .picClass button .btn-link:focus, #brochure_bs4 .picClass button .btn-link:hover, #brochure_bs4 .picClass button .btn-link:focus {
  color: transparent !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

#brochure .btn-default, #brochure_bs4 .btn-default {
  color: inherit;
}

.displayNo {
  color: transparent;
}

#brochure img, #brochure_bs4 img {
  /*width: 75%;*/
  width: 101.7%;
/*   padding-bottom: 0.5rem; */
  margin-bottom: 0.5rem;
  padding-top: 0%;
}

#brochure .brochureCover, #brochure_bs4 .brochureCover {
  width: 65% !important;
  margin-left: 0%;
/*   padding-top: auto; */
  max-height: 462px;
  display: flex;
  align-items: center;
  align-content: center;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -ms-flex-pack: start;
  padding-right: 0 !important;
}


.rightconttext, .rightconttext a {
  font-size: 1.4rem;
  font-weight: 100;
  color: white !important;
}

#viewproducts {
/*  padding-left: 15%;
  padding-right: 15%;*/
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 3.2rem;
  padding-bottom: 4.2rem;
}


#viewproducts .myCol:hover>h5 {
    font-weight: bold;
}

.card {
  background-color: transparent !important;
  border: 0px solid transparent !important;
}

.card-img-top {
  width: 55% !important;
  margin: auto;
  max-width: 7.5em;
}

.card-body {
  text-align: center !important;
  padding: 0px !important;
/*  background-color: rgba(0,0,0,0.03);
  text-align: left;*/
}

.producttabletop {
  padding-top: 2.4rem;
}

.producttabletop .col-sm-2 {
/*   margin-bottom: 2rem; */
}

.producttablemiddle {
/*   padding-bottom: 2.4rem; */
}


#galleryswitcher {
/*   padding-top: 2.8em; */
  padding-top: 0em;
}

.sloganLeft {
  text-align: left;
/*  font-size: 3em;
  line-height: 1.2;*/
  font-size: 2.2em;
  line-height: 1.3;
  color: black;
  font-weight: 600;
  font-style: italic;
}

.whiteSlogan {
  color: white !important;
}

.sloganLeft .btn {
    font-size: 1em !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    font-style: italic;
    float: right;
    color: #1E86C9;
}

.sloganLeft .btn:hover {
    text-decoration: none !important;
}

/*.questLeft {
    margin-left: -25%;
}*/

.questLeft img {
/*     margin-top: 4rem; */
/*     margin-top: 25%; */
    margin-top: 0%;
}

.questLeft ul, .questLeft p {
    /*color: grey; 
    list-style-type:none; 
    font-style: italic; 
    font-weight: 600; 
    text-align: left; 
    margin-left: -4rem !important; 
    margin-right: 0rem; 
    margin-top: 2rem; 
    padding-inline-start: unset;*/
    
    color: black; 
    list-style-type:none; 
    font-style: italic; 
    font-weight: 600; 
    text-align: right; 
    margin-left: 0rem !important; 
    margin-right: 0.5rem; 
    margin-top: 2rem; 
    padding-inline-start: unset;
}

.questLeft ul li {
/*     padding: 0.7rem 0; */
/*     padding: 8% 0; */
/*     padding: 1vw 0; */
    padding: 4.5% 0;
    font-size: 1.1vw;
    text-transform: uppercase;
    white-space: nowrap;
}

.questLeft p {
    padding: calc(90% / 10) 0px;
}

.questLeft #lastElem {
    position: absolute;
    bottom: 0.9rem;
    color: black;
    font-size: 2.2em;
    right: 0.8rem;
}


.nowrapItem {
    white-space:nowrap;
}

.sloganTop {
  font-size: 2.5em;
  line-height:1.3;
  color: black;
  font-weight: 600;
  font-style: italic;
}

.sloganTop .btn {
  font-size: 1em !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  font-style: italic;
  float: right;
  color: #1E86C9;
}

.sloganTop .btn:hover {
  text-decoration: none !important;
}


.sloganTopSmall {
  font-size: 2em;
  line-height:1.3;
  color: black;
  font-weight: 600;
  font-style: italic;
  text-align: center;
}

.sloganTopSmall .btn {
  font-size: 1em !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  font-style: italic;
/*   float: right; */
  color: #1E86C9;
}

.sloganTopSmall .btn:hover {
  text-decoration: none !important;
}


#flipbooksgr img {
    width: 100%;
}


/*#onlinedemopic2 {
    background-image: url("https://www.mc3.de/img/onlinedemo/demo2.jpg");
}*/

#onlineDemo1 label, #onlineDemo2 label, #onlineDemo3 label, #onlineDemo4 label {
    color: black;
}

#onlineDemo1 .modal-title, #onlineDemo2 .modal-title, #onlineDemo3 .modal-title, #onlineDemo4 .modal-title {
    color: black;
}

#onlineDemo1 .modal-footer, #onlineDemo2 .modal-footer, #onlineDemo3 .modal-footer, #onlineDemo4 .modal-footer {
    color: black;
}


/* freaky sh... for the black-blue-toggle */
#app1-2, #app2-2, #app3-2, #app4-2, #app5-2, #app6-2, #app7-2, #app8-2, #app9-2, #app10-2, #app11-2, #app12-2, #app13-2, #app14-2, #app15-2 {
    display: none;
}

/*#app6 p, #app7 p, #app8 p, #app9 p, #app10 p {
    font-weight: bold;
}*/

#app1 p, #app2 p, #app3 p, #app4 p, #app5 p, #app6 p, #app7 p, #app8 p, #app9 p, #app10 p, #app11 p, #app12 p, #app13 p, #app14 p, #app15 p {
    text-transform: uppercase;
    padding-top: 0.5em;
    font-size: 0.8rem;
}


#app1:hover #app1-2, #app2:hover #app2-2, #app3:hover #app3-2, #app4:hover #app4-2, #app5:hover #app5-2 {
/*     margin-left: 25%; */
    margin-left: 23%;
/*     margin-left: 31%; */
}

#app6:hover #app6-2, #app7:hover #app7-2, #app8:hover #app8-2, #app9:hover #app9-2, #app10:hover #app10-2 {
/*     margin-left: 25%; */
    margin-left: 23%;
/*     margin-left: 31%; */
}

/*#app11:hover #app11-2, #app12:hover #app12-2, #app13:hover #app13-2, #app14:hover #app14-2, #app15:hover #app15-2 {
    margin-left: 25%;
}*/

#app11:hover #app11-2, #app12:hover #app12-2 {
/*     margin-left: 25%; */
    margin-left: 23%;
/*     margin-left: 31%; */
}



#app1:hover #app1-2 {
    display: block;
}
#app1:hover #app1-1 {
    display: none;
    color: black;
}
#app1:hover p {
    color: #1E86C9;
}

#app2:hover #app2-2 {
    display: block;
}
#app2:hover #app2-1 {
    display: none;
}
#app2:hover p {
    color: #1E86C9;
}

#app3:hover #app3-2 {
    display: block;
}
#app3:hover #app3-1 {
    display: none;
}
#app3:hover p {
    color: #1E86C9;
}

#app4:hover #app4-2 {
    display: block;
}
#app4:hover #app4-1 {
    display: none;
}
#app4:hover p {
    color: #1E86C9;
}

#app5:hover #app5-2 {
    display: block;
}
#app5:hover #app5-1 {
    display: none;
}
#app5:hover p {
    color: #1E86C9;
}

#app6:hover #app6-2 {
    display: block;
}
#app6:hover #app6-1 {
    display: none;
}
#app6:hover p {
    color: #1E86C9;
}

#app7:hover #app7-2 {
    display: block;
}
#app7:hover #app7-1 {
    display: none;
}
#app7:hover p {
    color: #1E86C9;
}

#app8:hover #app8-2 {
    display: block;
}
#app8:hover #app8-1 {
    display: none;
}
#app8:hover p {
    color: #1E86C9;
}

#app9:hover #app9-2 {
    display: block;
}
#app9:hover #app9-1 {
    display: none;
}
#app9:hover p {
    color: #1E86C9;
}

#app10:hover #app10-2 {
    display: block;
}
#app10:hover #app10-1 {
    display: none;
}
#app10:hover p {
    color: #1E86C9;
}

#app11:hover #app11-2 {
    display: block;
}
#app11:hover #app11-1 {
    display: none;
}
#app11:hover p {
    color: #1E86C9;
}

#app12:hover #app12-2 {
    display: block;
}
#app12:hover #app12-1 {
    display: none;
}
#app12:hover p {
    color: #1E86C9;
}

/*#app13:hover #app13-2 {
    display: block;
}
#app13:hover #app13-1 {
    display: none;
}
#app13:hover p {
    color: #1E86C9;
}

#app14:hover #app14-2 {
    display: block;
}
#app14:hover #app14-1 {
    display: none;
}
#app14:hover p {
    color: #1E86C9;
}

#app15:hover #app15-2 {
    display: block;
}
#app15:hover #app15-1 {
    display: none;
}
#app15:hover p {
    color: #1E86C9;
}*/


#brochure-2 {
    display: none;
}

/*#brochure-1:hover #brochure-2 {
    display: block;
}
#brochure-1:hover #brochure-1 {
    display: none;
}*/

#imgmap:hover #brochure-2 {
    display: block;
}
#imgmap:hover #brochure-1 {
    display: none;
/*     color: black; */
}


/*
#brochure_bs4 #demo1-2 {
    display: none;
}

#brochure_bs4 #demo2-2 {
    display: none;
}

#brochure_bs4 #demo3-2 {
    display: none;
}*/


#demo1-1:hover img {
    border: 2px solid #1E86C9;
    padding-bottom: 0rem !important;
}

#demo2-1:hover img {
    border: 2px solid #1E86C9;
    padding-bottom: 0rem !important;
}

#demo3-1:hover img {
    border: 2px solid #1E86C9;
    padding-bottom: 0rem !important;
}

/*
#demo1-1:hover #demo1-2 {
    display: block;
    border: 10px solid red;
}
#demo1-1:hover #demo1-1 {
    display: none;
}

#brochure_bs4 #demo2-1:hover #demo2-2 {
    display: block;
}
#brochure_bs4 #demo2-1:hover #demo2-1 {
    display: none;
}

#brochure_bs4 #demo3-1:hover #demo3-2 {
    display: block;
}
#brochure_bs4 #demo3-1:hover #demo3-1 {
    display: none;
}*/



#onlinedemopic1 img:last-child {
    display: none;
}

#onlinedemopic1:hover img:last-child {
    display: block;
}

#onlinedemopic1:hover img:first-child {
    display: none;
}



#onlinedemopic2 img:last-child {
    display: none;
}

#onlinedemopic2:hover img:last-child {
    display: block;
}

#onlinedemopic2:hover img:first-child {
    display: none;
}


#onlinedemopic3 img:last-child {
    display: none;
}

#onlinedemopic3:hover img:last-child {
    display: block;
}

#onlinedemopic3:hover img:first-child {
    display: none;
}


#onlinedemopic4 img:last-child {
    display: none;
}

#onlinedemopic4:hover img:last-child {
    display: block;
}

#onlinedemopic4:hover img:first-child {
    display: none;
}


/* Make the container relative */
.swap-on-hover {
  position: relative;	
	margin:  0 auto;
/* 	max-width: 400px; */
}

/* Select the image and make it absolute to the container */
.swap-on-hover img {
  position: absolute;
  top:0;
  left:0;
	overflow: hidden;
	/* Sets the width and height for the images*/
	width: 100%;
	height: auto;
}

/* 
	We set z-index to be higher than the back image, so it's alwyas on the front.

We give it an opacity leaner to .25s, that way when we hover we will get a nice fading effect. 
*/
.swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity .5s linear;
  cursor: pointer;
}

/* When we hover the figure element, the block with .swap-on-hover, we want to use > so the front-image is going to have opacity of 0, which means it will be hidden, to the back image will show */
.swap-on-hover:hover > .swap-on-hover__front-image{
  opacity: 0;
}






.blueSlogan {
  color: #1E86C9;
}

.smallDot {
  font-size: 1em;
  color: black;
}

.smallDomain {
  font-size: 0.5em;
  color: black;
}

.whiteSlogan {
  color: #ffffff;
}

.slogSubhead {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 1.5em;
}


.btn-group-lg>.btn, .btn-lg {
/*   font-size: 1.3rem !important; */
  font-size: 1.4em !important;
  line-height: 1.6 !important;
}

#digitaltransition>.btn-group-lg>.btn, .btn-lg {
  font-size: 1em;
}

.btn-group-vertical {
  margin-top: 0.7rem !important;
}

#galBt1, #galBt2, #galBt3, #galBt4, #galBt5, #galBt6, #galBt7, #galBt8, #galBt9, #galBt10, #galBt11, #galBt12 {
  text-decoration: none !important;
  color: black;
  font-weight: 600;
  outline-color: #1E86C9;
  outline-width: 3px;
  font-style: italic;
}

#galBt1:hover, #galBt2:hover, #galBt3:hover, #galBt4:hover, #galBt5:hover, #galBt6:hover, #galBt7:hover, #galBt8:hover, #galBt9:hover, #galBt10:hover, #galBt11:hover, #galBt12:hover {
  color: #1E86C9;
}


#digitaltransition {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#digitaltransition .row {
  margin-left: 0;
  margin-right: 0;
}

#guestfacing {
  padding-top: 0;
  padding-bottom: 0;
}

#guestfacingtechnology {
  font-weight:300;
  padding-left: 8%;
  padding-right: 8%;
  /*  padding-left: 15%;
   *padding-right: 15%; */
}

#guestfacingtechnology_new {
  font-weight: 300;
/*  padding-left: 17%;
  padding-right: 16%;*/
  padding-top: 0rem;
/*   padding-top: 72rem; */
  padding-bottom: 3rem;
}

#guestfacingtechnology_bs4 {
  padding-bottom: 2rem;
}

#claim_slogan {
  display: flex;
  align-items: center;
  height: 35rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

#claim_slogan_new {
  height: auto;
  padding-bottom: 2rem;
  padding-top: 1rem;
/*   text-align: center; */
}

#claim_slogan_new img {
  width: 42%;
}

#claim_slogan img {
  max-width: 100%;
}

.gvHeader {
  /*    color: #656565; */
  color: #1E86C9;
  font-size: 4.2rem;
  padding-left: 5.4%;
  font-style: italic;
  font-weight: normal;
}

.gvSubheader {
  /*    color: #656565; */
  color: black;
  font-size: 2.15rem;
  padding-left: 5.4%;
}

.gvGroup {
/*   padding-top: 0.5rem; */
  width: 100%;
}

.gvItems {
  /*    color: #656565; */
  color: black;
  font-size: 1.1em;
  padding-bottom: 0.3rem;
  font-weight: 300;
}

.gvItems>h4 {
  font-size: 2rem;
  line-height: 2;
}

.wide, .parralax-window {
  position: relative;
  width:100%;
  height:600px;
  background-size:cover;
  background-position:center
}

.wide img, .parallax-window img {
  width:100%;
}

.wide .black-overlay {
  position:absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /* Standard syntax (must be last) */
}

.wide .black-overlay .headline-wrapper {
  position: relative;
  height: 100%;
  width: 100%
}

.wide .black-overlay .headline {
  position: absolute;
  color: white;
  width: 100%;
  height: 35%;
  display: table
}

.wide .black-overlay .headline h1 {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

/* special styles for a special parallax effect */
.paral {
/*   min-height: 800px; */
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 50%;
}

.paral p {
  font-size: 24px;
  color: #f5f5f5;
  text-align: center;
  line-height: 2;
}

.paral h1 {
  color: rgba(255,255,255,0.8);
  font-size: 60px;
  text-align: center;
  padding-top: 60px;
  line-height: 4;
}

.paral .row {
  padding-bottom: 2rem;
  margin-left: 0;
  margin-right: 0;
}


.paralsec {
  background-image: url("https://www.mc3.de/img/digital_road-dark.jpg");
  padding-top: 2rem !important;
  background-position-y: 34%;
}


.jumbotron {
  margin-bottom: 0;
}

.wn-footer {
  padding: 2.5rem 0;
  text-align: center;
  color: white;
  background-color: #607D8B;
  border-top: .05rem solid #e5e5e5;
}

.wn-footer a {
  color: yellow;
}

/* end of the special styles */


#iOSvisibility {
  display: none;
}

.parallax-window {
   min-height: 500px;
/*   min-height: 565px; */
  /*    background: transparent; */
  /* we have a darker background image, so we don't need this effect anymore */
  /*background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(0, 0, 0, 0.6);
  width: auto;*/
}

.parallax-window .black-overlay .headline-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 4rem;
  padding-left: 6rem;
  padding-top: 3rem;
  color: white;
}

.parallaxOverlay {
  width: 70%;
  margin-left: 15%;
}

.ovHeader {
  color: white;
  /*  font-size: 1.7rem; */
  font-size: 30px;
/*   padding-left: 1.7%; */
  padding-left: 0%;
  padding-top: 6.8%;
  /*  padding-right: 7%; */
  letter-spacing: 0.05rem;
  float: left;
}

.ovSubheader {
  color: white;
  font-size: 1.65rem;
  letter-spacing: 0.12rem;
  /*  padding-left: 3%; */
  margin-bottom: 2rem;
  padding-left: 0.2rem;
}

.ovItemGroup {
  padding-top: 7.3%;
  float: right;
  width: 46.3%;
}

.ovItems {
  color: white;
  font-size: 1em;
  /*  width: 50%; */
  /*  padding-left: 10rem; */
  padding-bottom: 0.3rem;
  text-align: center;
  /*  border: 1px solid white; */
}

.ovItems .glyphicon {
  font-size: 1.3rem;
}

.ovItems a {
  color: white;
}

.ovItems:hover, .ovItems.glyphicon:hover {
  /*  margin-left: 10rem;
   * width: 45%;
   * background: #F6F6F6;
   * color: #1E86C9;
   * border-radius: 0.2rem;
   * -ms-transform: scale(2,2);
   * -webkit-transform: scale(2,2);
   * transform: scale(2,2); */
  color: #1E86C9 !important;
  font-weight: bold;
}

.ovItems:hover>.glyphicon {
  color: #1E86C9;
  font-weight: bold;
}


/* special to use the button without the creapy style */
.ovItems .btn {
  padding: 0 !important;
  font-size: 1.1em !important;
/*   font-weight: 300; */
/*   font-size: inherit !important; */
}

.ovItems .btn-link {
  color: inherit !important;
}

.ovItems .btn-lg, .ovItems .btn-group-lg > .btn {
  padding: 0 !important;
/*   font-size: inherit !important; */
  line-height: auto !important;
}

.ovItems .btn-link .focus, .ovItems .btn-link:focus {
  text-decoration: none !important;
}


/* online demos */
#onlinedemos_bs4 {
  padding-bottom: 2em;
}

.iconblocktop {
  margin-top: 3em;
  margin-left: -6em !important;
  padding-right: 3em;
/*   padding-left: 16%; */
}

.iconblockmid {
/*   margin-top: 1em; */
/*   padding-left: 16%; */
  margin-left: -2em !important;
}

.iconblockbottom {
  margin-top: 4em;
}

.subDemo {
  padding-left: 0.1em;
}

.demoicons {
/*   font-size: 3em; */
}

.demoicons img {
  width: 27%;
}

#demoicon1 {
/*   margin-left: 3.5em; */
}
#demoicon2 {
/*   margin-left: 3.5em; */
}
#demoicon3 {
/*   margin-left: 3.5em; */
}

#demoicon1, #demoicon2, #demoicon3 {
  height: 10em;
  background-repeat: no-repeat;
  background-size: 100%;
}

#demoicon1 {
  background-image: url('https://www.mc3.de/img/onlinedemo/icons/pc4_sw.png');
  display:block;
}
/*#demoicon1:hover {
  background-image: url('https://www.mc3.de/img/onlinedemo/icons/pc2_bl.png');
}*/

#demoicon2 {
  background-image: url('https://www.mc3.de/img/onlinedemo/icons/tablet4_sw.png');
  display:block;
  margin-left: 0.5em;
  margin-right: -1em;
}
/*#demoicon2:hover {
  background-image: url('https://www.mc3.de/img/onlinedemo/icons/tablet2_bl.png');
}*/

#demoicon3 {
  background-image: url('https://www.mc3.de/img/onlinedemo/icons/phone4_sw.png');
  display:block;
}
/*#demoicon3:hover {
  background-image: url('https://www.mc3.de/img/onlinedemo/icons/phone2_bl.png');
}*/

#demoicon1:hover img, #demoicon2:hover img, #demoicon3:hover img {
  display: none;
}
#demoicon4 {
/*   padding-left: 4.5%; */
}


.onlinedemotop img {
  width: 100%;
  height: auto;
  padding-bottom: 2.5rem;
}

.onlinedemobottom img {
  width: 100%;
  height: auto;
/*   border: 2px solid #1E86C9; */
/*   border: 2px solid black; */
  border-bottom: 0px;
/*   padding-bottom: 2.5rem; */
}

.onlinedemobottom:hover #onlinedemopic1, .onlinedemobottom:hover #onlinedemopic2, .onlinedemobottom:hover #onlinedemopic3, .onlinedemobottom:hover #onlinedemopic4 {
    border-bottom: 2px solid #1E86C9;
}

.onlinedemotop .demodescription{
/*   margin-bottom: 1rem; */
  position: absolute;
  margin-top: -6rem;
  margin-left: 2rem;
  font-size: 1.5rem;
}

.onlinedemobottom .demodescription {
/*   font-size: 1.4em; */
  font-size: 1em;
  line-height: 1.5;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
/*   background-color: #1E86C9; */
  background-color: black;
  color: white;
  text-align: center;
}
/* end of online demos */


/* and here is the style for the modal popup box */
.modal-sm {
  background-color: #e4e4e4;
  border-radius: 1rem;
}

.modal-lg {
  background-color: #e4e4e4;
  border-radius: 1rem;
  width: 30% !important;
}

.modal-lg2 {
  background-color: #e4e4e4;
  border-radius: 1rem;
  width: 42% !important;
}

.modal-dialog {
/*   margin: 15% auto !important; */
}

.modal-dialog2 {
  margin: 8% auto !important;
  margin-bottom: 0% !important;
}

.modal-title {
/*   text-align: center; */
  font-size: 1.2rem;
/*   text-transform: uppercase; */
}

.modal-header {
  padding-bottom: 0rem !important;
}

.modalMid {
  text-align: center;
}

.modalLeft {
  text-align: left;
}

#myModal3 .btn {
  color: black !important;
}


#myPModal1, #myPModal2, #myPModal3, #myPModal4, #myPModal5, #myPModal6, #myPModal7, #myPModal8, #myPModal9,  #myPModal10, #myPModal11, #myPModal12, #myPModal13, #myPModal14 {
  margin-top: 5%;
}





/* Bild mit 1/4 Breite - guest facing */
.colsm4size {
  width: auto;
  height: 325px;
}

/* Sliderbildergröße */
#gftCarousel .row {
  margin-right: 0 !important;
}

#gftCarousel .leftHeader {
  height: 30rem;
  display: flex;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

#gfTomorrowSlider .item img {
  max-height: 30rem;
  width: auto;
}

#gfTomorrowSlider .rightSide {
  text-align: center;
  font-size: 1.4rem;
  padding-right: 1rem;
  padding-left: 11rem;
}

#gfTomorrowSlider .rightGalHead {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 4rem;
  margin-top: 3rem;
}

.smallwindow{
  height: 190px;
  margin-top: 1rem;
  width: 100%;
  /*  margin-left: 15%; */
  overflow: auto;
  padding-right: 12px;
}

.smallwindowpic {
  /*  float: right;
   *margin-right: 35%; */
  float: left;
  width: 78px;
  padding: 3px;
  font-size: 0.9rem;
  margin-right: 11px;
  text-align: center;
}


#hospseiteTop {
  width: 80%;
  margin-left: 10%;
}

.appsNeu img {
  width: 54%;
/*     width: 38%; */
}











#appdescription_bs4 .row, #appdescription_hoapps .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


#appdescription_bs4 .app-icon, #appdescription_hoapps .app-icon {
  padding-bottom: 10px;
  padding-top: 10px;
}

.icondesc {
  text-align: center;
}

#appdescription_bs4 .container ul li a, #appdescription_hoapps .container ul li a {
  /* min-width:70px; */
}

#appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
  /*  width:120px; */
  /*  width: 8rem; */
  width: 74%;
  border:1px solid #848484;
  border-radius:10px;
  margin-left: 13%;
  background: rgba(255,255,255,0.9);
}

/* set all hover instructions in a @media to avoid the touch-active effect; means: if something with a border property is touched, the border is used as an active-property */
@media (hover: hover) {
    #appdescription_bs4 .app-icon:hover img, #appdescription_hoapps .app-icon:hover img {
    border:2px solid #1E86C9;
    border-radius:10px;
    }
}


#appdescription_bs4 #schraeglinie, #appdescription_hoapps #schraeglinie {
  margin-left:50%;
  border-left:1px solid #484848;
  height:40px;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
}

#appdescription_bs4 #textbox, #appdescription_hoapps #textbox {
  /*  width:33%; */
  width:24rem;
  margin-left:6%;
  padding:12px;
  color:#484848;
  border:1px solid #484848;
  border-radius:10px;
  /*  font-family:'Fira Sans'; */
  /*  font-family: 'Quattrocento Sans';font-size: 22px; */
}

#appdescription_bs4 #textboxsingle, #appdescription_hoapps #textboxsingle {
  /*  width:33%; */
  width:24rem;
  margin-left:35%;
  padding:12px;
  color:#484848;
  border:1px solid #484848;
  border-radius:10px;
  /*  font-family:'Fira Sans'; */
  /*  font-family: 'Quattrocento Sans';font-size: 22px; */
}

#appdescription_bs4 #textbox-noborder, #appdescription_hoapps #textbox-noborder {
  /*  width:33%; */
  width:24rem;
  padding:12px;
  color:#484848;
  /*  border:1px solid #484848; */
  border-radius:10px;
  /*  font-family:'Fira Sans';*/
  /*  font-family: 'Quattrocento Sans';font-size: 22px; */
}

#appdescription_bs4 .hospIcon, #appdescription_hoapps .hospIcon {
  border: 1px solid black;
  border-radius: 10px;
  width: 100%;
}

mark {
  background-color: grey;
  opacity: 0.3;
}

.inactivetext {
  background-color: red;
  opacity: 0.4;
}


#appdescription_bs4 #textbox .texthead, #appdescription_hoapps #textbox .texthead, #geoblocking #textboxgeo .texthead, #appdescription_bs4 #textboxsingle .texthead {
  /*font-size:21px;*/
  font-size:1.4rem;
  padding-bottom:8px;
}

#appdescription_bs4 #textbox-noborder .texthead, #appdescription_hoapps #textbox-noborder .texthead {
  font-size: 1.2rem;
  padding-bottom:8px;
}

#appdescription_bs4 #textbox .textbtext, #appdescription_hoapps #textbox .textbtext, #geoblocking #textboxgeo .textbtext, #appdescription_bs4 #textboxsingle .textbtext {
  line-height:24px;
  /*  font-size:16px; */
  font-size:1.3rem;
}

@media (max-width: 767px) {
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
    width: 70px;
  }
  #appdescription_bs4 #textbox, #appdescription_hoapps #textbox, #geoblocking #textboxgeo, #appdescription_bs4 #textboxsingle {
    width: 16rem;
    margin-left: 11%;
  }
}


#appdescription_bs4, #appdescription_hoapps {
  padding-top:40px;
  color: black;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
  padding-right: 0 !important;
}

#appdescription_hoapps #tabs {
  width: 80%;
  margin-left: 10%;
}

#appdescription_bs4 ul, #appdescription_hoapps ul {
  margin-bottom: 0px;
}

#appdescription_bs4 .tab-content, #appdescription_hoapps .tab-content {
/*   padding:10px; */
  padding-left:30px;
  padding-top:13px;
  padding-bottom: 0px;
  border:1px solid #ddd;
  border-top:none;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
/*   background-color:white; */
  background: rgba(255,255,255,0.4);
}

#appdescription_bs4 ul.tab-content, #appdescription_hoapps ul.tab-content {
  padding-left: 0px;
  padding-right: 0px;
  color: black;
}

.bigFont {
  font-size: 1.7rem;
}

.middleFont {
  font-size: 1.65rem;
}

/* Displays/Screens (e.g. MacBook @ 1280x800) -------------- */
@media only screen and (min-width: 1250px) and (max-width: 1409px) {
	
    #hospseiteTop {
        width: 100%;
        margin-left: 0%;
    }
    
    #appdescription_hoapps #tabs {
        width: 90%;
        margin-left: 5%;
    }
}




#stapps ul.tab-content, #baapps ul.tab-content, #seapps ul.tab-content, #platform ul.tab-content {
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none;
  padding-left: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
}

@media only screen and (max-width: 980px) {
  #appdescription_bs4 .tab-content, #appdescription_hoapps .tab-content {
    padding-left:10px; 
  }
  
  #stapps ul.tab-content, #baapps ul.tab-content, #seapps ul.tab-content, #platform ul.tab-content {
    padding-left: 0.5rem;
    padding-right: 1rem;
  }
}


/* own Popoverstyle for data-toggle:popover */
.popover {
  
}

/* Popover Header */
.popover-title {
  font-size: 1.4rem;
  text-align: center;
}

/* Popover Content */
.popover-content {
  font-size: 1.3rem;
}


/* section App Übersicht */
#stapps li a {
  font-size: 1.5rem;
}

#baapps li a {
  font-size: 1.5rem;
}

#seapps li a {
  font-size: 1.5rem;
}

#platform li a {
  font-size: 1.5rem;
}

/* Ende App Übersicht */

/* Guest Facing */
.guestfacingtext {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  letter-spacing: 0.05rem;
}

.smallDev3Points {
  line-height:42px;
  margin-left:46%;
}
/* Ende Guest Facing */

/* Demolinks */
.demoIcon {
/*  border: 1px solid #e4e4e4;
  border-radius: 1rem;
  width: 90%;*/
}

#demolinks {
  padding-left: 13%;
  padding-right: 12%;
}

#demolinks h2 {
  margin-top: 0.4rem !important;
}

#demolinks .halfCol {
  width: 3%;
}

#demolinks h2, #demolinks p {
  color: #d4dff3;
}

#demolinks p {
  font-size: 1.2em;
}

#demoAccess h2, #demoAccess p {
  color: inherit;
}

#demolinks .btn-default, #digitaltransition .btn-default {
  color: inherit;
}

@media (hover: hover) {
    #demolinks .btn:hover {
        color: #e4e4e4 !important;
    }
}
/* Ende Demolinks */


/* Testimonial */
#testimonialcarousel .carousel-caption {
    left: 0% !important;
/*     bottom: 20.12rem; */
    top: 1rem;
}

#testimonialcarousel .carousel-inner, #testimonialcarousel .carousel-item, #testimonialcarousel .carousel-item img {
    min-height: 24rem;
    height: auto;
}


#testimonialcarousel {
  padding-top: 0rem;
  margin-top: -2px;
}

.testimonial-info {
  position: absolute;
  top: 0%;
  /*	left: 16.7%; 
  left: 25%; */
  left: 20%;
  height:500px;
  width:50%;
  background-color:rgba(0,0,0,0.8);
  font-weight:300;
  color:white;
  display:table;
}

.tm-info-head {
  font-size:1.1em;
  padding: 1.5em 0em 0.6em 1.2em;
  font-weight: 300;
  /*padding: 60px 0px 45px 60px;*/
}

.tm-info-cite {
/*   font-style:italic; */
  font-size: 1.2em;
  line-height:1.4;
  font-weight: 300;
}

.tm-info-products {
  padding: 0.5em 0em 0em 5em;
  /*padding: 5px 0px 0px 75px;*/
  font-size: 1.1em;
  line-height:0.9;
  font-weight: 300;
}

.tm-info-tab {
  display:table;
}

.tm-info-left {
  width:55%;
  display:table-cell;
  vertical-align:top;
}

.tm-info-right {
  width:45%;
  display:table-cell;
  vertical-align:top;
}

.tm-info-text {
  /*   padding: 0em 3em 3em 4rem; */
/*   padding-left: 4.3rem; */
  padding-left: 2.5em;
  /*padding: 0px 45px 45px 60px;*/
}

.tm-info-gmname {
  padding-top: 1rem;
  font-weight: 300;
  /*padding-top:30px;*/
}

.tm-info-productname {
  color:white;
}

@media (hover: hover) {
    .tm-info-productname:hover {
        color:#1e86c9;
    }
}
/* Ende Testimonial */

/* Carousel of Testimonial subpage */
#testimonialCarousel .icon-prev i {
    font-size: 7rem !important;
    margin-left: 0em !important;
    color: #d2d2d2 !important;
}

#testimonialCarousel .icon-next i {
    font-size: 7rem !important;
    margin-right: 0em !important;
    color: #d2d2d2 !important;
}
/* end of Carousel of Testimonial subpage */



/* News */

/*
 * @media screen and (max-width: 1024px) {
 * 
 * .news-main {
 * font-size:10px;
 }
 }
 
 @media screen and (min-width: 1025px) and (max-width: 1280px) {
   .news-main {
	font-size:11px;
   }
 }
 
 @media screen and (min-width: 1281px) {
   
 }
 */

#largeLayout1x4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*#smallLayout2x2 {
  display: none;
}*/

.darkback {
  background-color:#ececec;
}


#newscarousel .newsSlide .card-body {
  background-color: rgba(0,0,0,0.03) !important;
  text-align: left !important;
}

.newsDate, .newsHead, .newsLink, .newsText {
  padding-left: 1em;
  padding-right: 1em;
}

.newsLink {
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsDate {
  font-size: 1.17vw;
}

.newsHead {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.17vw;
}

.newsText {
/*   padding-bottom: 1em; */
  font-size: 1vw;
}

#morenews1, #morenews2, #morenews3, #morenews4, #morenews5, #morenews6, #morenews7, #morenews8, #morenews9, #morenews10, #morenews11, #morenews12, #morenews13, #morenews14, #morenews15 {
  display: none;
}

.newsSlide button {
  margin-left: 1em;
  margin-bottom: 1em;
  margin-top: 0.5em;
  font-size: 1vw;
}


.news-innerbox {
  width: 100%;
  min-height: 31rem;
  overflow: hidden;
  padding: 0.6rem;
}

.news-title {
  font-size:3rem;
  text-align:center;
  /*	margin-top:5.3rem;
   * margin-left: 5rem;
   * margin-right: 5rem; */
}

#gftCarousel .news-title {
  max-width: 90%;
}

.news-header {
  font-size:2rem;
  overflow:hidden;
}

.news-date {
  text-align: right;
  padding-top:0.5rem;
  padding-right: 1rem;
}

.news-img {
  width:100%;
  display:inline;
}

.news-imgfloat {
  float:left;
  width:40%;
/*   height: 20rem; */
/*  margin-top: .25rem;
  margin-right: 1rem;
  margin-bottom: .5rem;*/
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.news-imgfull {
/*   float:left; */
  width:100%;
/*   height: 20rem; */
/*  margin-top: .25rem;
  margin-right: 1rem;
  margin-bottom: .5rem;*/
  margin-right: 0rem;
  margin-top: 0rem;
  margin-bottom: 1rem;
}

.news-text {
  font-size: 1.4rem;
  padding:0rem;
}

.news-text a {
  text-decoration: initial;
  color: #1E86C9;
}

@media (hover: hover) {
    .news-text a:hover {
        text-decoration: underline;
        color: #1E86C9;
    }
}

.news-dummy {
  font-size:10rem;
}

#newscarousel, #newscarouselsmalldev {
/*  width: 90%;
  margin-left: 5%;*/
/*   padding-top: 3.7rem; */
}

#newscarouselsmalldev {
  margin-bottom: 3em;
}

#newscarouselsmalldev .leftNewsHeader {
  float: left;
  font-size: 1.1em;
}

#newscarouselsmalldev .rightNewsHeader {
  float: right;
  font-size: 0.8em;
  line-height: 2.2;
}

#newscarousel .carousel-control, #newscarouselsmalldev .carousel-control {
  width: 5%;
}

#newscarousel .carousel-inner, #newscarouselsmalldev .carousel-inner {
/*  padding-left: 5%;
  padding-right: 5%;*/
}

#newscarousel .carousel-indicators, #newscarouselsmalldev .carousel-indicators {
  bottom: -3.6rem !important;
}

#newscarousel .carousel-indicators li, #newscarouselsmalldev .carousel-indicators li {
  background-color: rgba(205,205,205,1);
}

#newscarousel .carousel-indicators li.active, #newscarouselsmalldev .carousel-indicators li.active {
  background-color: #1E86C9;
}

#newscarousel .carousel-indicators li::after, #newscarouselsmalldev .carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

#newscarousel .carousel-indicators li::before, #newscarouselsmalldev .carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.newsCard {
  background-color: #CDCDCD !important;
}

.newsCard .card-header {
  border-bottom: 0px !important;
  background-color: transparent !important;
  padding: 0.75rem !important;
}

.newsCard .card-body {
  padding-left: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 0.9em;
  text-align: left !important;
}

.leftNewsHeader {
  float: left;
  font-size: 1.3em;
}

.rightNewsHeader {
  float: right;
  font-size: 1em;
  line-height: 2.2;
}

#newscarouselsmall {
    padding-left: 0px;
    padding-right: 0px;
}

#newscarouselsmall .carousel-item {
    max-width:84%;
    margin-left:8%;
}

#newscarouselsmall .carousel-control-prev, #newscarouselsmall .carousel-control-next {
    top: -34%;
}

#newscarouselsmall .news-imgfull {
    width: 50% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 2% !important;
}

#newscarouselsmall .carousel-indicators li {
    width: 8px;
}

@media only screen and (orientation: landscape) {
    #newscarouselsmall .newsText {
        padding-left: 0;
        padding-right: 0;
        font-size: 1rem !important;
        margin-left: -8%;
        margin-right: -8%;
    }
    
    .content-info .captcha_wrapper .g-recaptcha {
        transform: scale(0.7) !important;
        margin-left: -18% !important;
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}


/* Ende News */


/* Formular */
#inputboxes {
  margin-top: 2.5rem;
}

/* Ende Formular */

/* Umbauhinweis */
#underConstructionHint {
  background-color: #eee;
  position: fixed;
  font-size: 1.4rem;
  bottom: 10rem;
  z-index: 100;
  left: 2.2rem;
  /*    -moz-transform: rotate(30deg);
   * -ms-transform: rotate(30deg);
   * -o-transform: rotate(30deg);
   * -webkit-transform: rotate(30deg);
   * transform: rotate(30deg); */
}
/*
 * #fixedcornerleft {
 * background-color: #eee;
 * width: 0;
 * height: 0;
 * border-left: 50px solid transparent;
 * border-right: 50px solid transparent;
 * border-bottom: 100px solid #eee;
 }
 */

#fixedcornerleft {
  /*   width: 13.2rem; */
  width: 20rem;
  height: auto; 
  background: #eee;
  position: absolute;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  padding: 0.5rem;
}

#fixedcornerleft:before {
  content:"";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-right: 26px solid #eee;
  border-bottom: 13px solid transparent;
  margin: 13px 0 0 -25px;
}
/* Ende Umbauhinweis */

/* Contacts */
#smallDeviceContactBox, #smallDeviceOnlineDemoBox {
  display: none;
  margin-top: 2.4rem;
}

#largeDeviceContactBox {
  display: block;
/*   max-width: 30rem; */
  max-width: 24rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 3.3rem;
  padding-right: 3.3rem;
  margin-top: 2.4rem;
}

#largeDeviceContactBox h4 {
  text-align: center;
}

#largeDeviceOnlineDemoBox {
  display: block;
/*   max-width: 18rem; */
  width: 24rem;
  max-width: 24rem;
 /* width: 30rem;
  max-width: 30rem;*/
  padding-top: 1.6rem;
/*   padding-bottom: 1.6rem; */
  padding-bottom: 0rem;
  padding-left: 0rem;
  padding-right: 0rem;
  margin-top: 2.4rem;
/*   height: 41rem; */
}

#largeDeviceOnlineDemoBox h6 {
  font-size: 1.4rem !important;
  margin-bottom: 1.5rem;
}

#largeDeviceOnlineDemoBox .btn {
  padding-bottom: 0rem !important;
  padding-top: 0rem !important;
}

.largeDeviceOnlineDemoBox .col-sm-6 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

#largeDeviceContactBox>hr, #largeDeviceOnlineDemoBox>hr {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}

#contactportal {
  padding-top: 3.5rem !important;
  padding-bottom: 2.5rem !important;
}

#contactaccess {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.contact-box {
  background-color:#1e86c9;
  border-radius:0.5rem;
  padding:2rem;
  color:white;
}

.contact-social {
  padding-bottom: 2rem;
}

.contact-box div {
  padding-bottom: 0.3rem;
}

.urlitems div {
  padding-bottom: 0;
}

.contact-img {
  width: 100%;
  margin: 0px auto;
}
/* Ende Contacts */

/* Link Footer */
footer ul {
/*   -webkit-padding-start: 0rem !important; */
  padding-left: 0rem !important;
  font-size: 0.8em;
}

footer ul li {
  list-style: none;
  line-height: 2.1;
}

footer ul li a {
  text-decoration: none;
  color: white !important;
}

@media (hover: hover) {
    footer ul li:hover a {
        text-decoration: none;
        font-weight: 900;
    }
}

footer {
  color: white;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-top: 2em;
  margin-top: 0em;
/*   padding-top: 4em; */
  padding-top: 1.5em;
}

footer h3 {
  font-size: 1.3rem !important;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}

.footer-contact h5 {
/*   font-size: 0.95em !important; */
  font-size: calc(7px + 0.5vw) !important;
  padding-top: 0.4em;
}

.footer-staytouch h5 {
/*   font-size: 0.95em !important; */
  font-size: calc(7px + 0.5vw) !important;
  padding-top: 0.4em;
}

footer ::placeholder {
  color: #E3E3E3;
}

.activeFooterItem {
  font-weight: bold;
}

.inactiveFooterItem {
  font-weight: normal;
}


#newsletterOnOff {
  color: black;
}

#newsletterOnOff .modal-body form:first-of-type {
/*  border-bottom: 3px solid black;
  padding-bottom: 1.5rem;*/
}

#newsletterOnOff .modal-body form {
  padding-bottom: 1.5rem;
}

#newsletterOnOff .modal-body form h2 {
  font-size: 1rem !important;
  line-height: 2 !important;
}

#newsletterAN, #fbLink, #ytLink {
/*   line-height: 4.5; */
/*   padding-top: 0.3em; */
}

#newsletterAN img, #fbLink img, #ytLink img {
  width: 24%;
/*  border: 2px solid #111111;
  border-radius: 5px;*/
}

input, optgroup, select, textarea {
  background-color: transparent !important;
/*  color: white !important;*/
  margin-top: 0.2rem;
}

.links-footer {
  font-size:1rem;
  color:white;
  text-align:center;
}

.links-a {
  font-size:1.4rem;
  color:white;
  padding: 0em 3rem;
  vertical-align: middle;
}

@media (hover: hover) {
    .links-a:hover {
        /*color:#1e86c9;*/
        color:darkblue;
        text-decoration:none;
    }
}
/* Ende Link Footer */


/* the special room control page, beacuse we need one individual page */
#navCol button {
    width: 100% !important;
/*     font-weight: bold; */
}

#navCol {
    justify-content: center !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #1E86C9 !important;
}
/* end of the special page */


/* laptop ohne retina display */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
  .galHeadBlue {
    font-size: 2rem;
  }
  #brochure img {
    width: 100.6%;
  }
}


/* special for mac book */
@media only screen and (min-width: 1000px) and (max-width: 1300px) and (orientation: landscape) {
  #galFontenay p, #galAdam p, #galJoan p, #galLoewe p, #galOnecont p, .galHeadBlue {
    font-size: 2rem;
  }
  .galHead {
    font-size: 6rem;
    font-weight: 200;
  }
  #galFontenay {
    left: 6%;
    top: 68%;
  }
  #galAdam {
    left: 45%;
    top: 54%;
  }
  #galJoan {
    left: 7%;
    top: 36%;
    width: 90%;
  }
  #galLoewe {
    left: 48%;
    top: 56%;
  }
  #galOnecont {
    left: 72%;
    top: 7%;
  }
  #galOnecont .galHead {
    font-size: 4.2rem;
  }
  #galOnecont p {
    font-size: 1.7rem;
  }
  
  #claim_slogan img {
    max-width: 85%;
  }
  
  .bildCapHead {
    font-size: 2em;
  }
  
  #viewproducts_bs4 h5 {
    font-size: 1.1em;
  }
  
  #brochure h2 {
/*    display: flex;
    align-items: center;
    align-content: center;
    height: 31rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -ms-flex-pack: end;*/
  }
  
  .onlinedemobottom .demodescription {
    font-size: 1em;
  }
    
  .testimonial-info {
/*     width: 52%; */
    width: 68%;
  }
  .tm-info-head {
    font-size: 1.1em;
    padding: 1.5em 0em 0em 1.3em;
  }
  .tm-info-text {
    padding-left: 1.5em;
    padding-top: 1em;
  }
  .tm-info-cite {
    font-size: 1.2em;
    line-height: 1.25;
  }
  .tm-info-products {
    font-size: 1em;
    padding: 0.5em 0em 0em 0em;
  }
  .tm-info-gmname {
    font-size: 1.1em;
    padding-top: 0.5em;
  }
  .news-title {
    /*	   font-size: 2.3rem; */
  }
  #gftCarousel .news-title {
    max-width: 100%;
  }
  #gftCarousel .col-sm-10 {
    padding-right: 0 !important;
  }
  #gftCarousel .leftHeader {
    height: 24rem;
  }
  #gfTomorrowSlider .item img {
    max-height: 24rem;
  }
  #gfTomorrowSlider .rightSide {
    /*	   padding-left: 48.5rem;
	* padding-right: 2.5rem;
	* margin-top: -23rem; */
  }
  
  /* another special code */
  #gftCarousel.leftHeader {
    height: 22rem;
  }
  #gfTomorrowSlider.rightGalHead {
    /*	   margin-bottom: 1rem; */
  }
  #gfTomorrowSlider.rightSide {
    /*	   padding-left: 45rem;
	* padding-right: 2.5rem;
	* margin-top: -21rem; */
  }
  #gfTomorrowSlider.item img {
    max-height: 22rem;
  }
  /* end of the special code */
  .contactinputfield {
    width: 22em;
  }
  .contacttextfield {
    width: 22em;
  }
  
  .dropdownlist {
/*     display: none; */
  }
}

#timechange, #highlight, #mc3people {
  padding-top: 0 !important;
}

#timechangepic img, #highlightpic img {
  width: 76%;
  margin-left: 12%;
}

#partner1pic img, #partner2pic img, #partner3pic img, #partner4pic img {
  width: 76%;
  margin-left: 12%;
}

#partner1, #partner2, #partner3, #partner4 {
  padding-top: 0em;
}

#partner5 {
  padding-top: 2em;
  padding-bottom: 2em;
}

#customerprojects .row figure {
  margin-bottom: 1em !important;
}


/* another range for the macbook */
/* first: Non-Retina Screens */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* a range for the macbook again */
/* this time for Retina Screens */
@media screen and (min-device-width: 1200px) and (max-device-width: 1660px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  
}



/* Navigation elements */
@media only screen and (min-device-width: 1900px) and (orientation: landscape) { 
  /* @media only screen and (min-width: 1900px) and (orientation: landscape) { */
  .navbar {
/*     font-size: 1em !important; */
    font-size: 1rem !important;
  }
  
  .dropdown-menu {
    font-size: 0.9em !important;
  }
}
/* End of Navigation elements */


/* portalpage elements */
@media only screen and (min-device-width: 118em) and (orientation: landscape) { 
  /*@media only screen and (min-width: 1900px) and (orientation: landscape) { */
  /* font-Size for gal p */
  #galFontenay p, #galAdam p, #galJoan p, #galLoewe p, #galOnecont p {
    font-size: 2rem;
    font-weight: 400;
  }
  
  .galHead {
    font-size: 6rem;
    font-weight: 200;
  }
  .galHeadBlue {
    font-size: 3rem;
  }
  
  #galFontenay {
    left: 3%;
    top: 15%;
  }
  #galAdam {
    left: 20%;
    top: 27%;
  }
  #galJoan {
    left: 71%;
    top: 7%;
    width: auto;
  }
  #galLoewe {
    left: 71%;
    top: 7%;
  }
  #galOnecont {
    left: 73%;
    top: 9%;
  }
  
  /* OLD Values, before 8.3.18 */
/*  #galFontenay {
    left: 7%;
    top: 72%;
  }
  #galAdam {
    left: 60%;
    top: 68%;
  }
  #galJoan {
    left: 6%;
    top: 45%;
    width: auto;
  }
  #galLoewe {
    left: 47%;
    top: 40%;
  }
  #galOnecont {
    left: 8%;
    top: 8.5%;
  }
  */
  
  .gvHeader {
    font-size: 6rem;
  }
  
  .gvSubheader {
    font-size: 3rem;
  }
  
  .gvItems, #demolinks p {
/*     font-size: 1.1em; */
  }
  
  .gvItems>h4 {
    font-size: 1.7rem;
  }
  
  .logo-middle {
    font-size: 5rem;
  }
  
  .logo-middle img {
    width: 9rem;
  }
  
  .demologo-middle {
    font-size: 5rem;
  }
  
  .demologo-middle img {
    width: 11rem;
  }
  
  .demologo-side {
    font-size: 5rem;
  }
  
  .demologo-side img {
    width: 5rem;
  }
  
  .demoiconfont {
    font-size: 2rem;
  }
  
  .col-sm-2>h5 {
    font-size: 1.5rem;
    margin-top: 0.7rem;
/*     font-size: 2rem; */
  }
  
  .parallax-window {
    min-height: 64rem;
  }
  
  .ovHeader {
    font-size: 3rem;
    padding-top: 3.8%;
  }
  
  .ovItemGroup {
    padding-top: 4.3%;
  }
  
  .ovSubheader {
    font-size: 1.7rem;
  }
  
  .ovItems {
    font-size: 1em;
    line-height: 2em;
  }
  
  .ovItems .glyphicon {
    font-size: 2.1rem;
  }
  
  .middleFont {
    font-size: 1.7rem;
  }
  
  .middleFont li {
    padding-right: 2rem;
  }
  
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app.icon img {
    width: 62%;
    margin-left: 19%;
  }
  
  #stapps li a, #baapps li a, #seapps li a, #platform li a {
    font-size: 1.7rem;
    padding-right: 2rem;
  }
  
  .popover-title {
    font-size: 2rem !important;
  }
  
  .popover-content {
    font-size: 1.4rem;
  }
  
  .contact-box>h4 {
    font-size: 2.4rem;
    font-weight: 400;
  }
  
  .leftcontglyphicon {
    font-size: 1.6rem;
    line-height: 3rem;
  }
  
  .rightconttext, .rightconttext a {
    font-size: 1.4rem;
    font-weight: 100;
    color: white !important;
  }
}
/* End of portalpage elements */


/* ACTIVE ELEMENTS */
.activeNavButton {
  font-weight: bold;
}
/* End of ACTIVE ELEMENTS */

/* Digital Transition - Presentations */
/* Reach your guests digitally */
.singlesitecarousel {
  margin-top: 0rem;
  margin-bottom: 4rem;
}

/* End of Reach your guests digitally */

/* Guest Journey */
#guestJourneyPresentation {
  padding-top: 4rem !important;
}

.guestJourneyHeadline {
  /*    margin-left: 3rem; */
}

.guestJourneyHeadline>h2 {
  text-align: center;
}

.guestjourneydescription {
  font-size: 1.5rem;
  padding-top: 2.2rem;
}

#guestJourneyImg {
  max-width: 100%;
  margin-top: 3rem;
  padding-left: 15%;
  padding-right: 15%;
}

@media only screen and (max-width: 780px) {
  #guestJourneyPresentation .row {
    max-width: 100%;
  }
  
  .guestJourneyHeadline>h2 {
    font-size: 2.8rem;
  }
  
  .guestjourneydescription {
    font-size: 1.4rem;
  }
}

@media only screen and (min-device-width: 1900px) and (orientation: landscape) {
  /* @media only screen and (min-width: 1900px) and (orientation: landscape) { */
  .guestJourneyHeadline>h2 {
    font-size: 3rem;
    line-height: 6.5rem;
  }
  
  .guestjourneydescription {
    font-size: 2.5rem;
    padding-top: 2.5rem;
  }
}
/* End of Guest Journey */

/* End of Digital Transition - Presentations */



/* Contact - Subpage */
#contact {
  padding-top: 0rem !important;
}

#contactcontent {
  /*    background: rgb(240,240,240);
   * background: -webkit-linear-gradient(rgba(246,2460,246,0), rgba(246,246,246,1));
   * background: -o-linear-gradient(rgba(246,246,246,0), rgba(246,246,246,1));
   * background: -moz-linear-gradient(rgba(246,246,246,0), rgba(246,246,246,1));
   * background: linear-gradient(rgba(246,246,246,0), rgba(246,246,246,1)); */
}

.leftNavBlock {
  margin-right: 4rem;
  margin-left: 2rem;
  margin-top: 4rem;
  width: auto;
}

.leftNav {
  text-align: center;
  border: 1px solid #1E86C9;
  border-radius: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.7rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.contactspecial {
  float: left !important;
/*   margin-right: 7rem; */
   margin-left: 2rem;
}

.onlinedemobox {
/*   float: left !important; */
/*   margin-left: 2rem; */
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
}

.onlinedemobox .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0rem;
}

.contactHeadline {
  margin-bottom: 7rem;
  margin-top: 5.7rem;
}

.contactFormular {
  border-left: 1px solid #777777;
  padding-left: 5rem !important;
  background: rgb(240,240,240);
  background: -webkit-linear-gradient(rgba(246,2460,246,0.7), rgba(246,246,246,1));
  background: -o-linear-gradient(rgba(246,246,246,0.7), rgba(246,246,246,1));
  background: -moz-linear-gradient(rgba(246,246,246,0.7), rgba(246,246,246,1));
  background: linear-gradient(rgba(246,246,246,0.7), rgba(246,246,246,1));
}

.contactinputfield {
  border: 2px solid #E3E3E3;
  border-radius: 0.2rem;
  width: 22em;
  padding-left: 1em;
}

.contacttextfield {
  border: 2px solid #E3E3E3;
  border-radius: 0.2rem;
  width: 22em;
  padding-left: 1rem;
}

.portconthead h2 {
  margin-top: -0.6rem;
}

.portconthead p {
  margin-top: -0.5rem;
}

.portconthead {
  float: left !important;
}

.botPos {
  margin-top: 5%;
  margin-left: 2%;
  margin-right: 2%;
}

.topPos img, .botPos img {
/*   max-width: 100px; */
  max-height: 10rem;
}

.collagePos img {
  max-height: 23.2rem;
  max-width: 100%;
}

@media (orientation: portrait) {
  body {
/*     font-size: 10px !important; */
    font-size: 1.2vw !important; 
  }
  
  .botPos {
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
  }
  
  .topPos {
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
  }
  
  .contPeople {
    text-align: center;
    margin-left: 8% !important;
  }
}

.flexyContSpaceBetween {
  display: flex;
  justify-content: space-around;
}


.pflichtfeld {
  font-weight: normal;
/*   color: black; */
}

.portalboxes {
  margin-top: 0.5rem;
}

.sendpart {
/*   margin-top: 1.7rem; */
  margin-top: 0rem;
}

.portaltextbox {
  margin-top: 1rem;
}

.portalboxes label {
  margin-bottom: 0px !important;
}

/* End of Contact - Subpage */

/* Meet guests digitally - Subpage */
#sliderwindow {
  margin-top: -5.7rem;
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0)); /* Standard syntax (must be last) */
}

#myCarouselslider .list-inline {
  overflow-x:auto;
}

#myCarouselslider .carousel-indicators {
  position: static;
  left: initial;
  width: initial;
  margin-left: initial;
  height: 15rem;
}

#myCarouselslider .carousel-indicators > li {
  height: auto;
  min-height: 4rem;
  text-indent: initial;
  width: 9rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 1px solid black;
  border-radius: 0;
  margin-top: 1rem;
  vertical-align: middle;
  background: rgb(242,242,242);
  background: -webkit-linear-gradient(rgba(255,255,255,0.8), rgba(215,215,215,0.4));
  background: -o-linear-gradient(rgba(255,255,255,0.8), rgba(215,215,215,0.4));
  background: -moz-linear-gradient(rgba(255,255,255,0.8), rgba(215,215,215,0.4));
  background: linear-gradient(rgba(255,255,255,0.8), rgba(215,215,215,0.4));
}

#myCarouselslider .carousel-indicators > li.active {
  opacity: 0.8;
  border: 0.2rem solid #1E86C9;
  min-height: 4.4rem;
}

.ctrlpos-left i, .ctrlpos-right i {
  margin-top: 9.3rem;
  font-size: 5rem;
  opacity: 0.3;
}

.thumbdesc {
  margin: 0.1rem !important;
  font-size: 0.82rem;
}

.subpagemidHead {
  margin-top: 1rem;
  text-align: center;
}
/* End of Meet guests digitally - Subpage */


/* Unternehmen: About mc3 - Subpage */
#aboutimg {
  height: auto;
  width: auto;
  padding-bottom: 2rem !important;
  padding-top: 1rem !important;
}

#aboutimg .col-xs-12 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#aboutimg img {
  max-width: 100%;
}

.subnav, .subnav-products {
/*  padding-top: 2.2rem;
  padding-bottom: 3rem;*/
  padding-top: 0rem;
  padding-bottom: 1rem;
}

.subnav-kunden {
  padding-top: 2.2rem;
  padding-bottom: 3rem;
}

.subnav li, .subnav-kunden li {
/*   min-width: 14vw; */
  min-width: 10vw;
  line-height: 2.5rem;
}

.subnav-products li {
  line-height: 2.5rem;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
}

@media (hover: hover) {
    .subnav-products li:hover a {
        /*   font-weight: bold; */
        text-decoration: none;
        color: #1E86C9;
    }
}

.subnav .list-inline, .subnav-kunden .list-inline, .subnav-products .list-inline {
  text-align: center;
}

@keyframes hoveritem {
  0% {color: black; font-size: 1.4rem;}
  /*    50% {color: gray; font-size: 1.7rem;} */
  100% {color: #1E86C9; font-size: 1.4rem; font-weight: bold;}
}

@media (hover: hover) {
    .subnav li:hover a, .subnav-kunden li:hover a {
        text-decoration: none;
        /* font-weight: bold; */
        animation-name: hoveritem;
        animation-duration: 1s;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
}

#aboutText {
  text-align: left;
  padding-top: 4rem !important;
}

#timechangepic {
/*  width: 60%;
  margin-left: 20%;*/
}

/* Genialste Methode, um div-Inhalt mittig zu zentrieren */
#compPics {
/*  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;*/
  padding-top: 0em;
  padding-bottom: 0em;
  max-width: 90%;
}

#compPics .col-sm-4, #compPics .col-lg-4 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.compPicGroup {
  
}

.largePartnerBox {
  display: block;
}

.smallPartnerBox {
  display: none;
}

.smallPartnerBox #partnerIcons {
  padding-top: 0rem !important;
}

.smallPartnerBox .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.smallPartnerBox .partnerIconsHead {
  margin-top: 2rem;
}

.smallPartnerBox .partnerIconsTopHead {
  margin-top: 0rem !important;
}

.smallPartnerBox .firstRow {
  padding-top: 1rem;
}

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

.smallPartnerBox .partnerLogo {
  max-width: 70%;
  margin-bottom: 0;
}

.smallPartnerBox .bottomItem {
  padding-bottom: 1rem;
}

.compPicrow {
  width: 15rem;
  float: left;
  text-align: center;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.cmpItemName {
  font-size: 1em;
  margin-top: 0rem;
}

.cmpItemTitle {
  font-size: 0.9em;
  padding-top: 1em;
}

.cmpItemMail {
  font-size: 1.1rem;
}

.compPicrow img {
  width: 6rem;
}

#tileHeader h2, #profilHeader h2, #timeHeader h2, #highlightHeader h2, #peopleHeader h2 {
  text-align: center;
  margin-top: 0rem !important;
  margin-bottom: 3rem !important;
}

#peopleHeader h2 {
  text-align: center;
  margin-top: 1rem !important;
}

#partner1Header h2, #partner2Header h2, #partner3Header h2, #partner4Header h2, #partner5 {
  text-align: center;
  margin-top: 0rem !important;
}

.outerWrapper {
  width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* new experimental styles */
.tileHeader h2 {
  text-align: center;
}
.tile {
  /*    height: 20rem; */
}
.tilePic {
  padding-top: 1rem;
  padding-bottom: 1rem;
  align-self: center!important;
}
.tilePicSize {
/*  width: 100%;
  height: 31rem; */
/*  width: 80%;
  margin-left: 10%;*/
  height: auto;
  overflow: hidden;
  border: 0px solid black;
}
.tilePic img {
  max-width: 100%;
  /*    min-height: 31rem;
   *margin-left: -13rem; */
}
.tileWord {
  text-align: center;
  vertical-align: middle;
  height: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  align-self: center!important;
}

.tileWord p {
/*  margin-top: 2.5em !important;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;*/
  margin-top: 1em !important;
  /*width: 96%;
  margin-left: 2%;
  margin-right: 2%;*/
  width: 76%;
  margin-left: 12%;
  text-align: left;
}

.tileWord_noSpace {
  text-align: center;
  vertical-align: middle;
  height: auto;
  padding-top: 0em !important;
  padding-bottom: 0em !important;
/*  padding-left: 1.5em !important;
  padding-right: 1.5em !important;*/
  margin-top: 0em;
  margin-bottom: 0em;
}

.tileWord_noSpace ol{
  text-align: left;
  margin-left: 1rem;
}

.tileWord_2remSpace {
  text-align: center;
  vertical-align: middle;
  height: auto;
  padding-top: 2em !important;
/*  padding-bottom: 2em !important;
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;*/
  margin-top: 0em;
  margin-bottom: 0em;
}

.tileWord_3remSpace {
  text-align: center;
  vertical-align: middle;
  height: auto;
  padding-top: 3em !important;
/*  padding-bottom: 3em !important;
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;*/
  margin-top: 0em;
  margin-bottom: 0em;
}

.tileBigBlock {
/*   height: 37rem !important; */
}
.tileWordBigBlock {
  /*    height: auto; */
  padding: 2rem !important;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  vertical-align: middle;
}
.tilePicBigBlock {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tilePicSizeBigBlock {
  width: 55rem;
  height: 37rem;
  overflow: hidden;
  border: 0px solid black;
}
.tilePicSizeBigBlock img {
  min-height: 37rem;
  margin-left: -13rem;
}
.tileWordSizeBigBlock {
  /*    height: 33rem; 
   *padding: 2rem !important; */
}

.tilePicHalfSize img {
  width: 100%;
}

.vidSize {
  display: flex;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.vidTagSize {
  width: 100%;
}


/* Stylesheet für Smartphones - Landscape */
@media screen and (max-device-width: 767px), screen and (max-device-height: 767px), screen and (max-width: 767px) {
  .tilePicSize {
    width: auto;
    height: auto;
  }
  .tilePicSlider {
    height: 100%;
  }
  .tileDoubleSlider {
    height: 100%;
  }
  .modal-lg {
    width: 53% !important;
  }
  .myarrow:after {
    display: none;
  }
  .myarrow:after {
    display: none;
  }
  
  #onlinedemos_bs4 {
    padding-top: 1.5em !important;
  }
  
  .iconblocktop {
    margin-top: 0.5em;
/*     margin-left: -6em !important; */
/*     padding-right: 3em; */
    padding-right: 0em;
    margin-bottom: -1.5em;
    margin-left: 0rem !important;
  }
  #demoicon1, #demoicon2, #demoicon3 {
    height: 7em;
  }
  
  /* Subpage - Kontakt */
  .leftNavBlock {
    margin-left: 0;
    margin-top: 0;
    padding-left: 25% !important;
    padding-right: 25% !important;
  }
  .contactHeadline {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  
  .contactFormular {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  
  .contactFormular p, .contactFormular .g-recaptcha {
    width: 70%;
    margin-left: 15%;
  }
  /* End of Subpage - Kontakt */
}

/* iPad Landscape */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  
  .list-inline-item a {
/*     font-size: 0.75em !important; */
    font-size: 1rem;
  }  
    
  .navbar {
/*     font-size: 0.8em !important; */
  }
  
  .navbar-brand img {
/*     max-height: 4rem !important; */
    height: 3.2rem;
    max-height: 52px !important;
    margin-top: 0 !important;
  }
  
  .navbar-brand-right img {
    max-height: 2.5rem !important;
  }
  
  .navbar li .dropdown-menu .dropdown-item {
    font-size: 0.8em !important;
  }
  
  .sloganLeft {
    font-size: 1.6em;
    line-height: 1.5;
    margin-right: 8rem;
  }
  
  .gvItems {
    font-size: 1em;
  }
  
  .questLeft ul, .questLeft p {
    color: black;
    font-size: 0.8rem;
    list-style-type: none; 
    font-style: italic; 
    font-weight: 600; 
    text-align: right; 
    margin-left: 0rem !important; 
    margin-right: 0.5rem; 
/*     margin-top: 0rem;  */
/*     margin-top: 1rem; */
    margin-top: 1rem;
    margin-bottom: 0rem;
    padding-inline-start: unset;
  }

  .questLeft ul li {
/*         padding: 0.5rem 0; */
/*     padding: 4% 0; */
    padding: 1vw 0;
    font-size: 1vw !important;
  }
  
  .questLeft #lastElem {
    font-size: 1.4em !important;
    right: 0em;
    left: 5px;
  }
  
.txtB {
    font-size: 1vw;
  }

/*  .questLeft {
    margin-left: -16%;
  }*/
  
  
  #galleryswitcher .sloganLeft {
    margin-right: 0em !important;
  }
  
  #appdescription_bs4 .col-lg-8, #appdescription_hoapps .col-lg-8 {
    max-width: 100% !important;
    flex: 0 0 100%;
  }
  
  .btn-group-vertical {
    margin-top: 0.45rem !important;
  }
  
  .btn-group-lg>.btn, .btn-lg {
    font-size: 1em !important;
    line-height: 2.4 !important;
  }
  
  #viewproducts_bs4 h5 {
    font-size: 0.9em !important;
  }
  
  .card-img-top {
    width: 70% !important;
  }
  
  .tooltip {
    width: 25% !important;
    left: 1.9% !important;
  }
  
  .bs-tooltip-right {
    left: -1.8% !important;
  }
  
  /* testimonial */
  #testimonialcarousel .carousel-caption {
    left: 0% !important;
/*     bottom: 14rem; */
/*     top: 1.5rem; */
    top: 0rem;
  }
  
  #testimonialcarousel .carousel-inner, #testimonialcarousel .carousel-item, #testimonialcarousel .carousel-item img {
    min-height: 20rem;
    height: auto;
  }
  
  /* end of testimonial */
  
  #digitaltransition .offset-2 {
    margin-left: 8.33% !important;
  }
  
  .iconblocktop {
    padding-left: 0% !important;
    padding-right: 0% !important;
    margin-top: 2em;
  }
  
  .onlinedemobottom .demodescription {
    font-size: 0.8em !important;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  
  .modal-lg {
    width: 50% !important;
  }
  #hospApps .bigemptyspace {
    padding-top: 0 !important;
  }
  .bigemptyspace {
    padding-top: 0 !important;
  }
  
  input::-webkit-calendar-picker-indicator {
    display: none; /* remove default arrow */
  }
  .myarrow:after {
    display: none;
  }
  
  #testimonialcarousel {
    height: 25em;
    height: auto;
  }
  .img-100, .img-100w {
/*     height: 25em; */
    max-height: 20em;
  }
  
  .tm-info-products {
    margin-left: 0em !important;
  }
  
  /* subapp - Hospitality Apps */
  .tilePic {
/*     height: 31rem; */
  }
  .tilePicSize {
    width: auto;
    height: auto;
  }
  .tileWord {
/*     height: 25rem; */
/*     padding: 2rem !important; */
/*     padding-top: 1rem !important; */
    margin-top: 0;
    margin-bottom: 0;
  }
  .tileWord p {
    width: 96%;
    margin-left: 2%;
    font-size: 0.85rem !important;
  }
  
  .tileWord h3, .text-block h4 {
    font-size: 1.5rem !important;
  }
  
  .tiletoSliderWord {
    margin-bottom: 3rem;
  }
  
  #app1 p, #app2 p, #app3 p, #app4 p, #app5 p, #app6 p, #app7 p, #app8 p, #app9 p, #app10 p, #app11 p, #app12 p, #app13 p, #app14 p, #app15 p {
    text-transform: uppercase;
    padding-top: 0.5em;
    font-size: 0.6rem;
  }
  
  
  #appdescription_hoapps #tabs {
    width: 120%;
    margin-left: -10%;
  }
  /* end of: subapp - Hospitality Apps */
  
  /* subapp: About mc3 */
  .cmpItemName {
    font-size: 0.9em;
  }
  /* end of subapp: About mc3 */
  
}

/*@media only screen and (max-width: 650), screen and (max-device-width: 650px)*/
/* iPad portrait */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* styles for elements, placed among each other */
  
  #galleryswitcher .offset-md-1, #guestfacingtechnology_bs4 .offset-1, #digitaltransition .offset-1, #appdescription_bs4 .offset-md-1, #appdescription_hoapps .offset-md-1, #onlinedemos_bs4 .offset-1 {
    margin-left: 4% !important;
  }
  
  .navbar .offset-md-1 {
    margin-left: 0 !important;
  }
  
  .navbar .col-md-9 {
    max-width: 81.33%;
    flex: 0 0 83% !important;
    margin-left: 4%;
    padding-right: 0px !important;
  }
  
  .navbar li .dropdown-menu .dropdown-item {
    font-weight: 300 !important;
    /*   font-size: 0.9em !important; */
    font-size: 1.4vw !important;
    line-height: 1.85;
  }
  
  #galleryswitcher {
    padding-bottom: 4em;
  }
  
  #galleryswitcher .btn-lg, #digitaltransition .btn-lg {
    margin-bottom: 0px !important;
    line-height: 1 !important;
    font-size: 1.2em !important;
  }
  
  #viewproducts_bs4 .col-10 {
    flex: 0 0 100% !important;
    max-width: 96% !important;
  }
  
  #viewproducts_bs4 .offset-1 {
    margin-left: 4% !important;
  }
  
  #viewproducts_bs4 .offset-1 .row .offset-1 {
    margin-left: 4% !important;
  }
  
  
  #viewproducts_bs4 h5 {
    font-size: 0.9em !important;
  }
  
  
  .txtB {
    font-size: 1vw;
  }
  
  .card-img-top {
    width: 90% !important;
    max-width: 6em;
  }
  
  .tooltip {
    width: 30% !important;
    left: 0.9% !important;
    top: -3.6% !important;
  }
  
  .bs-tooltip-right {
    left: -1% !important;
  }
  
  #testimonialcarousel .carousel-caption {
    left: 0% !important;
    top: 0rem;
  }
  
  #testimonialcarousel .carousel-inner, #testimonialcarousel .carousel-item, #testimonialcarousel .carousel-item img {
    min-height: 15rem;
    height: auto;
  }
  
  .questLeft ul, .questLeft p {
    color: black;
    font-size: 0.58rem;
    list-style-type: none; 
    font-style: italic; 
    font-weight: 600; 
    text-align: left; 
    margin-left: -2rem !important; 
    margin-right: 0.5rem; 
    margin-top: 1rem;
    margin-bottom: 0rem;
    padding-inline-start: unset;
  }

  .questLeft ul li {
/*     padding: 0.5rem 0; */
/*     padding: 4% 0; */
    padding: 1vw 0;
  }
  
  .questLeft #lastElem {
    font-size: 2em;
    bottom: 0.4rem;
    right: 0.8rem;
  }
  
  
  #appdescription_bs4 .sloganLeft, #appdescription_hoapps .sloganLeft {
    margin-right: 3em;
  }
  
  #appdescription_bs4 .col-md-9, #appdescription_hoapps .col-md-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
    width: 4rem !important;
    margin-left: 0% !important;
  }
  
  #appdescription_bs4 .col-2 div, #appdescription_hoapps .col-2 div {
    width: 112% !important;
  }
  
  #appdescription_hoapps #tabs {
    width: 120%;
    margin-left: -10%;
  }
  
  .subnav-products ul {
    margin-bottom: 0rem !important;
  }
  
  .subnav-products li {
    line-height: 1.5rem;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }
  
  .iconblocktop {
    padding-right: 0em !important;
    padding-left: 4rem !important;
  }
  
  .navbar {
/*     font-size: 0.85rem; */
/*     font-size: 1rem; */
    font-size: 1.4vw;
  }
  
  .navbar-brand img {
    height: 1.8em; 
/*     height: 2em; */
    margin-left: 0rem;
  }
  
  .navbar-brand-right img {
    height: 2rem;
  }
  
  #app1 p, #app2 p, #app3 p, #app4 p, #app5 p, #app6 p, #app7 p, #app8 p, #app9 p, #app10 p, #app11 p, #app12 p, #app13 p, #app14 p, #app15 p {
    text-transform: uppercase;
    padding-top: 0.5em;
    font-size: 0.5rem;
  }
  
  .tilePic {
/*     height: 32rem; 
	 padding-top: 9rem; */
    height: auto;
    padding-top: 1rem;
  }
  .tilePicSize {
    width: auto;
    height: auto;
  }
  .tilePic img {
    width: auto;
    height: auto;
    max-width: 96%;
    margin-left: 2%;
  }
  .tileWord {
/*    height: 10rem;
    margin-top: 2rem;*/
    height: auto;
    margin-top: 0rem;
/*     padding-top: 1rem !important; */
  }
  
  .tileWord p {
    width: 98%;
    margin-left: 1%;
  }
  
  .tileWord h3, .text-block h4 {
    font-size: 1.2rem !important;
  }
  
  .tilePicSlider {
    height: 100%;
  }
  .tileDoubleSlider {
    height: 100%;
  }
  .modal-lg {
    width: 50% !important;
  }
  
  input::-webkit-calendar-picker-indicator {
    display: none; /* remove default arrow */
  }
  .myarrow:after {
    display: none;
  }
  
  .g-recaptcha {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    margin-left: -1.75rem;
  }
  
}


.tileImg {
  width: 100%;
  padding-top: 15%;
  position: relative;
  border: 0px solid gray;
}

.tileImg>img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: auto;
}

/*
 * .tileImg {
 * padding-left: 0 !important;
 * padding-right: 0 !important;
 }
 
 .tileImg img {
   width: 100%;
   max-height: 28rem;
 }
 */

.tileTxt {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.tileTxt h3 {
  font-size: 2.4rem;
}

.eckHeader {
  font-size: 2rem;
  line-height: 6rem;
}

.eckCat {
  padding-top: 4.5rem !important;
}

.fourCat {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.fourCat .row {
  display: flex;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.fourCat .tile h3 {
/*   text-align: center; */
}

.tileTxt p {
  font-size: 1.4rem;
}

/* End of Unternehmen: About mc3 - Subpage */

/* Unternehmen: partner - Subpage */
.subnav .row, #partHead .row, #partnerIcons .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#partnercontact {
  display: none;
}

@keyframes toggleContbox {
  0% {
    opacity: 0;
  } 
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes toggleContbox {
  0% {
    opacity: 0;
  } 
  100% {
    opacity: 1;
  }
}



.bluebtn {
  background: #1E86C9 !important;
  color: white !important;
  margin-right: 2rem;
  margin-left: 2rem;
  margin-bottom: 4rem !important;
}

.bluebtn a {
  color: white !important;
}

#partHead {
  text-align: center;
  padding-top: 0rem !important;
  padding-bottom: 2rem !important;
}


#partHead img {
  max-width: 100%;
}

.partTextPart {
  padding-top: 1rem;
}

#hand-glyph {
  font-size: 2rem;
  margin-right: 2rem;
  vertical-align: sub;
}

.hShakeIcon {
  font-size: 4rem !important;
  vertical-align: middle;
  padding-right: 2rem;
  color: #1E86C9;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink 2s step-start 0s infinite;
  -webkit-animation: blink 2s step-start 0s infinite;
}

.partHeadBack {
  background: gray;
}

.partnerIconsHead {
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  margin-top: 2rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
/*   outline: 1px solid grey; */
  border: 1px solid grey;
}

#partnerIcons {
  padding-top: 2rem !important;
  width: 70% !important;
  display: block;
}

.partnerLogo {
  max-width: 12.5rem;
  margin-bottom: 1rem;
  border-radius: 1.5rem;
}

.theHand {
  
}

.theHand img {
  padding-top: 1rem !important;
}

.handText {
  padding-top: 1rem;
  padding-bottom: 2rem;
  font-size: 2rem;
}

.handText-new {
  font-size: 2rem;
}

.invisibleLogo {
  opacity: 0;
}

.firstRow {
  padding-top: 3rem;
}

.midCol {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
.rightCol {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

.leftCol {
  border-right: 1px solid gray;
  border-left: 1px solid gray;
}

.bottomCol {
  border-bottom: 1px solid gray;
}

.leftItem, .rightItem {
  text-align: center;
}

.leftItem {
  border-left: 1px solid grey;
}

.rightItem {
  border-right: 1px solid grey;
}

.bottomItem {
  border-bottom: 1px solid grey;
}

/* End of Unternehmen: partner - Subpage */


/* Media Queries for small devices; smaller than an iPad */
/* we use this as SMARTPHONE DEFAULT SIZE - LANDSCAPE */
/* Stylesheet für Smartphones - Landscape */
@media screen and (max-device-width: 767px) and (orientation: landscape), screen and (max-device-height: 767px) and (orientation: landscape), screen and (max-width: 767px) and (orientation: landscape) {
  body {
    font-size: 1.1rem !important;
  }
  
  .fixed-top {
      position: absolute !important;
  }
  
  .navbar {
      height: 50px;
      font-size: 0.8rem;
  }
  
  .navbar li .dropdown-menu .dropdown-item  {
      font-size: 0.7em !important;
  }
  
  .navbar-brand img {
/*     max-height: 4rem; */
    max-height: 2rem;
    margin-top: 0rem;
/*     margin-top: 1rem; */
  }
  
  /* under construction hint */ 
  #fixedcornerleft {
    width: 20rem;
    height: auto; 
    background: rgba(238,238,238,0.4);
    position: absolute;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
    padding: 0.5rem;
  }
  #fixedcornerleft:before {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid rgba(238,238,238,0.4);
    border-bottom: 10px solid transparent;
    margin: 13px 0 0 -25px;
  }
  
  .sloganLeft {
    font-size: 1.5em;
    padding-bottom: 15px;
  }
  
  /* gallery */
  #myDefPic {
      padding-top: 50px;
  }
  
  .galHead {
    font-size: 1.5rem;
  }
  .galHeadBlue,  {
    font-size: inherit !important;
  }
  
  .galBlueText {
    margin-bottom: 0;
  }
  
  .wellsizedBox {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.2rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  #galFontenay p, #galAdam p, #galJoan p, #galLoewe p, #galOnecont p {
    font-size: 1.2rem;
  }
  
  #timeOutput {
    font-size: 1.8rem;
  }
  
  #dateDay, #dateNum {
    font-size: 1rem;
    padding-left: 1rem;
  }
  
  #galFontenay {
    left: 6%;
    top: 12%;
  }
  #galAdam {
    left: 8%;
    top: 27%;
  }
  #galJoan {
    width: auto;
    top: 4%;
    left: 11%;
  }
  #galLoewe {
    left: 57%;
    top: 4%;
  }
  #galOnecont {
    left: 69%;
    top: 3%;
  }
  input::-webkit-calendar-picker-indicator {
    display: none; /* remove default arrow */
  }
  
  #galFontenay p {
    letter-spacing: 0;
  }
  #galAdam p {
    letter-spacing: 0;
  }
  #galJoan p {
    letter-spacing: 0;
  }
  #galLoewe p {
    letter-spacing: 0;
  }
  #galOnecont p {
    letter-spacing: 0;
  }
  /* end of gallery */
  
  /* guest facing */
  .gvHeader {
    font-size: 4rem;
  }
  .gvSubheader {
    font-size: 2rem;
  }
  .gvItems, #demolinks p {
/*     font-size: 1.1em; */
  }
  /* guest facing - end */
  
  /* product overview */
  #viewproducts h2 {
    font-size: 2.5rem;
  }
  
  .logo-middle img {
    width: 6rem;
  }
  
  .logo-middle>h5 {
    font-size: 1.2rem;
  }
  .producttabletop .col-xs-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0rem;
  }
  
  .producttabletop {
    margin-top: -3.5rem;
  }
  
  .producttablebottom {
    margin-top: -4rem;
  }
  
  .producttablebottom .col-xs-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0rem;
  }
  /* product overview - end */
  
  /* turnkey autoscroll textbox */
  .headL {
/*     font-size: 2.7vw; */
    font-size: 1.8em;
  }
  
  .txtB {
    font-size: 2vw;
  }
  /* turnkey autoscroll textbox - end */
  
  /* new brochure */
  #brochure h2 {
    font-size: 2.5rem;
  }
  
  .brochureCoverSmallDev {
    width: 75% !important;
    align-items: center;
    align-content: center;
    height: auto;
  }
  /* new brochure - end */
  
  /* digital transition */
  .parallax-window {
/*     min-height: 29.7rem; */
    min-height: 35.2rem;
  }
  
  .parallaxOverlay {
    width: 95%;
    margin-left: 3%;
  }
  
  .ovHeader {
    font-size: 2rem;
    padding-left: 0;
  }
  
  .ovSubheader {
    font-size: 1.5rem;
  }
  
  .ovItems {
    font-size: 1em;
  }
  .modal-lg {
    width: 55% !important;
  }
  /* digital transition - end */
  
  /* appdescription */
  .appsNeu img {
    width: 35%;
  }
  
  #app1 p, #app2 p, #app3 p, #app4 p, #app5 p, #app6 p, #app7 p, #app8 p, #app9 p, #app10 p, #app11 p, #app12 p, #app13 p, #app14 p, #app15 p {
    font-size: 0.8rem !important;
  }
  
  
  #appdescription_bs4, #appdescription_hoapps {
    padding-left: 7%;
    padding-right: 7%;
  }
  
  #appdescription_bs4 h2, #appdescription_hoapps h2 {
    font-size: 2.5rem;
  }
  
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
    width: 3.8em;
/*     margin-left: 20%; */
  }
  
  .middleFont {
    font-size: 1.5rem;
  }
  
  #stapps li a, #baapps li a, #seapps li a, #platform li a {
    font-size: 1.3rem;
  }
  .popover-title {
    font-size: 1.25rem;
  }
  
  .popover-content {
    font-size: 1rem;
  }
  /* appdescription - end */
  
  /* demolinks */
  #demolinks {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }
  
  #demolinks h2 {
    font-size: 2.5rem;
    margin-top: 0rem !important;
  }
  
  #onlinedemos_bs4 {
    padding-top: 2em !important;
  }
  
  /* demolinks - end */
  
  /* testimonials */
  #testimonialcarousel h2 {
    font-size: 2.5rem;
  }
  
  #testimonialcarousel .carousel-inner {
    min-height: 24rem;
  }
  .img-100 {
/*     width: 95rem; */
    width: 100%;
    margin-left: -1rem;
    max-width: none !important;
  }
  
  .img-100w {
    width: 95rem;
    margin-left: -10rem;
    max-width: none !important;
  }
  
  .testimonial-info {
    left: 31%;
    width: 68%;
    padding-right: 5rem;
    padding-left: 2rem;
    padding-top: 1.5rem;
  }
  
  .tm-info-head {
    padding: 0;
    font-size: 1.8rem;
  }
  
  .tm-info-text {
    padding-left: 0;
  }
  
  .tm-info-cite {
    font-size: 1.2em;
    line-height: 2.2rem;
    margin-top: 0.5rem;
  }
  
  .tm-info-gmname {
    padding-top: 0.5rem;
    font-size: 1.1rem;
  }
  
  .tm-info-products {
    display: none;
  }
  /* testimonials - end */
  
  /* news */
  #newscarousel h2, #newscarouselsmalldev h2 {
    font-size: 2.5rem;
  }
  #newscarousel .news-innerbox .row, #newscarouselsmalldev .news-innerbox .row {
    margin-bottom: 0rem !important;
  }
  
  #newscarousel .news-date, #newscarouselsmalldev .news-date {
    text-align: inherit;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
  }
  
  .newsDate {
    font-size: 2.7vw;
  }
  
  .news-title {
    /*	 margin-top: 0.5rem;
	* margin-left: 12rem;
	* margin-right: 12rem; */
  }
  .news-innerbox {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 3rem;
    min-height: 28rem;
  }
  
  .news-innerbox .col-sm-4 {
    margin-top: 0.5rem;
  }
  
  .news-imgfloat {
    margin-right: 2rem;
    margin-bottom: 1rem;
  }
  /* news - end */
  
  /* guestfacing */
  .colsm4size {
    max-width: 100%;
  }
  .smallwindow {
    height: 15rem;
    width: auto;
    margin-left: 4%;
    margin-right: 4%;
    padding-left: 8%;
    padding-right: 8%;
  }
  .smallDev3Points {
    margin-left: 0;
  }
  /* guestfacing - end */
  
  /* contactbox */
  #largeDeviceContactBox, #largeDeviceOnlineDemoBox {
    display: none;
  }
  
  #smallDeviceContactBox, #smallDeviceOnlineDemoBox {
    display: block;
  }
  .contactspecial {
    margin-right: 0rem;
  }
  .onlinedemobox {
    margin-left: 0rem;
  }
  .contactinputfield {
    width: 17em;
    font-size: 0.8em;
  }
  
  .contacttextfield {
     width: 17em;
  }
  
  .sendBtn, .sendBtnAccess {
    padding: calc(2rem/2) 1rem;
    line-height: 0.5;
    font-size: 0.8em !important;
  }
  /* contactbox - end */
  
  /* subapp - all product apps */
  .tileWord {
/*     padding-top: 0.5rem !important; */
  }
  
  .tileWord h3, .text-block h4 {
    font-size: 1.1rem;
  }
  
  .tileWord p {
    width: 100%;
    margin-left: 0 !important;
    font-size: 0.8rem;
  }
  
  footer {
    padding-top: 1em;
  }
  
  /* end of subapp - all product apps */
  
  /* subpage: Hospitality Apps */
  #appdescription_hoapps {
    padding-top: 0%;
  }
  
  #hospseiteTop {
    width: 100%;
    margin-left: 0%;
  }
  
  #appdescription_hoapps #tabs {
    width: 100%;
    margin-left: 0%;
  }
  /* end of Subpage: Hospitality Apps */
  
  /* about mc3 */
  .tileTxt {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  .tileTxt h3 {
    font-size: 1rem;
  }
  
  .eckHeader {
    font-size: 1rem;
    line-height: 5rem;
  }
  
  .tileTxt p {
    font-size: 0.8rem;
  }
  /* end of about mc3 */
}


/* Media Queries for small devices; smaller than an iPad */
/* we use this as SMARTPHONE DEFAULT SIZE - PORTRAIT */
/* Stylesheet für Smartphones - iPhone - Portrait */
@media screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-height: 767px) and (orientation: portrait), screen and (max-width: 767px) and (orientation: portrait) {
  body {
/*     font-size: 1.1rem !important; */
    font-size: 1.8vw !important;
  }
  
  .container-fluid {
    padding: 24px 50px;
  }
  
  .navbar {
    height: 50px;
    font-size: 1.7em;
    line-height: 1.8 !important;
  }
  
  .navbar li .dropdown-menu .dropdown-item {
    font-size: 0.7em !important;
  }
  
  .navbar-brand img {
/*    max-height: 3rem;
    margin-top: 1rem;*/
    max-height: 2rem;
    margin-top: 0rem;
  }
  
  .fixed-top {
/*       position: absolute !important; */
  }
  
  .emptyspace {
    padding-top: 0em !important;
  }
  
  /* under construction hint */ 
  #fixedcornerleft {
    width: 20rem;
    height: auto; 
    background: rgba(238,238,238,0.4);
    position: absolute;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
    padding: 0.5rem;
  }
  #fixedcornerleft:before {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid rgba(238,238,238,0.4);
    border-bottom: 10px solid transparent;
    margin: 13px 0 0 -25px;
  }
  
  .sloganLeft {
    font-size: 2em;
    padding-bottom: 15px;
/*     padding-left: 15px !important; */
  }
  
  #myDefPic {
      padding-top: 50px;
  }
  
  .gvItems {
/*       font-size: 2em; */
      font-size: 1.5em;
  }
  
  #submenulist {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
  }
  
  
/*  tooltip  */
  .tooltip {
    width: 40% !important;
    top: -5% !important;
  }
  
  .bs-tooltip-right {
    left: -6% !important;
  }
/*  tooltip ende  */
  
  /* gallery */
  .galHead {
    font-size: 1.5rem;
  }
  .galHeadBlue,  {
    font-size: inherit !important;
  }
  
  .galBlueText {
    margin-bottom: 0;
  }
  
  .wellsizedBox {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.2rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  #g1map, #g2map, #g3map, #g4map, #g5map, #g6map, #g7map, #g8map, #g9map, #g10map, #g11map, #g12map, #g13map, #g14map, #g15map, #g16map, #g17map, #g18map, #g19map, #g20map, #g21map, #g22map, #g23map, #g24map, #g25map {
    position: relative;
    margin-bottom: 1.5rem;
  }
  
  #myDefPic .carousel-indicators {
      margin-bottom: 0rem;
      bottom: 0px;
  }
  
  #galFontenay p, #galAdam p, #galJoan p, #galLoewe p, #galOnecont p {
    font-size: 1.2rem;
  }
  
  #timeOutput {
    font-size: 1.8rem;
  }
  
  #dateDay, #dateNum {
    font-size: 1rem;
    padding-left: 1rem;
  }
  
  #galFontenay {
    left: 6%;
    top: 12%;
  }
  #galAdam {
    left: 8%;
    top: 27%;
  }
  #galJoan {
    width: auto;
    top: 4%;
    left: 11%;
  }
  #galLoewe {
    left: 57%;
    top: 4%;
  }
  #galOnecont {
    left: 69%;
    top: 3%;
  }
  input::-webkit-calendar-picker-indicator {
    display: none; /* remove default arrow */
  }
  
  #galFontenay p {
    letter-spacing: 0;
  }
  #galAdam p {
    letter-spacing: 0;
  }
  #galJoan p {
    letter-spacing: 0;
  }
  #galLoewe p {
    letter-spacing: 0;
  }
  #galOnecont p {
    letter-spacing: 0;
  }
  /* end of gallery */
  
  /* guest facing */
  #guestfacingtechnology_bs4 {
/*      padding-top: 1rem !important;
      padding-bottom: 1rem !important;*/
      padding-top: 24px;
      padding-bottom: 24px;
  }
  
  #claim_slogan_new img {
    width: 90%;
  }
  .gvHeader {
    font-size: 4rem;
  }
  .gvSubheader {
    font-size: 2rem;
  }
  .gvItems>h4 {
    font-size: 1.7rem;
  }
  .gvItems p, #demolinks p {
      margin-bottom: 0.4rem !important;
/*     font-size: 1.1em; */
  }
  /* guest facing - end */
  
  /* product overview */
  #viewproducts h2 {
    font-size: 2.5rem;
  }
  
  #viewproducts_bs4 {
    padding-bottom: 24px;
  }
  
  #viewproducts_bs4 .lastRow {
    margin-bottom: 0rem;
  }
  
  #viewproducts_bs4 .lastFig {
    margin: 0rem;
  }
  
  .logo-middle img {
    width: 6rem;
  }
  
  .logo-middle>h5 {
    font-size: 1.2rem;
  }
  .producttabletop .col-xs-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0rem;
  }
  
  .producttabletop {
    margin-top: -3.5rem;
  }
  
  .producttablebottom {
    margin-top: -4rem;
  }
  
  .producttablebottom .col-xs-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0rem;
  }
  /* product overview - end */
  
  /* new brochure */
  #brochure_bs4 {
/*       padding-top: 1.5rem !important; */
      padding-bottom: 1.5rem !important;
  }
  
  #brochure h2 {
    font-size: 2.5rem;
  }
  
  #brochure .portconthead {
    width: auto !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
  }
  
  .brochureCoverSmallDev {
    width: 75% !important;
    align-items: center;
    align-content: center;
    height: auto;
  }
  /* new brochure - end */
  
  #flipbooksgr ul {
    margin-left: -11.3% !important;
  }
  
  #flipbooksgr ul li {
    font-size: 1.5em !important;
  }
  
  #flipbooksgr .myTextBox .myScrollBox ul li {
    font-size: 1em !important;
  }
  
  #flipbooksgr #mTxtB ul {
    margin-left: 5% !important;
  }
  
  #flipbooksgr .headL {
    font-size: 1.5em;
  }
  
  #flipbooksgr .txtB {
    font-size: 1em;
  }
  
  
  /* digital transition */
  .parallax-window {
    min-height: 45rem;
  }
  
  .parallaxOverlay {
    width: 100%;
    margin-left: 0%;
  }
  
  .ovHeader {
    font-size: 2rem;
    padding-left: 0;
    float: none;
    text-align: center;
  }
  
  .ovSubheader {
    font-size: 1.5rem;
  }
  
  .ovItemGroup {
    padding-top: 2%;
    float: none;
    width: auto;
  }
  
  .ovItems {
    font-size: 1em;
  }
  .ovItems .btn-lg, .ovItems .btn-group-lg > .btn {
    text-align: left;
/*     margin-left: 14%; */
    margin-left: 0%;
  }
  
  .modal-lg {
    width: 96% !important;
    margin-left: 2% !important;
    margin-top: 3% !important;
  }
  /* digital transition - end */
  
  /* appdescription */
  #appdescription_bs4, #appdescription_hoapps {
    padding-left: 7%;
    padding-right: 7%;
  }
  
  #appdescription_bs4 h2, #appdescription_hoapps h2 {
    font-size: 2.5rem;
  }
  
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
    width: 5.8rem;
    margin-left: 20%;
  }
  
  .middleFont {
    font-size: 1.5rem;
  }
  
  #stapps li a, #baapps li a, #seapps li a, #platform li a {
    font-size: 1.3rem;
  }
  .popover-title {
    font-size: 1.25rem;
  }
  
  .popover-content {
    font-size: 1rem;
  }
  /* appdescription - end */
  
  /* demolinks */
  .onlinedemobottom .demodescription, .onlinedemobottom img {
    width: 75% !important;
    margin: auto;
  }
  
  
  #onlinedemos_bs4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  
  #demolinks {
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
  
  #demolinks .col-xs-12 {
    margin-top: 2rem;
  }
  
  #demolinks #portalformularanker .col-xs-12 {
    margin-top: 0rem;
  }
  
  #demolinks h2 {
    font-size: 2.5rem;
    margin-top: 0rem !important;
  }
  
  #demolinks .col-xs-3 {
    width: 50% !important;
  }
  
  #demolinks .demologo-middle img {
    width: 6.5rem;
  }
  
  #demolinks .demologo-side img {
    width: 6.5rem;
  }
  /* demolinks - end */
  
  /* testimonials */
  #testimonialcarousel h2 {
    font-size: 2.5rem;
  }
  
  #testimonialcarousel .carousel-inner {
    min-height: 24rem;
  }
  .img-100 {
    width: 95rem;
    margin-left: -1rem;
    max-width: none !important;
  }
  
  .img-100w {
    width: 95rem;
    margin-left: -10rem;
    max-width: none !important;
  }
  
  .testimonial-info {
    left: 20%;
    width: 80%;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-top: 1.5rem;
  }
  
  .tm-info-head {
    padding: 0;
    font-size: 1.7rem;
  }
  
  .tm-info-text {
    padding-left: 0;
  }
  
  .tm-info-cite {
    font-size: 1.2em;
    line-height: 2.2rem;
    margin-top: 0.5rem;
  }
  
  .tm-info-gmname {
    padding-top: 0.5rem;
    font-size: 1.1em;
  }
  
  .tm-info-products {
    display: none;
  }
  
  #testimonialCarouselSmall .carousel-indicators li {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 1px;
  }
  /* testimonials - end */
  
  /* news */
  .newsDate, .newsHead, .newsLink, .newsText {
    padding-left: 10%;
    padding-right: 10%;
  }
  
  /* we cut the text after 3 lines: one line has a height of 1.5, so is the max-height 3 times of the line-height */
  .newsText {
    max-height: 4.5em;
    overflow: hidden;
    font-size: 2vw;
  }
  
  .newsDate {
    font-size: 2.5vw;
    padding-bottom: 0.5em;
  }
  
  .newsSlide button {
    margin-left: 10%;
    margin-bottom: 1em;
    margin-top: 0.5em;
  }
  
  .news-imgfull {
    width: 90%;
    margin-right: 5%;
    margin-top: 0%;
    margin-bottom: 1rem;
    margin-left: 5%;
  }

  #newscarousel, #newscarouselsmalldev {
    max-width: 80%;
    margin-left: 10%;
  }
  
  #newscarousel h2, #newscarouselsmalldev h2 {
    font-size: 2.5rem;
  }
  #newscarousel .news-innerbox .row, #newscarouselsmalldev .news-innerbox .row {
    margin-bottom: 0rem !important;
  }
  
  #newscarousel .news-date, #newscarouselsmalldev .news-date {
    text-align: inherit;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 2rem;
  }
  
  #newscarousel .col-xs-6, #newscarouselsmalldev .col-xs-6 {
    width: 100%;
  }
  
  .news-header {
    font-size: 1.8rem;
  }
  
  .news-title {

  }
  .news-innerbox {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 3rem;
    min-height: auto;
    padding-bottom: 1rem;
    padding-top: 1.2rem;
  }
  
  .news-innerbox .col-sm-4, .news-innerbox .col-xs-4 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  
  .news-imgfloat {
    margin-right: 2rem;
    margin-bottom: 1rem;
  }
  /* news - end */
  
  /* guestfacing */
  .colsm4size {
    max-width: 100%;
  }
  .smallwindow {
    height: 15rem;
    width: auto;
    margin-left: 4%;
    margin-right: 4%;
    padding-left: 8%;
    padding-right: 8%;
  }
  .smallDev3Points {
    margin-left: 0;
  }
  /* guestfacing - end */
  
  /* contactbox */
  #portalformularanker .col-xs-6 {
    width: 100%;
  }
  
  #largeDeviceContactBox, #largeDeviceOnlineDemoBox {
    display: none;
  }
  
  #smallDeviceContactBox, #smallDeviceOnlineDemoBox {
    display: block;
  }
  
  .portconthead {
    width: auto !important;
    padding-left: 8% !important;
    padding-right: 8% !important;
  }
  
  .contact-box {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  #contactportal {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .contactspecial {
    margin-right: 0rem;
    padding-left: 1rem !important;
    padding-right: 1em !important;
  }
  .onlinedemobox {
    margin-left: 0rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  .bottomBild {
    margin-bottom: 0px !important;
  }
  
  .contactinputfield {
    width: 17em;
    font-size: 0.8em;
  }
  
  .contacttextfield {
    width: 17em;
  }
  
  .portalboxes .col-xs-7, .portalboxes .col-xs-5 {
    width: 100%;
  }
  
  .sendBtn, .sendBtnAccess {
    padding: calc(2rem/2) 1rem;
    line-height: 0.5;
    font-size: 0.8em !important;
  }
  /* contactbox - end */
  
  /* for all subpages */
  footer {
/*     padding-top: 1em; */
    padding-top: 0em;
  }
  
  footer h3 {
    font-size: 2em !important;
    padding-top: 24px;
  }
  
  .cd-top {
    bottom: 55px;
  }
  
  #horizontalnavigation {
/*    padding-top: 5px;
    padding-bottom: 15px;*/
    padding: 5px 0;
  }
  
  #horizontalnavigation ul {
    margin-bottom: 0rem;
  }
  
  .subnav-products li {
    line-height: 3;
    padding-left: .3rem !important;
    padding-right: .3rem !important;
  }
  
  /* with the order tag, we can sort all Pic-divs to top position, and the text tags to bottom position */
  
  .tilePic {
    order: 1;
  }
  
  .tileWord {
    order: 2;
  }
  /* end of all subpages */
  
  /* Subpage - about mc3, Hospitality Apps */
/*  #hospheadimg {
    padding-bottom: 0em !important;
    padding-top: 13em !important;
  }*/
  
  #aboutimg {
    padding-bottom: 0em !important;
    padding-top: 8em !important;
  }
  
  .subnav, .subnav-products {
    padding-bottom: 0em;
    padding-top: 0em;
  }
  
  .subnav ul {
    margin-bottom: 0em !important;
  }
  
  #aboutText {
    padding-top: 3em !important;
    padding-bottom: 2em !important;
    padding-left: 5em;
    padding-right: 5em;
  }
  
  #tileHeader h2, #profilHeader h2, #timeHeader h2, #highlightHeader h2, #peopleHeader h2, #customerprojects h2 {
    text-align: center;
    margin-top: 0rem !important;
    margin-bottom: 1em !important;
    font-size: 3em;
  }
  
  .cmpItemName {
    font-size: 2em;
    margin-top: 0em;
    margin-bottom: 0.2em;
  }
  
  .cmpItemTitle {
    font-size: 1.3em;
    padding-top: 0.4em;
  }
  
  #partnerCarousel0 .carousel-indicators, #partnerCarousel .carousel-indicators {
    margin-bottom: -2.5em;
  }
  
  #partner1Header h2, #partner2Header h2, #partner3Header h2, #partner4Header h2, #partner5 h2 {
    text-align: center;
    margin-top: 0rem !important;
    margin-bottom: 0.2em !important;
    font-size: 3em;
  }
  
  #partner1, #partner2, #partner5{
    padding-top: 0em;
    padding-bottom: 0em;
  }
  
  #partner3 {
    padding-top: 1em;
    padding-bottom: 0em;
  }
  
  #partner4 {
    padding-top: 0em;
    padding-bottom: 3em;
  }
  
  #partner1 p, #partner3 p {
    margin-bottom: 1em;
  }
  
  #partner5 p {
    font-size: 1.5em;
  }
  
  .theHand img {
    padding-top: 1em !important;
    width: 17%;
  }
  
  .handText-new {
    font-size: 3em !important;
    margin-bottom: 0.3em;
  }
  
  #timechange .carousel-indicators {
    margin-bottom: -2.5em;
  }
  
  #customerprojects p {
    font-size: 2em;
    margin-bottom: 0em;
  }
  
  #customerprojects figure h3 {
    font-size: 2em;
    font-weight: bold;
  }
  
  #customerprojects figure span {
    padding-right: 0px;
    font-size: 2em;
  }
  
  #customerprojects figure .list-group .list-group-item { 
    font-size: 2em;
  }
  
  .grid figure img {
    width: 100% !important;
  }
  
  .grid figure span img {
    width: 25px !important;
  }
  
  #customerprojects .col-xs-6, #customerprojects .grid li, #customerprojects .grid figure {
    height: 265px !important;
  }
  
  .row figure {
    margin-bottom: 1.5em !important;
  }
  
  #testimonialCarousel .icon-prev i {
    font-size: 2em !important;
    margin-left: 0em !important;
  }
  
  #testimonialCarousel .icon-next i {
    font-size: 2em !important;
    margin-right: 0em !important;
  }
  
  
  
  /* subpage: roomcontroller */
  #headCont .nav-item {
    padding: 0.5em !important;
  }
  /* end of subpage: roomcontroller */
  
  #hospheadimg {
    height: auto;
    width: auto;
    padding-bottom: 0rem !important;
    padding-top: 8em !important;
  }
  
  #hospheadimg .col-xs-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #hospheadimg img {
    max-width: 100%;
  }
  
  .tileHeader h2 {
    font-size: 3em !important;
  }
  
  .tileTxt {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  .tileWord {
    padding-top: 0rem !important;
  }
  
  .tileWord h3, .text-block h4 {
/*     font-size: 1.5rem; */
    font-size: 2em;
  }
  
  .tileWord p {
    width: 98%;
    margin-left: 1%;
/*     font-size: 0.9rem; */
    font-size: 1.5em;
    margin-bottom: 0rem;
  }
  
  .tileTxt h3 {
    font-size: 1rem;
  }
  
  .tilePic .carousel-indicators {
    bottom: -3.5em;
  }
  
  
  
  .eckCat {
    padding-top: 3em !important;
  }
  
  .eckHeader {
    font-size: 1rem;
    line-height: 5rem;
  }
  
  .trennlinie hr {
    margin-top: 3em;
    margin-bottom: 0em;
  }
  
  .tileTxt p {
    font-size: 0.8rem;
  }
  /* end of Subpage - about mc3, Hospitality Apps */
  
  /* Subpage - partner */
  .largePartnerBox {
    display: none;
  }
  
  .smallPartnerBox {
    display: block;
  }
  
  #partnerIcons {
    width: 90% !important;
  }
  /* end of Subpage - partner */
  
  /* Subpage - Kontakt */
  .contactFormular p, .contactFormular .g-recaptcha {
    width: 100%;
    margin-left: 0;
  }
  .leftNavBlock {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
  
  .contact-social {
    padding-bottom: 1em;
  }
  /* End of Subpage - Kontakt */
  
} 

/* Media Queries for iPhone 4s-Landscape */
@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:landscape) {
  body {
    font-size: 1.1rem !important;
  }
  
  .navbar-brand img {
    max-height: 2rem;
    margin-top: 1rem;
  }
  
  .fixed-top {
      position: absolute !important;
  }
  
  /* under construction hint */ 
  #fixedcornerleft {
    width: 20rem;
    height: auto; 
    background: rgba(238,238,238,0.4);
    position: absolute;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
    padding: 0.5rem;
  }
  #fixedcornerleft:before {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid rgba(238,238,238,0.4);
    border-bottom: 10px solid transparent;
    margin: 13px 0 0 -25px;
  }
  
  /* gallery */
  .galHead {
    font-size: 1.5rem;
  }
  .galHeadBlue,  {
    font-size: inherit !important;
  }
  
  .galBlueText {
    margin-bottom: 0;
  }
  
  .wellsizedBox {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.2rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  #galFontenay p, #galAdam p, #galJoan p, #galLoewe p, #galOnecont p {
    font-size: 1.2rem;
  }
  
  #timeOutput {
    font-size: 1.8rem;
  }
  
  #dateDay, #dateNum {
    font-size: 1rem;
    padding-left: 1rem;
  }
  
  #galFontenay {
    left: 6%;
    top: 12%;
  }
  #galAdam {
    left: 8%;
    top: 27%;
  }
  #galJoan {
    width: auto;
    top: 4%;
    left: 11%;
  }
  #galLoewe {
    left: 57%;
    top: 4%;
  }
  #galOnecont {
    left: 69%;
    top: 3%;
  }
  input::-webkit-calendar-picker-indicator {
    display: none; /* remove default arrow */
  }
  
  
  #galFontenay p {
    letter-spacing: 0;
  }
  #galAdam p {
    letter-spacing: 0;
  }
  #galJoan p {
    letter-spacing: 0;
  }
  #galLoewe p {
    letter-spacing: 0;
  }
  #galOnecont p {
    letter-spacing: 0;
  }
  /* end of gallery */
  
  /* guest facing */
  .gvHeader {
    font-size: 4rem;
  }
  .gvSubheader {
    font-size: 2rem;
  }
  .gvItems, #demolinks p {
/*     font-size: 1.25rem; */
  }
  /* guest facing - end */
  
  /* product overview */
  #viewproducts h2 {
    font-size: 2.5rem;
  }
  
  .logo-middle img {
    width: 6rem;
  }
  
  .logo-middle>h5 {
    font-size: 1.2rem;
  }
  .producttabletop .col-xs-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0rem;
  }
  
  .producttabletop {
    margin-top: -3.5rem;
  }
  
  .producttablebottom {
    margin-top: -4rem;
  }
  
  .producttablebottom .col-xs-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0rem;
  }
  /* product overview - end */
  
  /* new brochure */
  #brochure h2 {
    font-size: 2.5rem;
  }
  /* new brochure - end */
  
  /* digital transition */
  .parallax-window {
/*     min-height: 29.7rem; */
    min-height: 35.2rem;
  }
  
  .parallaxOverlay {
    width: 95%;
    margin-left: 3%;
  }
  
  .ovHeader {
    font-size: 2rem;
    padding-left: 0;
  }
  
  .ovSubheader {
    font-size: 1.5rem;
  }
  
  .ovItems {
    font-size: 1em;
  }
  .modal-lg {
    width: 50% !important;
  }
  /* digital transition - end */
  
  /* appdescription */
  #appdescription_bs4, #appdescription_hoapps {
    padding-left: 7%;
    padding-right: 7%;
  }
  
  #appdescription_bs4 h2, #appdescription_hoapps h2 {
    font-size: 2.5rem;
  }
  
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
    width: 5.8rem;
    margin-left: 20%;
  }
  
  .middleFont {
    font-size: 1.5rem;
  }
  
  #stapps li a, #baapps li a, #seapps li a, #platform li a {
    font-size: 1.3rem;
  }
  .popover-title {
    font-size: 1.25rem;
  }
  
  .popover-content {
    font-size: 1rem;
  }
  /* appdescription - end */
  
  /* demolinks */
  #demolinks {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }
  
  #demolinks h2 {
    font-size: 2.5rem;
    margin-top: 0rem !important;
  }
  /* demolinks - end */
  
  /* testimonials */
  #testimonialcarousel h2 {
    font-size: 2.5rem;
  }
  
  #testimonialcarousel .carousel-inner {
    min-height: 24rem;
  }
  .img-100 {
    width: 95rem;
    margin-left: -1rem;
    max-width: none !important;
  }
  
  .img-100w {
    width: 95rem;
    margin-left: -10rem;
    max-width: none !important;
  }
  
  .testimonial-info {
    left: 31%;
    width: 68%;
    padding-right: 5rem;
    padding-left: 2rem;
    padding-top: 1.5rem;
  }
  
  .tm-info-head {
    padding: 0;
    font-size: 1.1em;
  }
  
  .tm-info-text {
    padding-left: 0;
  }
  
  .tm-info-cite {
    font-size: 1.2em;
    line-height: 2.5rem;
    margin-top: 0.5rem;
  }
  
  .tm-info-gmname {
    padding-top: 0.5rem;
    font-size: 1.1em;
  }
  
  .tm-info-products {
    display: none;
  }
  /* testimonials - end */
  
  /* news */
  #newscarousel h2, #newscarouselsmalldev h2 {
    font-size: 2.5rem;
  }
  #newscarousel .news-innerbox .row, #newscarouselsmalldev .news-innerbox .row {
    margin-bottom: 0rem !important;
  }
  
  #newscarousel .news-date, #newscarouselsmalldev .news-date {
    text-align: inherit;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 2rem;
  }
  
  .news-title {
  }
  .news-innerbox {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 3rem;
  }
  
  .news-innerbox .col-sm-4 {
    margin-top: 0.5rem;
  }
  
  .news-imgfloat {
    margin-right: 2rem;
    margin-bottom: 1rem;
  }
  /* news - end */
  
  /* guestfacing */
  .colsm4size {
    max-width: 100%;
  }
  .smallwindow {
    height: 15rem;
    width: auto;
    margin-left: 4%;
    margin-right: 4%;
    padding-left: 8%;
    padding-right: 8%;
  }
  .smallDev3Points {
    margin-left: 0;
  }
  /* guestfacing - end */
  
  /* contactbox */
  #largeDeviceContactBox, #largeDeviceOnlineDemoBox {
    display: none;
  }
  
  #smallDeviceContactBox, #smallDeviceOnlineDemoBox {
    display: block;
  }
  .contactspecial {
    margin-right: 0rem;
  }
  .onlinedemobox {
    margin-left: 0rem;
  }
  .contactinputfield {
    width: 22em;
  }
  
  .contacttextfield {
     width: 22em;
  }
  /* contactbox - end */
  
  /* about mc3 */
  .tileTxt {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  .tileTxt h3 {
    font-size: 1rem;
  }
  
  .eckHeader {
    font-size: 1rem;
    line-height: 5rem;
  }
  
  .tileTxt p {
    font-size: 0.8rem;
  }
  /* end of about mc3 */
}
/* end of iPhone 4s */


/* Media Queries for landscape devices - only small ones */
@media only screen and (orientation: landscape) {
    #mobLandSpec {
        font-size: 1.5em;
        margin-top: 0.5em;
        padding-left: 0px;
        font-weight: 600;
        font-style: italic;
        text-align: left;
    }
}


@media only screen and (orientation: portrait) {
    #mobLandSpec {
        padding-left: 0px;
        font-weight: 600;
        font-style: italic;
        text-align: left;
        font-size: 2em;
    }
}


/* Media Queries for smartphones, iPhone */
/* Stylesheet für Smartphones - Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  /* gallerie */
  .carousel-indicators {
    bottom: 5px !important;
  }
  
  .dateTimeTable {
    left: 2rem;
    top: 0.2rem;
  }
  
  #timeOutput {
    font-size: 2.5rem;
  }
  
  #dateDay, #dateNum {
    font-size: 1.5rem;
    padding-left: 1.5rem;
  }
  
  .wellsizedBox {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  .galBlueText {
    margin-bottom: 0;
  }
  
  #galFontenay {
    left: 3%;
    top: 22%;
  }
  
  #galJoan {
    left: 55%;
  }
  /* gallerie - end */
  
  /* new brochure */
  #brochure img {
    padding-bottom: 0rem;
    width: 100%;
    padding-top: 5.6%;
  }
  
  #brochure .brochureCover {
    padding-top: 0%;
  }
  /* new brochure end */
  
  /* digital transition */
  .parallax-window {
    min-height: 40rem;
  }
  .ovItemGroup, .ovItemGroupiOS {
    padding-bottom: 5%;
  }
  .ovItems, .ovItemsiOS {
    float: left;
  }
  /* digital transition - end */
  
  /* demolinks */
  .demologo-middle img {
    width: 6.5rem;
  }
  .demologo-side img {
    width: 6.5rem;
  }
  #demolinks .btn-lg, #demolinks .btn-group-lg > .btn {
    padding-left: 2px;
  }
  /* demolinks - end */
  
  input::-webkit-calendar-picker-indicator {
    display: none; /* remove default arrow */
  }
  
  /* contactbox */
  .contact-img {
    width: 80%;
    margin: 0 10%;
  }
  /* end of contactbox */
  
  /* portalseite - Galerie */
  .btn-group-vertical {
    margin-top: 0rem !important;
  }
  .btn-group-lg>.btn, .btn-lg {
    padding: .1rem 1rem !important;
    font-size: 1.2em !important;
  }
  /* end of portalseite Galerie */
  
  #viewproducts_bs4 .card-body {
    font-size: 0.8em !important;
  }
  
}


/* Amazing media queries for all devices */
/* special media queries for ipad landscape */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* navigation */
  .navbar {
    height: auto;
    margin-bottom: 0rem;
  }

  .navbar-brand {
/*     padding-left: 2rem; */
      padding-left: 0rem;
  }
  
  .navbar-brand-right {
    padding-right: 2rem;
  }
  
  .navbar .container {
    padding-left: 0px;
  }
  
  #myNavbar {
    margin-right: -2rem;
    margin-top: -1rem;
  }
  
  .navbar-brand img {
/*     max-height: 4.5rem; */
/*     max-height: 4rem; */
    max-width: 12rem;
    margin-top: 1rem;
  }
  /* end of navigation */
  
  /* gallery */
  #galFontenay p, #galAdam p, #galJoan p, #galLoewe p, #galOnecont p {
    font-size: 1.4rem;
  }
  
  .galHead {
    font-size:3rem; 
    font-weight: normal;
  }
  .galHeadBlue {
    font-size: 2rem;
    font-weight: 600 !important;
  }
  
  .wellsizedBox {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  #timeOutput {
    font-size: 3.5rem;
  }
  #dateDay. #dateNum {
    font-size: 1.8rem;
  }
  
  #galFontenay {
    left: 4%;
    top: 23%;
  }
  #galAdam {
    left: 15.5%;
    top: 27%;
  }
  #galJoan {
    width: auto;
    top: 5%;
    left: 66%;
  }
  #galLoewe {
    left: 67%;
    top: 8%;
  }
  #galOnecont {
    left: 71%;
    top: 9%;
  }
  
  .carousel-indicators {
/*     bottom: -1rem !important; */
  }
  
  .carousel-indicators .active {
/*    width: 9px !important;
    height: 9px !important;*/
  }
  
  .carousel-indicators li {
/*    width: 8px !important;
    height: 8px !important;*/
  }
  input::-webkit-calendar-picker-indicator {
    display: none; /* remove default arrow */
  }
  
  #galFontenay p {
    letter-spacing: 0;
  }
  #galAdam p {
    letter-spacing: 0;
  }
  #galJoan p {
    letter-spacing: 0;
  }
  #galLoewe p {
    letter-spacing: 0;
  }
  #galOnecont .galHead {
    font-size: 2rem;
  }
  #galOnecont p {
    letter-spacing: 0;
  }
  /* end of gallery */
  
  /* new brochure */
  #brochure img {
    width: 99%;
  }
  /* end of new brochure */
  
  /* digital transition */
  .ovItemGroup {
    width: 49%;
  }
  
  .parallaxOverlay {
    display: none;
  }
  
  #iOSvisibility {
    display: block;
    position: absolute;
    margin-top: -48.5rem;
  }
  
  .parallax-window {
    min-height: 460px;
  }
  
  .parallaxOverlayiOS {
/*    width: 72%;
    margin-left: 14%;*/
    width: 90%;
    margin-left: 5%;
  }
  
  .ovHeaderiOS {
    color: white;
    font-size: 30px;
    padding-left: 1.7%;
    padding-top: 6.8%;
    letter-spacing: 0.05rem;
    float: left;
  }
  
  .ovSubheaderiOS {
    color: white;
    font-size: 1.65rem;
    letter-spacing: 0.12rem;
    margin-bottom: 2rem;
    padding-left: 0.2rem;
  }
  
  .ovItemGroupiOS {
    padding-top: 7.3%;
    float: right;
    width: 48.5%;
  }
  
  .ovItemsiOS {
    color: white;
    font-size: 1.9rem;
    padding-bottom: 0.3rem;
  }
  
  .ovItemsiOS .glyphicon {
    font-size: 1.3rem;
  }
  
  .ovItemsiOS:hover, .ovItemsiOS.glyphicon:hover {
    font-weight: bold;
  }
  
  .ovItemsiOS:hover>.glyphicon {
    color: #1E86C9;
    font-weight: bold;
  }
  
  .modal-lg {
    width: 50% !important;
  }
  
  .parallax-window {
    -webkit-filter: brightness(1.0);
    filter: brightness(1.0);
  }
  /* end of digital transition */
  
  /* turnkey solution */
  .questLeft ul, .questLeft p {
    color: black; 
    list-style-type:none; 
    font-size: 1rem !important;
    font-style: italic; 
    font-weight: 600; 
    text-align: right; 
    margin-left: -2rem !important; 
    margin-right: 0.5rem; 
    margin-top: 2rem;
    padding-inline-start: unset;
  }
  
  
  /* app overview */
  #stapps li a {
    font-size: 1.4rem;
  }
  
  #baapps li a {
    font-size: 1.4rem;
  }
  
  #seapps li a {
    font-size: 1.4rem;
  }
  
  #platform li a {
    font-size: 1.4rem;
  }
  /* end of app overview */
  
  /* demolinks */
  #demolinks .btn-lg, .btn-group-lg > .btn {
    min-width: 15rem;
  }
  /* end of demolinks */
  
  /* testimonials */
  .tm-info-text {
    padding-top: 0rem;
  }
  .tm-info-head {
    font-size: 1.1em;
    padding: 1rem 0rem 0.6rem 4.15rem;
  }
  
  .tm-info-cite {
    font-size: 1.2em;
    line-height: 2.3rem;
  }
  
  .tm-info-products {
    font-size: 1.1em;
/*     line-height: 1.5rem; */
    line-height: 1;
  }
  /* end of testimonials */
  
  /* News & Updates */
  .news-title {
    /*	   margin-top: 7rem;
	* margin-left: 2rem;
	* margin-right: 2rem; */
  }
  
  .news-innerbox {
    min-height: 35rem;
  }
  /* News & Updates - end */
  
  /* guest facing tomorrow technologies */
  .colsm4size {
    /*	   height: 30rem; */
    height: auto;
    width: 60rem;
    margin-top: 1rem;
  }
  
  .smallwindow {
    height: 18rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  
  .specialheader {
    margin-top: -1rem;
    margin-bottom: 1.8rem;
  }
  #gfTomorrowSlider .rightGalHead {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  #gfTomorrowSlider.rightGalHead {
    margin-bottom: 2rem;
  }
  /* guest facing tomorrow technologies - end */
  
  /* contactbox */
  .contactinputfield {
    width: 22em;
  }
  
  .dropdownlist {
    display: none;
  }
  
  .contacttextfield {
    width: 22em;
  }
  
  
  #smallDeviceContactBox {
    display: none;
  }
  
  #largeDeviceContactBox, #largeDeviceOnlineDemoBox {
    display: block;
  }
  /* contactbox - end */
  
  /* subpage - Partner */
  .partnerLogo {
    max-width: 7rem;
  }
  /* end of subpage - Partner */
}
/* end of ipad landscape */

/* iPad Pro - Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1367px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* navigation */
  .navbar-brand {
/*     padding-left: 5rem; */
/*     padding-right: 1rem; */
  }
  
  .navbar-brand img {
    height: 4.6vw;
  }
  
  .navbar-brand-right {
    padding-left: 2rem;
    padding-right: 0rem;
  }
  /* end of navigation */
  
  /* popup box mit modal */
  .modal-lg {
    width: 30% !important;
  }
  /* end of popup box */
  
  /* left slogan */
  .sloganLeft {
    font-size: 1.8em;
  }
  /* end of left slogan */
  
  /* gallerie */
  #galLoewe {
    left: 70%;
  }
  /* end of gallerie */
  
  /* picture gallery */
  .bildCapHead {
    font-size: 2.2em;
  }
  /* end of picture gallery */
  
  /* products */
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
    width: 65%;
    border-radius: 5px;
  }
  /* end of products */
  
  /* tooltips */
  .tooltip {
    left: 2.7% !important;
  }
  
  .bs-tooltip-right {
    left: -2.5% !important;
  }
  /* end of tooltips */
  
  /* digital transition */
  .parallax-window {
    min-height: 55rem;
  }
  
  .parallaxOverlayiOS {
   /* width: 70%;
    margin-left: 15%;*/
    width: 86%;
    margin-left: 7%;
  }
  
  .ovHeader, .ovItemGroup, .ovHeaderiOS, .ovItemGroupiOS {
    padding-top: 4%;
  }
  /* end of digital transition */
  
  /* turnkey solution */
  .questLeft ul, .questLeft p {
    color: black; 
    list-style-type:none; 
    font-size: 1rem !important;
    font-style: italic; 
    font-weight: 600; 
    text-align: right; 
    margin-left: -2rem !important; 
    margin-right: 0.5rem; 
    margin-top: 2rem;
    padding-inline-start: unset;
  }

  .questLeft ul li {
/*     padding: 0.7rem 0; */
    padding: 4.5% 0; 
/*     padding: 1vw 0; */
/*     font-size: 1.2vw; */
    font-size: 1rem;
  }
  
  .questLeft #lastElem {
    position: absolute;
    bottom: 0.8rem;
    color: black;
    font-size: 1.8em;
    left: 0;
  }
  
  .headL {
    font-size: 1.8em;
  }
  
  .txtB {
    font-size: 1rem;
  }
    
  #brochure .brochureCover, #brochure_bs4 .brochureCover {
    width: 64% !important;
  }
  /* end of turnkey solution */
  
  /* demolinks */
  #demolinks {
    padding-left: 12%;
    padding-right: 12%;
  }
  /* end of demolinks */
  
  /* online demos */
  .onlinedemobottom .demodescription {
    font-size: 1.1em;
  }
  /* end of online demos */
  
  /* testimonials */
  #testimonialcarousel .carousel-caption {
    left: 0% !important;
    bottom: 14rem;
  }
  
  .tm-info-head {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
  }
  
  .tm-info-text {
    padding-left: 1.5em;
  }
  
  .tm-info-products {
    padding-left: 0em;
    margin-left: -2.5em;
  }
  /* end of testimonials */
  
  /* news */
  .news-innerbox {
    min-height: 28rem;
  }
  /* news - end */
  /* contact */
  .contactinputfield {
    width: 22em;
  }
  
  .contacttextfield {
    width: 22em;
  }
  /* end of contact */
  
  /* subpage - subnavigation */
  .subnav li, .subnav-kunden li {
    font-size: 1.1em !important;
  }
  
  .list-inline-item a {
/*     font-size: 1.1em !important; */
    font-size: 1rem;
  }
  /* end of subpage - subnavigation */
  
  
  /* subpage - Hospitality apps */
  .tileWord {
/*     padding-top: 3.5em !important; */
  }

  /* end of subpage - Hospitality apps */
}
/* end of iPad Pro - Landscape */


/* iPad - Orientation Portrait */
/* erste Angaben sind für das normale iPad, die zweiten sind für das iPad Pro */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait)
{
  
  .navbar {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }  
    
  /* navigation */
  .navbar-brand {
/*     padding-left: 2rem; */
    padding-left: 0rem;
  }
  
  .navbar-brand-right {
/*     padding-right: 2rem; */
    padding-right: 0rem;
  }
  /* end of navigation */
  
  /* bildgallerie */
  #myDefPic {
    padding-top:7vh;
  }
  
  #testimonialcarousel .carousel-inner, #testimonialcarousel .carousel-item, #testimonialcarousel .carousel-item img {
    min-height: 16rem;
    height: auto;
  }
  
  .galHead {
    font-size: 1.7rem;
  }
  
  .galHeadBlue {
    font-size: 1.6rem;
  }
  
  .galBlueText {
    font-size: 1.3rem;
  }
  .wellsizedBox {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  #galFontenay p, #galAdam p, #galJoan p, #galLoewe p, #galOnecont p {
    font-size: 1.4rem;
  }
  
  #galFontenay {
    top: 22%;
    left: 2%;
  }
  
  #timeOutput {
    font-size: 2.7rem;
  }
  #dateDay, #dateNum {
    font-size: 1.25rem;
    padding-left: 1.5rem;
  }
  
  #galAdam {
    top: 29%;
    left: 10%;
  }
  
  #galJoan {
    top: 6%;
    left: 48%;
    width: auto;
  }
  
  #galLoewe {
    top: 6%;
    left: 52%;
  }
  
  #galOnecont {
    top: 5.5%;
    left: 63%;
    right: 52%;
  }
  /* bildgallerie - end */
  
  
  
  /* guestfacingtechnology */
  #claim_slogan_new img {
    width: 56%;
  }
  
  #guestfacingtechnology {
    padding-top: 2rem;
  }
  /* guestfacingtechnology - end */
  
  /* appoverview */
  #viewproducts h2 {
    padding-bottom: 3rem;
  }
  
  #appdescription_bs4, #appdescription_hoapps {
    padding-top: 4.5rem;
  }
  
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
    width: 8rem;
  }
  
  .producttabletop .col-xs-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1.5rem;
  }
  
  .producttabletop {
    margin-top: -3.5rem;
  }
  
  .producttablebottom {
    margin-top: -4rem;
  }
  
  .producttablebottom .col-xs-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1.5rem;
  }
  /* appoverview - end */
  
  /* new brochure */
  #brochure {
    padding-bottom: 4.5rem;
    padding-left: 13%;
    padding-right: 13%;
  }
  
  #brochure .brochureCover {
    padding-top: 0%;
  }
  
  #brochure img {
    padding-top: 4.7%;
    padding-bottom: 0rem;
    width: 95.7%;
  }
  /* new brochure - end */
  
  /* demolinks */  
  #demolinks .col-sm-4 {
    margin: 1.2rem 0;
    
  }
  /* end of demolinks */
  
  /* digitaltransition */
  .parallaxOverlay, .parallaxOverlayiOS {
    width: 94%;
    margin-left: 3%;
  }
  
  .ovItems .btn-lg, .ovItems .btn-group-lg > .btn {
    text-align: left;
    margin-left: 0;
  }
  
  .parallax-window {
 /*   -webkit-filter: brightness(0.5);
    filter: brightness(0.5);*/
  }
  
  .ovHeader {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
  }
  
  .ovItemGroup {
/*     width: 50%; */
    width: 100%;
    padding-top: 1.5%;
    float: none;
    padding-bottom: 6%;
  }
  
  .ovItems {
    width: auto;
    text-align: center;
  }
  
  .w38pCol {
    width: 100% !important;
  }
  /* digitaltransition - end */
  
  /* demolinks */
  #demolinks {
    padding-bottom: 2rem;
    padding-top: 4rem;
  }
  /* demolinks - end */
  
  /* testimonials */
  .testimonial-info {
    left: 29%;
    width: 70%;
    padding-right: 5rem;
    padding-left: 2rem;
    padding-top: 0.5rem;
  }
  
  .tm-info-head {
    padding: 0;
  }
  
  .tm-info-text {
    padding-left: 0;
  }
  
  .tm-info-gmname {
    padding-top: 0.5rem;
  }
  
  .tm-info-products {
    display: none;
  }
  /* testimonials - end */
  
  /* subpage - subnavigation */
  .subnav li, .subnav-kunden li {
    font-size: 1.1em !important;
  }
  
  .list-inline-item a {
/*     font-size: 1.1em !important; */
/*     font-size: 1rem; */
    font-size: 1.4vw;
  }
  /* end of subpage - subnavigation */
  
  /* newsUpdates */
  .newsSlide {
/*    width: 80%;
    margin-left: 10%;*/
  }

  .news-title {
    font-size: 2rem;
    padding-top: 5rem;
    width: 80%;
    padding-left: 12%;
    /*	   margin-top: 8rem;
	*margin-left: 3rem; */
  }
  input::-webkit-calendar-picker-indicator {
    display: none; /* remove default arrow */
  }
  
  .news-innerbox {
    min-height: 29rem;
    margin-bottom: 2rem;
  }
  
  .news-innerbox .row {
    margin-bottom: 0.5rem !important;
  }
  
  .news-date {
    margin-top: -2.5rem;
  }
  
  .news-text {
    margin-bottom: 0rem;
  }
  
  .emptyElement {
    color: transparent;
    height: 28rem;
    margin-top: 3rem;
  }
  
  /* für die einzige andere Bildgröße brauchen wir eine spezielle Höhe */
  .specialHeight {
/*     padding-bottom: 7.5rem; */
  }
  /* newsUpdates - end */
  
  /* guestfacing */
  .specialheader {
    padding-right: 0;
  }
  
  .smallwindow {
    height: 18rem;
    width: auto;
    margin-left: 8%;
    margin-right: 8%;
    padding-left: 10%;
    padding-right: 10%;
  }
  
  .smallDev3Points {
    margin-left: 0 !important;
  }
  
  .smallDevices4Icons {
    width: 48rem;
  }
  
  .smallwindowpic {
    float: left;
    width: 12rem;
    padding: 0;
    font-size: 0.9rem;
    margin-right: 0;
    text-align: center;
    
  }
  /* guestfacing - end */
  
  /* contactbox */
  #contactportal .col-sm-1 {
    width: 0rem !important;
  }
  
  #contactportal .col-sm-3{
    width: 100%;
  }
  
  #contactportal .col-sm-7 {
    width: auto;
  }
  
  .portconthead {
    width: 90%;
    margin-left: 5%;
  }
  
  .contactinputfield {
    width: 22em;
  }
  
  .contacttextfield {
    width: 22em;
  }
  
  .dropdownlist {
    display: none;
  }
  
  #smallDeviceContactBox {
    display: block;
    width: 80%;
    margin-left: 10%;
  }
  
  #largeDeviceContactBox, #largeDeviceOnlineDemoBox {
    display: none;
  }
  
  .contactspecial {
    margin-right: 0rem;
  }
  .onlinedemobox {
    margin-left: 0rem;
  }
  
  .sendpart .col-xs-7 {
    width: 50%;
  }
  
  .sendpart .sendBtn {
/*    position: absolute;
    right: -17rem;
    top: 3rem;*/
  }
  /* contactbox - end */
  
  /* SUBPAGES */
  /* about mc3 */
  #compPics {
    align-items: flex-start;
  }
  
  .cmpItemName {
    font-size: 1em;
  }
  
  .tileTxt {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  .tileTxt h3 {
    font-size: 1rem;
  }
  
  .eckHeader {
    font-size: 1rem;
    line-height: 5rem;
  }
  
  .tileTxt p {
    font-size: 0.8rem;
  }
  
  .largePartnerBox {
    display: none;
  }
  
  .smallPartnerBox {
    display: block;
  }
  
  #partnerIcons {
    width: 90% !important;
  }
  /* end of about mc3 */
  /* End of SUBPAGES */
}
/* END of iPad Orientation Portrait */

/* Things, ONLY for the iPad Pro - Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* navigation - header */
  .navbar .container {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  
  .navbar {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  .navbar-brand {
/*    padding-left: 5rem;
    padding-right: 8rem;*/
    padding-left: 0rem;
    padding-right: 2rem;
  }
  
  .navbar-brand-right {
/*    padding-left: 8rem;
    padding-right: 5rem;*/
    padding-left: 2rem;
    padding-right: 0rem;
  }
  
  .navbar-brand img {
    max-height: 40px;
/*    height: 4.2rem;
    margin-top: 1.7rem;*/
  }
  
  .navbar li .dropdown-menu .dropdown-item {
/*     font-size: 0.8em !important; */
    font-size: 1.4vw !important;
  }
  
  #myNavbar {
    padding-right: 0rem;
    padding-left: 0rem;
  }
  
  .portconthead {
    margin-left: 3.5%;
  }
  /* navigation - end */
  
  /* gallerie */
  #galLoewe {
    left: 64%;
  }
  
  #galJoan {
    left: 61%;
  }
  /* end of gallerie */
  
  /* first section */
  .card-img-top {
    width: 75% important;
  }
  
  #viewproducts_bs4 h5 {
    font-size: 0.8em !important;
  }
  
  .tooltip {
    width: 25% !important;
    left: 1.9% !important;
  }
  
  .bs-tooltip-right {
    left: -1.8% !important;
  }
  /* end of first section */
  
  /* digital transition */
  .ovItems {
    width: auto;
    text-align: left;
/*     margin-left: 9.5%; */
  }
  /* end of digital transition */
  
  /* Hospitality Apps */
  #appdescription_bs4 .app-icon img, #appdescription_hoapps .app-icon img {
    width: 4rem;
  }
  /* end of Hospitality Apps */
  
  
  /* demolinks */
  #contactaccess .sendpart {
    max-width: 42rem;
  }
  
  #demolinks {
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 3.5%;
  }
  
  #demolinks .row .col-sm-4 {
    padding-right: 0rem;
  }
  /* end of demolinks */
  
  .questLeft ul, .questLeft p {
    color: black;
/*     font-size: 0.58rem; */
    font-size: 1vw;
    list-style-type: none; 
    font-style: italic; 
    font-weight: 600; 
    text-align: right; 
    margin-left: 0rem !important; 
    margin-right: 0.5rem; 
    margin-top: 2rem;
    margin-bottom: 0rem;
    padding-inline-start: unset;
    width: 107%;
  }

  .questLeft ul li {
/*     padding: 0.5rem 0; */
/*     padding: 4% 0; */
    padding: 1vw 0;
  }
  
  .questLeft #lastElem {
      font-size: 2.64em !important;
  }
  
  /* testimonials */
  .testimonial-info {
   /* left: 30%;
    width: 40%;*/
    left: 20%;
    width: 60%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  
  .tm-info-head {
    padding-top: 1.5rem;
  }
  
  #testimonialcarousel .carousel-caption {
    left: 0% !important;
    bottom: 9.7rem;
  }
  
  
  #testimonialcarousel .carousel-inner .item .testimonial-info .col-sm-7 {
    width: 100%;
  }
  /* end of testimonials */
  
  /* news and updates */
  .news-innerbox {
    min-height: 34rem;
  }
  
  .news-date {
    margin-top: -0.5rem;
    margin-bottom: 2rem;
  }
  /* end of news and updates */
  
  /* contact */
  #smallDeviceContactBox {
    width: 66%;
    margin-left: 17%;
  }
  
  .contact-img {
    width: 85%;
  }
  /* end of contact */
  
  /* subpage - partner */
  .partnerLogo {
	 max-width: 6rem;
	 margin-bottom: 0;
  }
  /* end of subpage - partner */
  
  /* subpage - about us - contact */
  #compPics {
    align-items: center;
  }
  
  .cmpItemName {
    font-size: 1em;
  }
  
  #contactportal .col-sm-7 {
    margin-left: 14%;
  }
  
  .eckCat {
    padding-bottom: 0rem !important;
  }
  .tilePic {
    height: auto;
    padding-top: 2rem;
  }
  .tilePicSize {
    width: auto;
  }
  .tilePic img {
    max-width: 100%;
    margin-left: auto;
  }
  .tileWord {
    text-align: center;
    vertical-align: middle;
    height: auto;
/*     padding-top: 7em !important; */
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .tilePicSlider {
    height: 100%;
  }
  .tileDoubleSlider {
    height: 100%;
  }
  /* end of subpage - about us - contact */
}



/* firefox on a notebook; kann mit Asus-NB + Firefox getestet werden*/
/* und für das iPad Pro Landscape */
/* iMac, da dieser eine Größe von 1440 x 900 px hat */
@media only screen and (min-width: 1030px) and (max-width: 1620px) {
  #gftCarousel .leftHeader {
    height: auto;
    margin-top: 6rem;
  }
  #gfTomorrowSlider .item img {
    max-height: 30rem;
    max-width: 100%;
  }
  #gfTomorrowSlider .rightGalHead {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  #gfTomorrowSlider .rightSide {
    padding-left: 3rem;
    padding-right: 4rem;
  }
  
  .galHeadBlue {
    font-size: 3rem;
  }
  .galBlueText {
    font-size: 1.5rem !important;
  }
  
  #timeOutput {
    font-size: 5.5rem;
  }
  
  #dateDay, #dateNum {
    font-size: 1.8rem;
  }
  
  #galFontenay {
    left: 3%;
    top: 17%;
  }
  
  #galLoewe {
    left: 72%;
    top: 6%;
  }
  
  #galAdam {
    left: 16.5%;
    top: 27%;
  }
  
  #galJoan {
    width: auto;
    left: 72%;
    top: 8%;
  }
  .partnerLogo {
	 max-width: 9rem;
	 margin-bottom: 0;
  }
  
  /* online demos */
  .onlinedemobottom .demodescription {
    font-size: 1.2em;
  }
  
  .specialOne {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* end of online demos */
}

/*
@media screen and (max-device-width: 1400px), screen and (max-width: 1400px) {
  
}
*/


/* we need a media query between two sizes for the safari */
@media only screen and (min-device-width: 1598px) and (max-device-width: 1899px) {
  .ovHeader {
    font-size: 4rem;
    padding-top: 3%;
  }
  .ovSubheader {
    font-size: 3rem;
  }
  .ovItemGroup {
    padding-top: 3.8%;
  }
  .ovItems {
    font-size: 1em;
  }
  
  .parallax-window {
    min-height: 540px;
  }
  
  .middleFont {
    font-size: 2.2rem;
  }
  #stapps li a, #baapps li a, #seapps li a, #platform li a {
    font-size: 2rem;
  }
  
  .tm-info-cite {
    font-size: 1.2em;
    line-height: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  
  .tm-info-text {
    font-size: 1.1em;
  }
  
  .tm-info-products {
    font-size: 1.1em;
/*     line-height: 2.8rem; */
    line-height: 1.05;
  }
  
  .news-text {
    font-size: 1.6rem;
  }
  
  .smallwindow {
    height: 230px;
    margin-top: 1rem;
  }
  .specialheader {
    font-size: 4.2rem;
  }
  .smallheader {
    font-size: 2.15rem;
  }
  .guestfacingtext {
    font-size: 2rem;
    padding-left: 12rem;
    margin-bottom: 3rem;
  }
  
  .guestfacingtext>p {
    font-size: 1.6rem;
  }
  .colsm4size {
    height: 400px;
  }
  .contactinputfield {
    width: 22em;
    padding-left: 0.2rem;
  }
  .contacttextfield {
    width: 22em;
  }
  
  .dropdownlist {
/*     display: none; */
  }
  
  /* Subpage - about mc3 */
  #compPics {
    margin-left: 25rem;
  }
  /* End of Subpage - about mc3 */
  
  /* Subpage - partner */
  /*.partnerLogo {
    max-width: 12rem;
  }*/
  /* End of Subpage - partner */
}

/* this is for large displays > 1080px width */
@media screen and (min-device-width: 1900px) and (orientation: landscape) {
  /* @media screen and (min-width: 1900px) and (orientation: landscape) {*/
  /* testimonials */
  .tm-info-head {
    font-size: 1.1em;
    padding: 2em 0em 2.5em 2em;
  }
  
  .tm-info-cite {
    font-size: 1.2em;
    line-height: 1.65;
  }
  
  .tm-info-products {
    font-size: 1.1em;
/*     line-height: 1.1; */
    line-height: 1;
    padding: 0.3em 0em 0em 1.5em;
  }
  
  .tm-info-gmname {
    font-size: 1.2em;
    padding-top: 1em;
  }
  
  .questLeft ul li {
/*     padding: 2rem 0; */
    /*padding: 4% 0;
    font-size: 0.84vw;
    */
/*     padding: 7% 0; */
    padding: 1.3vw 0;
    font-size: 1vw;
    
  }
  
  #testimonialcarousel .carousel-caption {
    left: 0% !important;
    top: 3rem;
  }
  
  .news-date {
    font-size: 1.6rem;
  }
  
  .news-text {
    font-size: 1.45rem;
  }
  
  .news-innerbox {
    min-height: 31rem;
  }
  
  .colsm4size {
    height: 48rem;
    padding-left: 2rem;
  }
  
  .specialheader {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 6rem;
  }
  
  .smallheader {
    font-size: 3rem;
  }
  
  .smallwindow {
    height: 23rem;
    margin-top: 1rem;
    font-size: 1.4rem;
  }
  
  .contactinputfield {
    width: 22em;
    height: 3rem;
    padding-left: 1rem;
  }
  
  .contacttextfield {
    width: 22em;
  }
  
  .dropdownlist {
/*      display: none;  */
  }
  
  /* Subpage - partner */
  .partnerLogo {
 /*   max-width: 12.5rem;*/
    margin-bottom: 0;
  }
  /* End of Subpage - partner */
  
}

/* media Queries: iPhone 5, 6, 7, 8, X - Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 900px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 326ppi) and (orientation: landscape) {
    .navbar {
        height: 50px;
    }
    
    .fixed-top {
        position: absolute !important;
    }
    
    #myDefPic img {
        width: 100% !important;
    }
    
    .sloganLeft {
        font-size: 2em;
    }
    
}


/* media Queries: iPhone 5, 6, 7, 8, X - Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 850px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 326ppi) and (orientation: portrait) {
    .navbar {
        height: 50px;
    }
    
    .fixed-top { 
        position: absolute !important;
    }
    
    #myDefPic img {
        width: 100% !important;
    }
    
    .sloganLeft {
        font-size: 2em;
    }
}









@media screen and (min-width: 1850px) {
  #myCarouselslider .carousel-inner > .item > img {
    min-height: 76rem !important;
  }
}


.picDesc {
  color: lime;
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-size: 2rem;
}

.picGlyph {
  color: grey;
  position: absolute;
  top: 17%;
  left: 29%;
  font-size: 22rem;
  opacity: 0.1;
}

/* Unterseite - Smart Signage */
@media (hover: hover) {
    #planlink:hover {
        border: 5px solid #1E86C9;
    }
}



/* special arrow for the safari and the firefox */
input::-webkit-calendar-picker-indicator {
/*   display: none; *//* remove default arrow */
}
.myarrow:after {
    content: url(https://mc3.de/img/arrow-down.png);
    margin-left: -14px; 
/*     padding: .1em; */
    pointer-events:none;
}


/* Overlay-Effekte */
.bild {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}
.overlay {
    position: absolute;
    transition: all .9s ease;
    opacity: 0;
/*     background: rgb(0, 0, 0, 0.4); */
    background: rgba(30,134,201,0.25);
    padding-right: 15px;
    padding-left: 15px;
}
.bild:hover .overlay {
    opacity: 1;
}

#demo1:hover .demodescription, #demo2:hover .demodescription, #demo3:hover .demodescription, #demo4:hover .demodescription, #demo5:hover .demodescription {
  background-color: #1E86C9;
}


#demo1:hover img, #demo2:hover img, #demo3:hover img, #demo4:hover img, #demo5:hover img {
  border: 2px solid #1E86C9;
  border-bottom: 0px;
}


#demo1:hover .blueOverlay:after, #demo2:hover .blueOverlay:after, #demo3:hover .blueOverlay:after, #demo4:hover .blueOverlay:after, #demo5:hover .blueOverlay:after {
  background-color: #1E86C9;
}

#demo1:hover .invisibleIcons, #demo2:hover .invisibleIcons, #demo3:hover .invisibleIcons, #demo4:hover .invisibleIcons, #demo5:hover .invisibleIcons {
  visibility: visible;
}

#demo1 .btn-link:hover, #demo2 .btn-link:hover, #demo3 .btn-link:hover, #demo4 .btn-link:hover, #demo5 .btn-link:hover {
  text-decoration: none !important;
}

/*.demoicons {
  position: relative;
}

.demoicons:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.demoicons:hover:after {
  opacity: 0.5;
}
.blueOverlay:after {
  background-color: #1E86C9;
}*/


.invisibleIcons {
  visibility: hidden;
}

.onlinedemobottom .invisibleIcons img {
  width: 80%;
  height: auto;
  margin: 10%;
  border: 0px solid #1E86C9;
  border-bottom: 0px;
}

.text {
    color: white;
    font-family: sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}
.overlayLeft {
    height: 100%;
    width: 0;
    top: 0;
    left: 15px;
}
.overlayRight {
    height: 100%;
    width: 0;
    top: 0;
    right: 15px;
}
.bild:hover .overlayLeft,
.bild:hover .overlayRight {
    width: calc(100% - 30px);
}
.overlayTop {
    width: calc(100% - 30px);
    height: 0;
    top: 0;
    left: 15px;
}
.overlayBottom {
    width: calc(100% - 30px);
    height: 0;
    bottom: 2.5em;
/*     bottom: 5em; */
    left: 15px;
}
.bild:hover .overlayTop,
.bild:hover .overlayBottom {
    height: calc(100% - 2.5em);
/*     height: calc(100% - 5em); */
}
.overlayCross {
    width: 0;
    height: 0;
    top: 0;
    left: 15px;
}
.bild:hover .overlayCross {
    height: 100%;
    width: calc(100% - 30px);
}
.overlayFade {
    height: 100%;
    width: calc(100% - 30px);
    top: 0;
    left: 15px;
}
.overlayKlappen {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: scaleY(0);
}

.bild:hover .overlayKlappen {
    transform: scaleY(1);
}



.rowStelle {
    border: 1px solid black;
    line-height: 2;
    border-bottom: 0px;
/*     box-shadow: 2px 1px #1E86C9; */
    box-shadow: 0px 0px #1E86C9;
}

.rowStelle>.leftCol {
    border-right: 1px solid black;
    border-left: 0px solid !important;
}



/* this is a section, which describes, how to change the breakpoint, when it toggles between the usual navigation and the collapsed one  */
/*@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}*/
/* end of the navgiation breakpoint toggle section */


/* Samsung 4K-Display says: I have always a width of 1920px and a height of 1080px regardless of the orientation */
@media only screen and (device-aspect-ratio: 16/9) and (aspect-ratio: 9/16) and (orientation: portrait), screen and (device-aspect-ratio: 9/16) and (aspect-ratio: 9/16) and (orientation: portrait) {
    .sloganLeft {
/*         color: orange !important; */
    }
    
    .questLeft {
        margin-left: -4rem;
    }
    
    .txtB {
        font-size: 1.1vw;
        line-height: 2;
    }
    
    .questLeft ul li {
        padding: 5.5% 0;
    }
    
    #viewproducts_bs4 #app1, #viewproducts_bs4 #app8 {
        padding-left: 6%;
        margin-left: 0% !important;
    }
    
    #testimonialcarousel .carousel-inner, #testimonialcarousel .carousel-item, #testimonialcarousel .carousel-item img {
        min-height: 20em;
        height: auto;
    }
    
    #testimonialcarousel .carousel-caption {
        left: 0% !important;
        bottom: 12em;
    }
    
    
    /* general items */
    /* Arrows at the pictures */
    .fa, .fab, .fal, .far, .fas {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: all-small-caps !important;
        text-rendering: auto;
        line-height: 1;
    }
    
    .blueIcon5 {
        opacity: 0.5 !important;
    }
    /* end of general items */
    
    /* Hospitality Apps */
    #hospseiteTop {
        width: 90%;
        margin-left: 5%;
    }
    
    #appdescription_hoapps #tabs {
        width: 100%;
        margin-left: 0%;
    }
    /* End of Hospitality Apps */
}

/* flipbook popup window */

#popup {
	position:absolute;
	top:90px;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	z-index:10;
	display:none;
}

.popupIFrame {
	width:100%;
}

.popupCloseBtn {
	width:100%;
	text-align:right;
	font-size:3rem;
	font-weight:bold;
	background-color:rgb(224,224,224);
	padding-right:1rem;
}

/* END of flipbook popup window */