@charset 'utf-8';

/**
 * @summary Application main stylesheet
 * @scope Bosch GLM 100 C, 2014
 * @author cni
 */


/* Inhaltsverzeichnis
--------------------------------------------------------------------------------------- */

/*
 * (01) Reset
 * (02) Global, Typo
 * (03) Helper
 * (04) Layout
 * (05) Navigation
 * (06) Formulare
 * (07) Header
 * (08) Main
 * (09) Footer
 * …
 */



/* (01) Reset
--------------------------------------------------------------------------------------- */



/* (02) Global, Typo
--------------------------------------------------------------------------------------- */

body { font-size: 1.2rem; text-align: left; }

a { /*color: #215f8b;*/ /* = bootstrap.css */ cursor: pointer; font-weight: 700; /*text-decoration: none;*/ /* = bootstrap.css */ }

a:link { /*color: #215f8b;*/ }

a:visited { color: #215f8b; }

a:hover { /*color: #00142a; outline: 0;*/ /* = bootstrap.css */ text-decoration: none; /* != bootstrap.css */ }

a:focus { text-decoration: none; /* != bootstrap.css */ }

a:active { /*outline: 0;*/ /* = bootstrap.css */ }

h1 {
  /* SG: 22px/28px */
  font-family: Verdana, Arial, sans-serif;
  /*font-size: 2.2rem;*/ /* = bootstrap.css */
  line-height: 1.273;
  margin: .8rem 0 1.6rem;
}

h2 { font-family: Verdana, Arial, sans-serif; }

h3 { font-family: Verdana, Arial, sans-serif; }

h4 { font-size: 1.4rem; line-height: 1.286; }

p:last-child, ol:last-child { margin-bottom: 0 !important; }

dt { font-weight: 400; }

iframe { vertical-align: middle; }



/* (03) Helper
--------------------------------------------------------------------------------------- */

@media (min-width: 768px) { #js-mobile-detection { display: none; } }


.align-rtl { direction: rtl; text-align: right; unicode-bidi: embed; }

.float-left { float: left; }

.float-right { float: right; }


.simple-list dt { clear: left; float: left; width: 180px; }

.simple-list dd { margin: 0; padding: 0 0 0 190px; }

.simple-list dd:after { content: '\0020'; clear: both; display: block; height: 0; overflow: hidden; }



/* (04) Layout
--------------------------------------------------------------------------------------- */

body { position: relative; }

.container { /*background-clip: content-box; /*background-color: pink; background-color: rgba(255, 192, 203, .6);*/ /* dev! */ }

#teasers-section,
#functions-section {
  background: url('background-floorplan.jpg') no-repeat center;
}

#faq-section { background: url('background-floorplan.jpg') no-repeat fixed center;  }

#footer { background-color: #87888a; color: #c3c3c4; }

@media (min-width: 768px) {
  #footer { padding-bottom: 6rem; padding-top: .6rem; }
}



/* (05) Navigation
--------------------------------------------------------------------------------------- */

[data-toggle='modal'],
.js-open-edge-modal,
.js-open-cliplister-modal {
  cursor: pointer;
}


.nav a { text-decoration: none; }

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}


.navbar { border: 0; margin-bottom: 0; min-height: 0; }

.navbar-default { background-color: transparent; }

.navbar-collapse { border: 0; box-shadow: none; }

.navbar-nav { margin-bottom: 0; margin-top: 0; }

.navbar-nav > li > a { line-height: inherit; }

.navbar-nav > li > a > i.fa-angle-right { float: right; }



/* Top-Navigation ---------- */

#top-nav {
  background-color: #f1f1f1;
  color: #808285;
  font-size: 1.1rem;
  line-height: 1.455;
}

#top-nav .navbar-nav > li { padding: 0 5px; }

#top-nav .navbar-nav > li > a { color: inherit; font-weight: 400; padding: .1rem 5px 0; }

#top-nav .navbar-nav > li > a[href]:hover { background-color: #e1e1e2; }



/* Main Navigation ---------- */

#main-nav { }

#main-nav .navbar-header { background: linear-gradient(#628cb2, #003b6a); }

#main-nav .navbar-brand-wrapper { color: #fff; float: left; }

#main-nav .navbar-brand-wrapper.active,
#main-nav .navbar-brand-wrapper:hover {
  background: linear-gradient(#e1e1e2 5%, #fff 80%);
  color: #003b6a;
}

#main-nav .navbar-brand {
  color: inherit;
  font-size: 1.2rem; /* dev! */
  height: auto;
  line-height: 2.5;
  padding: 0 9px;
}

#main-nav .navbar-toggle {
  background: linear-gradient(#e1e1e2 5%, #fff 80%);
  border: 0;
  color: #003b6a;
  float: left;
  height: auto;
  line-height: 2.5;
  margin: 0;
  padding: 0 9px;
}

#main-nav .navbar-toggle.collapsed { background: none transparent; color: #fff; }

#main-nav .navbar-toggle:hover { background: linear-gradient(#e1e1e2 5%, #fff 80%); color: #003b6a; }

#main-nav .navbar-nav > li > a { color: #333; }

#main-nav .navbar-nav > li.active > a,
#main-nav .navbar-nav > li > a:active {
  background-color: #f1f1f1;
}

@media (min-width: 768px) {
  #main-nav { background: linear-gradient(#628cb2, #003b6a); }

  #main-nav .navbar-header { background: none transparent; border-left: 1px solid #003b6a; }

  #main-nav .navbar-brand-wrapper { border-left: 1px solid #628cb2; border-right: 1px solid #003b6a; }

  #main-nav .navbar-brand-wrapper.active,
  #main-nav .navbar-brand-wrapper:hover {
    border-left-color: transparent;
  }

  #main-nav .navbar-brand { margin-left: 0; }

  #main-nav .navbar-nav { border-right: 1px solid #628cb2; }

  #main-nav .navbar-nav > li { border-left: 1px solid #628cb2; border-right: 1px solid #003b6a; }

  #main-nav .navbar-nav > li.active,
  #main-nav .navbar-nav > li.open,
  #main-nav .navbar-nav > li:hover {
    background: linear-gradient(#e1e1e2 5%, #fff 80%) transparent;
    border-left-color: transparent;
  }

  #main-nav a:not([href]) { cursor: default; }

  #main-nav .navbar-nav > li > a { color: #fff; line-height: 2.5; padding: 0 9px; }

  #main-nav .navbar-nav > li.active > a,
  #main-nav .navbar-nav > li.open > a,
  #main-nav .navbar-nav > li:hover> a,
  #main-nav .navbar-nav > li > a:active {
    background-color: transparent;
    color: #003b6a;
  }

  #main-nav .dropdown-menu {
    border-color: #3f4144;
    border-top: 0;
    box-shadow: 0 6px 8px rgba(0, 0, 0, .176);
    left: -2px;
    padding: 1.8rem 14px;
    min-width: 21.7rem;
  }

  #main-nav .dropdown-menu > li { border-radius: 5px; margin-top: .1rem; }

  #main-nav .dropdown-menu > li:first-child { margin-top: 0; }

  #main-nav .dropdown-menu > li:hover { background-color: #f1f1f1; }

  #main-nav .dropdown-menu > li > a {
    background-color: transparent;
    color: inherit;
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.636;
    padding: .4rem 10px .4rem 5px;
  }

  #main-nav .dropdown-menu > li > a > i.fa-angle-right { margin-right: 2px; }
}



/* Affix ---------- */

#stage-nav {
  background-color: #265880;
  color: #fff;
  position: relative;
  z-index: 100;
}

#stage-nav.affix {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

#stage-nav .navbar-nav { float: none; text-transform: uppercase; }

#stage-nav .navbar-nav > li:last-child { float: right; }

#stage-nav .navbar-nav > li > a { color: inherit; padding: 1rem 10px; }

#stage-nav .navbar-nav > li.active > a,
#stage-nav .navbar-nav > li:hover > a {
  background-color: rgba(0, 0, 0, .35); /* dev! */
}

#stage-nav .navbar-nav > li.active:last-child > a { background-color: transparent; }



/* Tabs ---------- */

.nav-tabs {
  border-bottom: 0;
  color: #003b6a;
  font-size: 1.4rem;
  line-height: 1.143;
}

.nav-tabs > li { border-left: 2px solid #003b6a; margin-bottom: 0; padding: 0 8px; }

.nav-tabs > li:first-child { border-left: 0; padding-left: 0; }

.nav-tabs > li > a {
  border: 0;
  color: inherit;
  font-weight: 400;
  line-height: inherit;
  margin-right: 0;
  padding: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  border: 0;
  color: inherit;
}

.nav-tabs > li.active > a { font-weight: 700; }

.tab-content { font-size: 1.4rem; }



/* Accordion ---------- */

.tab-pane .collapsible { margin-top: 1.8rem; }

.tab-pane .collapsible:first-child { margin-top: 2.6rem; }

.tab-pane .collapsible h4 {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 0;
}

.tab-pane .collapsible h4 > a { padding-left: 15px; text-indent: -15px; }

.tab-pane .collapsible h4 > a > i.fa-lg.fa-fw { font-size: 1.6rem; margin-right: .5rem; text-indent: 0; width: 1rem; }

.tab-pane .collapsible h4 > a > i.fa-caret-right { display: none; }

.tab-pane .collapsible h4 > a > i.fa-caret-down { display: inline-block; }

.tab-pane .collapsible h4 > a.collapsed > i.fa-caret-right { display: inline-block; }

.tab-pane .collapsible h4 > a.collapsed > i.fa-caret-down { display: none; }

.tab-pane .collapsible .collapse, .tab-pane .collapsible .collapsing { padding: 0 0 0 1.5rem; }



/* Footer-Navigation ---------- */

#footer-nav { }

#footer-nav .navbar-nav + .navbar-nav { clear: left; }

#footer-nav .navbar-nav > li > a { border-bottom: 1px solid #fff; }

@media (min-width: 768px) {
  #footer-nav { font-size: 1rem; line-height: .9; margin-bottom: 1.6rem; }

  #footer-nav .navbar-nav + .navbar-nav { margin-top: .9rem; }

  #footer-nav .navbar-nav > li { border-left: 1px solid #c3c3c4; padding: 0 3px; }

  #footer-nav .navbar-nav > li:first-child { border-left: 0; padding-left: 0; }

  #footer-nav .navbar-nav > li > a { color: inherit; border-bottom: 0; padding: 0; }

  #footer-nav .navbar-nav > li > a:hover { color: #fff; }
}



/* (06) Formulare
--------------------------------------------------------------------------------------- */

.btn {
  border: 0;
  /*border-radius: .333em;*/
  /*cursor: pointer;*/ /* = bootstrap.css */
  /*display: inline-block;*/ /* = bootstrap.css */
  /*font-weight: 700;*/ /* = bootstrap.css */
  line-height: inherit;
  margin: 0;
  outline: 0;
  /*padding: .5em 1.333em .55em;*/
  /*text-align: center;*/ /* = bootstrap.css */
  vertical-align: baseline;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn:active { box-shadow: none; /* != bootstrap.css */ position: relative; top: 1px; }

.btn[disabled] { cursor: default; opacity: .65; pointer-events: none; }


/* primary (blue) */
.btn-primary {
  background: url('fallback/btn-blue.png') repeat-x; /* Fallback */
  background: linear-gradient(#628cb2, #003b6a);
  border-radius: .5rem;
  /*color: #fff;*/ /* = bootstrap.css */
  padding: .2rem 1rem .25rem; /* = 2px 10px 2.5px */
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

a.btn-primary { color: #fff; }

.btn-primary:hover,
.btn-primary:active {
  background-position: left bottom; /* Fallback */
  background: linear-gradient(#215f8b, #00142a);
}



/* (07) Header
--------------------------------------------------------------------------------------- */

#logo h1 { color: #404245; margin: 0; padding: .9rem 138px 0 0; }

#logo h1 span { font-weight: 400; }



/* Keyvisual ---------- */

#keyvisual { color: #003b6a; }

img.scale-forever { height: auto; width: 100%; }

#keyvisual h1 { font-size: 3.4rem; margin: 0; }

#keyvisual h2 {
  color: inherit;
  font-size: 2.8rem;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
}

#keyvisual p { font-family: Verdana, Arial, sans-serif; font-size: 2.4rem; margin: 1.2rem 0 0; }

#keyvisual p + .btn-primary { margin-top: 2.6rem; }

@media (min-width: 768px) {
  #keyvisual { position: relative; }

  #keyvisual .section { padding-bottom: 0; padding-top: 0; }

  .section.align-top { position: absolute; top: 0; width: 100%; }

  #keyvisual .section.align-top { top: 60px; }

  .section.align-bottom > .container { position: relative; }

  .section.align-bottom > .container > .row {
    bottom: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    width: 100%;
  }

  #keyvisual .section.align-bottom > .container > .row { bottom: 10px; }

  .blue-box { background-color: rgba(0, 59, 106, .9); color: #fff; padding: 1rem 10px; }

  .blue-box img.float-left {
    border: 1px solid #aaa;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: 10px;
  }

  #keyvisual h1 { font-size: 2.6rem; }

  #home-page #keyvisual h2 { font-size: 1.6rem; margin-bottom: 0; }

  #keyvisual p { font-size: 1.6rem; }
}



/* (08) Main
--------------------------------------------------------------------------------------- */

.image-wrapper { display: inline-block; vertical-align: middle; }


.section  [data-toggle='collapse'] { display: inline-block; }

[data-toggle='collapse'][href='#technical-data-collapse'] { margin-bottom: 1.8rem; }

[data-toggle='collapse'] > i.fa-angle-right { display: none; }

[data-toggle='collapse'] > i.fa-angle-down { display: inline-block; }

[data-toggle='collapse'].collapsed > i.fa-angle-right { display: inline-block; }

[data-toggle='collapse'].collapsed > i.fa-angle-down { display: none; }


.section { padding-bottom: 6rem; padding-top: 4rem; }

.section-content { margin-top: 2.6rem; }

.section-content + .section-content { margin-top: 4.4rem; }

.custom-icon.blue-icon { color: #003b6a; }

.custom-icon.red-icon { color: #d70000; }

.custom-icon.white-icon { color: #fff; }



.section hgroup h2 {
  color: #999;
  font-size: 3rem;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .section-header .custom-icon { font-size: 5.6rem; }

  .section hgroup h2 {
    color: #999;
    font-size: 4rem;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
  }
}

.section hgroup h3 {
  color: #003b6a;
  font-size: 2rem;
  margin: 0;
  text-transform: uppercase;
}

.section h4 { margin: .7rem 0 0; }

.section p { font-size: 1.4rem; line-height: 1.286; }

.section p + .btn-primary { margin-top: 1.7rem; }

.white { background-color: #fff;}

.light-tint { background-color: #dfe9f4; }

.section.light-tint h4 { color: #003b6a; }

.medium-tint { background-color: #b4c6d9; }

.medium-tint hgroup h2 { color: #fff; }

.section.medium-tint h3 a { color: inherit; text-decoration: underline; }

.dark-tint { background-color: #00628d; color: #fff;  }

.section.dark-tint h2,
.section.dark-tint h3,
.section.dark-tint a {
  color: inherit;
}


#home-page .section h2 { font-size: 2.6rem; margin: 0 0 .9rem; }

#video-section hgroup h3 {
  font-family: inherit;
  font-size: 1.4rem;
  line-height: 1.286;
  text-transform: none;
}



/* Modal ---------- */

.modal-content { border: 0; box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }

.modal-header,
.modal-body,
.modal-footer {
  padding: 1rem 10px;
}

.modal-header { background-color: #215f8b; border: 0; color: #fff; }

.modal-header .close { color: inherit; opacity: 1; text-shadow: none; }

.modal-header .modal-title { color: inherit; line-height: 1.375; margin: 0; }

.modal-body h3:first-child { margin-top: 0; }


#js-edge-modal .modal-dialog { width: 1002px; }

#js-edge-modal .modal-body { padding: 0; }

#js-edge-iframe { height: 475px; width: 100%; }


#js-cliplister-modal .modal-dialog { width: 640px; }

#js-cliplister-modal .modal-body { padding: 0; }

#js-cliplister-iframe { height: 360px; width: 100%; }



/* Belt ---------- */

#belt-section { background-color: #265880; color: #fff; }

#belt-section img.visible-xs { margin-bottom: 3rem; }

#belt-section strong {
  color: #e20015;
  display: inline-block;
  font-size: 2.2rem;
  font-family: Verdana, Arial, sans-serif;
  line-height: 1;
  margin: 0 0 .3rem;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  #belt-brackets { padding-right: 25px; }
}

@media (min-width: 992px) {
  #belt-device { margin-bottom: -11rem; margin-top: -8rem; }
}



/* Pinned ---------- */

.pinned {
  border-bottom: 1px solid #d70000;
  margin-bottom: 31px;
  padding-bottom: 5px;
  position: relative;
}

.pinned:before {
  background-color: #d70000;
  bottom: 0;
  content: '';
  height: 35px;
  left: 0;
  position: absolute;
  transform: rotate(148deg);
  transform-origin: center bottom 0;
  width: 1px;
}

.pinned:after {
  background-color: #d70000;
  /*background-color: rgba(215, 0, 0, .2);*/ /* dev! */
  border-radius: 50%;
  bottom: 0;
  content: '';
  height: 5px;
  left: 0;
  position: absolute;
  transform: translate(16px, 32px);
  width: 5px;
}

.pinned.right-inside:before { left: auto; right: 0; transform: rotate(212deg); }
.pinned.right-inside:after { left: auto; right: 0; transform: translate(-16px, 32px); }

.pinned.left-inside-long:before { height: 70px; }
.pinned.left-inside-long:after { transform: translate(35px, 62px); }

.pinned.right-inside-long:before { height: 70px; left: auto; right: 0; transform: rotate(212deg); }
.pinned.right-inside-long:after { left: auto; right: 0; transform: translate(-35px, 62px); }

.pinned.left-outside:before { transform: rotate(212deg); }
.pinned.left-outside:after { transform: translate(-20px, 32px); }

.pinned.right-outside:before { left: auto; right: 0; }
.pinned.right-outside:after { left: auto; right: 0; transform: translate(20px, 32px); }

.pinned.left-outside-long:before { height: 70px; transform: rotate(212deg); }
.pinned.left-outside-long:after { transform: translate(-39px, 62px); }

.pinned.right-outside-long:before { left: auto; right: 0; height: 70px; }
.pinned.right-outside-long:after { left: auto; right: 0; transform: translate(39px, 62px); }

.pinned.left-top:before { transform: rotate(328deg); }
.pinned.left-top:after { transform: translate(-20px, -27px); }

.pinned.right-top:before { left: auto; right: 0; transform: rotate(32deg); }
.pinned.right-top:after { left: auto; right: 0; transform: translate(20px, -27px); }



/* Teaser ---------- */

#teasers-section h2,
#teasers-section h3 {
  color: #003b6a;
}

.teaser.pinned { display: inline-block; max-width: 100%; vertical-align: middle; }

.teaser > a { display: block; }

.teaser h3 { font-size: 1.6rem; margin: 0 0 .7rem; }

#teasers-section .section-content .col-sm-6:nth-child(n+2) { margin-top: 4.4rem; }

@media (min-width: 768px) {
  #teasers-section .section-content .col-sm-6:nth-child(n+2) { margin-top: 0; }
}



/* Royal Slider ---------- */

#functions-slider,
#functions-slider .rsOverflow,
#functions-slider .rsSlide,
#functions-slider .rsVideoFrameHolder,
#functions-slider .rsThumbs {
  background-color: inherit;
  color: inherit;
}

#functions-slider { height: auto; width: auto; margin-bottom: 30px;}

#glm-floor-plan-page #functions-slider,
#glm-measure-document-page #functions-slider {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0 0 80px;
}

.royalSlider > * { float: none; }

.rsOverflow { float: none; }

#functions-slider .rsOverflow {}

#glm-floor-plan-page #functions-slider .rsOverflow {
  height: 630px; /* = base image height */
}

#glm-100-c-professional-page #functions-slider .rsOverflow { height: 569px; }

#glm-measure-document-page #functions-slider .rsOverflow { height: 634px; }


/* Add space on top to allow hotspots to increase */

#glm-floor-plan-page #functions-slider .rsOverflow { height: calc(630px + 50px); }

#glm-100-c-professional-page #functions-slider .rsOverflow { height: calc(569px + 50px); }

#glm-measure-document-page #functions-slider .rsOverflow { height: calc(634px + 80px); }

#glm-floor-plan-page #functions-slider .rsImg, #functions-slider .pinboard dd img { margin-top: 50px !important; }

#glm-measure-document-page #functions-slider .rsImg { margin-top: 80px !important; }

/* END Add space on top */


#functions-slider .rsBullets { background-color: transparent; font-size: 1rem; line-height: 1.6; }

#functions-slider .rsBullet {
  height: auto;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: bottom; /* warum nicht 'middle'? */
  width: auto;
}

#functions-slider .rsBullet:first-child { margin-left: 0; }

#functions-slider .rsBullet span {
  background-color: rgba(0, 58, 104, .25);
  cursor: pointer;
  height: 1.6rem;
  width: 1.6rem;
}

#functions-slider .rsBullet.rsNavSelected span { background-color: rgba(0, 58, 104, 1); cursor: auto; }

#functions-slider .rsArrowIcn {
  background: url('rs-arrow-icon.png') no-repeat;
  border-radius: 0;
  height: 89px;
  margin-left: -13px;
  margin-top: -45px;
  width: 26px;
}

#functions-slider .rsArrowLeft .rsArrowIcn {}

#functions-slider .rsArrowRight .rsArrowIcn { background-position: right top; }

#functions-slider .rsContainer { background: none no-repeat center bottom; }

#glm-floor-plan-page #functions-slider .rsContainer { background-image: url('../images/glm-floor-plan/key-features/tablet.png'); }

#glm-100-c-professional-page #functions-slider .rsContainer { background-image: url('../images/glm-100-c-professional/key-features/glm100c.png'); }

#glm-measure-document-page #functions-slider .rsContainer { background-image: url('../images/glm-measure-document/key-features/smartphone+glm100c.png'); }

@media (min-width: 768px) {
  #functions-slider .pinboard {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  #functions-slider .pin { position: absolute; width: calc(25% - 10px); z-index: 3; }

  #functions-slider .pin.active { z-index: 10; }

  #functions-slider .pinned { margin-bottom: 0; }

  .pinned .pin-content {
    background-color: rgba(180, 198, 217, .9);
    cursor: pointer;
    color: #003a68;
    padding: 1rem 10px 0;
  }

  .pinned .pin-header {
    display: table;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 1.111;
    margin: 0 0 1rem;
    width: 100%;
  }

  .pinned .pin-header .custom-icon { display: table-cell; font-size: 3.8rem; width: 3.8rem; }

  .pinned .pin-header span { display: table-cell; padding: 0 0 0 1rem; vertical-align: middle; }

  .pinned .pin-body { font-size: 1.4rem; line-height: 1.429; padding: 0 0 1rem; }

  #functions-slider .pinned .pin-body { display: none; }

  #functions-slider .pinboard dd {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }

  #functions-slider .pinboard dd:empty { display: none; }

  #functions-slider .pinboard dd img { display: block; margin: 0 auto; }


  #glm-floor-plan-page #pin-1-1 { bottom: 480px; right: 110px; }


  #glm-floor-plan-page #pin-2-1 { bottom: 250px; right: 667px; }

  #glm-floor-plan-page #pin-2-2 { bottom: 510px; right: 250px; }

  #glm-floor-plan-page #pin-2-3 { bottom: 45px; right: 600px; }

  #glm-floor-plan-page #pin-2-4 { bottom: 320px; right: 160px; }

  #glm-floor-plan-page #pin-2-5 { bottom: 200px; right: 420px; }


  #glm-floor-plan-page #pin-3-1 { bottom: 370px; right: 130px; }

  #glm-floor-plan-page #pin-3-2 { bottom: 430px; right: 475px; }


  #glm-floor-plan-page #pin-4-1 { bottom: 525px; right: 322px; }

  #glm-floor-plan-page #pin-4-2 { bottom: 479px; right: 13px; }

  #glm-floor-plan-page #pin-4-3 { bottom: 465px; right: 645px; }

  #glm-floor-plan-page #pin-4-4 { bottom: 335px; right: 610px; }


  #glm-100-c-professional-page #pin-1-1 { bottom: 425px; right: 42px; }

  #glm-100-c-professional-page #pin-1-2 { bottom: 400px; right: 610px; }

  #glm-100-c-professional-page #pin-1-3 { bottom: 305px; right: 225px; }

  #glm-100-c-professional-page #pin-1-4 { bottom: 225px; right: 675px; }


  #glm-measure-document-page #pin-1-1 { bottom: 530px; right: 580px; }

  #glm-measure-document-page #pin-1-2 { bottom: 510px; right: 240px; }

  #glm-measure-document-page #pin-1-3 { bottom: 355px; right: 500px; }


  #glm-measure-document-page #pin-2-1 { bottom: 515px; right: 240px; }

  #glm-measure-document-page #pin-2-2 { bottom: 455px; right: 660px; }

  #glm-measure-document-page #pin-2-3 { bottom: 270px; right: 700px; }

  #glm-measure-document-page #pin-2-4 { bottom: 360px; right: 330px; }


  #glm-measure-document-page #pin-3-1 { bottom: 480px; right: 280px; }

  #glm-measure-document-page #pin-3-2 { bottom: 450px; right: 655px; }

  #glm-measure-document-page #pin-3-3 { bottom: 320px; right: 490px; }


  #glm-measure-document-page #pin-4-1 { bottom: 465px; right: 675px; }

  #glm-measure-document-page #pin-4-2 { bottom: 540px; right: 240px; }

  #glm-measure-document-page #pin-4-3 { bottom: 285px; right: 445px; }
}

@media (min-width: 992px) {
  #glm-floor-plan-page #functions-slider .rsOverflow { overflow: visible; }

  #glm-floor-plan-page #functions-slider .rsContainer { z-index: 1; }

  #glm-floor-plan-page #functions-slider .rsContainer:after {
    background: url('../images/glm100c.png') no-repeat right bottom;
    bottom: 0;
    content: '';
    height: 287px;
    position: absolute;
    right: 0;
    transform: translate(-30px, 30px);
    width: 335px;
    z-index: -1;
  }
}



/* Hotspots ---------- */

#functions-hotspots { text-align: center; }

@media (min-width: 768px) {
  #functions-hotspots > .image-wrapper { position: relative; }

  #functions-hotspots .hotspot {
    background: url('btn-glow.png') no-repeat #e53d40;
    border-radius: 50%;
    cursor: pointer;
    height: 2.4rem;
    position: absolute;
    width: 2.4rem;
  }

  #functions-hotspots .hotspot:hover { background-color: #396385; }

  #functions-section .popover {
    background-clip: border-box;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;

    bottom: 290px;
    left: auto !important;
    right: -238px;
    top: auto !important;
    width: 238px;
  }

  .pinned .popover-title {
    background-color: transparent;
    border-bottom: 0;
    font-size: inherit;
    line-height: inherit;
  }

  .pinned .popover-content {}

  .hotspot + .popover .pinned:after { content: none; }

  #hotspot-1 { /*bottom: 51px; right: 290px;*/ bottom: 37px; right: 304px; }
  #hotspot-1 + .popover .pinned:before { /*height: 381px; transform: rotate(229.5deg);*/ height: 401px; transform: rotate(229.2deg); }

  #hotspot-2 { /*bottom: 85px; right: 235px;*/ bottom: 73px; right: 246px; }
  #hotspot-2 + .popover .pinned:before { /*height: 317px; transform: rotate(227.7deg);*/ height: 334px; transform: rotate(227.6deg); }

  #hotspot-3 { /*bottom: 118px; right: 182px;*/ bottom: 108px; right: 190px; }
  #hotspot-3 + .popover .pinned:before { /*height: 256px; transform: rotate(225.5deg);*/ height: 269px; transform: rotate(225.2deg); }

  #hotspot-4 { /*bottom: 151px; right: 128px;*/ bottom: 143px; right: 134px; }
  #hotspot-4 + .popover .pinned:before { /*height: 195px; transform: rotate(221.5deg);*/ height: 206px; transform: rotate(221.3deg); }

  #hotspot-5 { /*bottom: 184px; right: 75px;*/ bottom: 181px; right: 74px; }
  #hotspot-5 + .popover .pinned:before { /*height: 136px; transform: rotate(214.5deg);*/ height: 139px; transform: rotate(214deg); }

  #hotspot-6 { /*bottom: 218px; right: 20px;*/ bottom: 215px; right: 19px; }
  #hotspot-6 + .popover .pinned:before { /*height: 81px; transform: rotate(199.5deg);*/ height: 84px; transform: rotate(198.5deg); }

  #hotspot-7 { /*bottom: 95px; right: 350px;*/ bottom: 83px; right: 350px; }
  #hotspot-7 + .popover .pinned:before { /*height: 404px; transform: rotate(239.2deg);*/ height: 410px; transform: rotate(237.9deg); }

  #hotspot-8 { /*bottom: 250px; right: 100px;*/ bottom: 226px; right: 100px; }
  #hotspot-8 + .popover .pinned:before { /*height: 110px; transform: rotate(241.8deg);*/ height: 124px; transform: rotate(232.9deg); }

  #hotspot-9 { /*bottom: 366px; right: 180px;*/ bottom: 317px; right: 180px; }
  #hotspot-9 + .popover .pinned:before { /*height: 184px; transform: rotate(286.3deg);*/ height: 176px; transform: rotate(272deg); }
}

@media (min-width: 992px) {
  #functions-hotspots { position: relative; text-align: left; }

  #functions-hotspots:after {
    background: url('../images/glm100c.png') no-repeat right bottom;
    bottom: 0;
    content: '';
    height: 287px;
    position: absolute;
    right: 0; /* 6.25% */
    width: 335px;
    z-index: 1;
  }

  #functions-hotspots > .image-wrapper { z-index: 2; }
}



/* Technische Daten ---------- */

.simple-list.table-alike { border-top: 1px solid #fff; }

.simple-list.table-alike dt { width: 50%; width: calc(50% - 5px); }

.simple-list.table-alike dd { border-bottom: 1px solid #fff; padding-left: 50%; padding-left: calc(50% + 5px); text-align: right; }


#technical-data-section h3 { font-size: 2rem; margin: 0 0 1.8rem; }

#technical-data-section h4 { margin-bottom: .7rem; margin-top: 0; }

#technical-data-section .notes > * { font-size: 1.1rem; }

#technical-data-section .notes ol { list-style-type: lower-alpha; }



#further-tasks-section .tab-pane .row,
#how-it-works-section .row.section-content {
  margin-top: 3.6rem;
}



/* (09) Footer
--------------------------------------------------------------------------------------- */

#footer a { color: #fff; }

#footer a.js-jump-to-top { display: inline-block; }

#footer a.js-jump-to-top.visible-xs { float: right; margin-left: 10px; }

#footer a > i.fa-angle-up { margin-right: 2px; }

#footer hr { border-top-color: #fff; }

@media (min-width: 768px) {
  #footer hr { margin-bottom: .9rem; margin-top: .5rem; }

  #footer p { font-size: 1rem; line-height: 1.8; }
}


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

.mobileList {
  background: #fff;
  padding: 2rem;
}

.mobileList dt {
  font-weight: bold;
}

.mobileList dd {
  padding-bottom: 10px;
}

.mobileList dt,
.mobileList dd {
  color: #003b6a;
}

#video-player_wrapper,
#video-player {
  width: 100% !important;
}

@media (min-width: 320px) and (max-width: 992px) {
  #glm-floor-plan-page #functions-slider .rsContainer,
  #glm-100-c-professional-page #functions-slider .rsContainer,
  #glm-measure-document-page #functions-slider .rsContainer {
    background-size: 100%;
    background-position: top;
  }

  #glm-floor-plan-page #functions-slider .rsImg,
  #glm-100-c-professional-page #functions-slider .rsImg,
  #glm-measure-document-page #functions-slider .rsImg {
    width: 100%;
    margin: 0 !important;
  }

}

/* Mobile Slider */
#mobile-slider {
  width: 220px;
  height: 350px;
  background: transparent;
  margin: 0 auto;
}
#mobile-slider h4 {
  margin-top: 50px;
}

#mobile-slider .rsOverflow {
  min-height: 450px !important;
}

#mobile-slider .rsOverflow,
#mobile-slider .rsSlide {
  background: transparent !important;
  color: #000;
}
#mobile-slider .rsBullets {
  background-color: transparent;
  font-size: 1rem;
  line-height: 1.6;
  top: 175px !important;
}

#mobile-slider .rsBullet {
  height: auto;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: bottom;
  width: auto;
}

#mobile-slider .rsBullet:first-child {
  margin-left: 0;
}


#mobile-slider .rsBullet span {
  background-color: rgba(0, 58, 104, .25);
  cursor: pointer;
  height: 1.6rem;
  width: 1.6rem;
}
#mobile-slider .rsBullet.rsNavSelected span {
  background-color: rgba(0, 58, 104, 1);
  cursor: auto;
}
#mobile-slider .rsArrow {
  top: -60px;
}

#mobile-slider .rsArrowRight .rsArrowIcn {
  background-position: right top;
}
#mobile-slider .rsArrowIcn {
  background: url("rs-arrow-icon.png") no-repeat;
  border-radius: 0;
  height: 89px;
  margin-left: -13px;
  margin-top: -45px;
  width: 26px;
}
#mobile-slider .rsImg {
  margin-top: 30px !important;
}

@media (min-width: 320px) and (max-width: 992px) {
  #further-tasks-section {
    padding-bottom: 12rem;
  }

  .nav-tabs > li {
    padding: 0 4px;
  }

  #functions-section .rsDefault.rsHor .rsArrowLeft,
  #functions-section .rsDefault.rsHor .rsArrowRight {
    height: 400px;
  }

  #functions-section .rsMainSlideImage {
    padding-bottom: 8%;
  }

  #functions-section .rsNav {
    position: absolute;
    bottom: auto;
    top: 175px;
    display: none;
  }

  #glm-floor-plan-page #functions-slider,
  #glm-measure-document-page #functions-slider {
    padding: 0;
  }

  #functions-slider,
  .mobileList {
    margin: 0;
  }

}

@media (max-width: 400px) {

  #download-section .section-content div:last-child {
    padding-top: 30px;
  }

  #functions-section {
    padding-bottom: 0!important;
  }
}

#functions-section {
  padding-bottom: 0;
}

#functions-section {
  background-position: top;
}

#js-mobile-detection:visible #functions-section {
  margin-top: -100px;
}

/* Rollout */

#top:lang(hu-HU) #functions-slider .pin {
  width: calc(30% - 10px);
}

.section hgroup h2,
.section hgroup h3 {
  text-transform: none;
}

@font-face {
  font-family: 'icomoon';
  src:url('../fonts/faq/icomoon.eot');
  src:url('../fonts/faq/icomoon.eot?#iefix') format('embedded-opentype'),
      url('../fonts/faq/icomoon.woff') format('woff'),
      url('../fonts/faq/icomoon.ttf') format('truetype'),
      url('../fonts/faq/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    font-size: 20px;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.nav-tabs > li {
  padding: 0 6px;
}

.tab-content h5 {
  border-bottom: solid 1px #aaa;
}

.margin-top-20 {
  margin-top: 20px !important;
}
    /*Triman-Logo*/
.triman-wrapper {
    border: 1px solid #c3c3c4;
    padding: 10px 10px 15px 10px;
    margin: 20px 0;
}

.triman-wrapper h6 {
    font-size: 1.5em;
    font-family: 'Lato', Verdana, sans-serif;
    color: #FFF;
}

.triman-wrapper p {
    color: #c3c3c4;  
    font-weight: normal;
    font-size: 11px;
    line-height: 1.4em;
}

.triman-wrapper .col-sm-1 {
    margin-top: 18px;
    margin-left: 2.4%;
    margin-right: 2%;
}

#footer .triman-wrapper .btn {
    background: #e1e1e2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e1e1e2), to(#c3c3c4));
    background: -webkit-linear-gradient(#e1e1e2, #c3c3c4);
    background: -moz-linear-gradient(#e1e1e2, #c3c3c4);
    background: -ms-linear-gradient(#e1e1e2, #c3c3c4);
    background: -o-linear-gradient(#e1e1e2, #c3c3c4);
    background: linear-gradient(#e1e1e2, #c3c3c4);
    color: #404245;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 4px;
}

#footer .triman-wrapper .btn:hover,
#footer .triman-wrapper .btn:focus {
    color: #404245;
    background: #c3c3c4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c3c3c4), to(#a5a6a7));
    background: -webkit-linear-gradient(#c3c3c4, #a5a6a7);
    background: -moz-linear-gradient(#c3c3c4, #a5a6a7);
    background: -ms-linear-gradient(#c3c3c4, #a5a6a7);
    background: -o-linear-gradient(#c3c3c4, #a5a6a7);
    background: linear-gradient(#c3c3c4, #a5a6a7);
}

/*Triman-Logo-Ende*/

/* START 20151207: Remove Slide no 3 from page glm-measure-document.html */
#how-it-works-section > div > div:nth-child(4) > div:first-child {
  display: none;
}
/* END 20151207: Remove Slide no 3 from page glm-measure-document.html */