/* www.rehm-verlag.de */
/* Alles in Open Sans */
body #os, #os .sxOneTitle h1, #os .title, #os .sxSliceTitle { font-family: nunito; font-weight: 400; }
body #os { font-size:15px; }
sxOneTitle h1
.fa { font-family: FontAwesome !important; }
#os .fontSize8pt { font-size:8pt }

#os .ci-color-text {
  color: #f60; }

#os .ci-color-bg {
  background-color: #f60; }

#os .textFragment h1, #os .sxOnePageTitle h1 {
  font-family: nunito;
  font-size: 48px;
  font-weight: 400; }
  #os .textFragment h1 strong, #os .sxOnePageTitle h1 strong {
    font-weight: 700; }

#os .textFragment h2, #os .sxOnePageTitle h2 {
  font-family: nunito;
  font-size: 32px;
  font-weight: 400; }
  #os .textFragment h2 strong, #os .sxOnePageTitle h2 strong {
    font-weight: 700; }

#os .textFragment h3, #os .sxOnePageTitle h3 {
  font-family: nunito;
  font-size: 20px;
  font-weight: 400; }
  #os .textFragment h3 strong, #os .sxOnePageTitle h3 strong {
    font-weight: 700; }

#os .textFragment .subtitle, #os .sxOnePageTitle .subtitle {
  font-size: 20px;
  font-weight: 400; }

#os .textFragment a.subtitle, #os .sxOnePageTitle a.subtitle {
  text-decoration: none; }

#os .textFragment p, #os .sxOnePageTitle p {
  font-size: 15px; }
  
#os .btn-ci {
  background: #f60;
  padding: 6px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #f60;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  text-align: center; }
  #os .btn-ci:hover {
    background: #ff7812; 
    color: #fff !important;
    border: 1px solid #f60; }
	
#os .btn-ci-invert {
  background: #FFF;
  padding: 6px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #f60;
  font-size: 15px;
  color: #f60 !important;
  text-decoration: none;
  text-align: center; }
  #os .btn-ci-invert:hover, #os .btn-ci-invert:active {
    background: #f60;
    color: #fff !important;
    border: 1px solid #fff; }

#os .btn-dezent {
  background: #f0f0f0;
  padding: 6px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #c2c2c2;
  font-size: 15px;
  color: #666 !important;
  text-decoration: none;
  text-align: center; }
  #os .btn-dezent:hover, #os .btn-dezent:active {
    background: #ff7812;
    color: #fff !important;
    border: 1px solid #ff7812; }

#os .btn-intensiv {
  background: #41a3d7;
  padding: 6px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #208eca;
  font-size: 15px;
  color: #fff !important;
  text-decoration: none;
  text-align: center; }
  #os .btn-intensiv:hover, #os .btn-intensiv:active {
    background: #208eca;
    color: #fff !important;
    border: 1px solid #077681; }

#os .btn-blaugrau {
  background: #a5c8ce;
  padding: 6px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #a5c8ce;
  font-size: 15px;
  color: #666 !important;
  text-decoration: none;
  text-align: center; }
  #os .btn-blaugrau:hover, #os .btn-intensiv:active {
    background: #fff;
    color: #666 !important;
    border: 1px solid #a5c8ce; }

#os .dunkelgrau-weiss .textFragment a {
  color: #fff;
  text-decoration: none; }
  #os .dunkelgrau-weiss .textFragment a:hover {
    text-decoration: underline; }
  #os .dunkelgrau-weiss .textFragment a i.fa-angle-right {
    display: none !important; }
  #os .dunkelgrau-weiss .textFragment a i.fa-angle-right:before {
    content: "" !important; }

#os .dunkelgrau-weiss .sxOpenMenu .defaultButtonColor {
  background: #7d7d7d;
  font-size: 24px;
  font-weight: 400; }
  #os .dunkelgrau-weiss .sxOpenMenu .defaultButtonColor:hover {
    background: #f60; }
	
#os .leuchtendblau-weiss a { color: #fff }

#os .col-no-left-pad {
  padding-left: 0 !important;
  padding-right: 20px !important; }

#os .icon-100 {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url(/__STATIC__/static/images/self/icons.png);
  background-repeat: no-repeat;
  border: none;
  text-decoration: none; }

#os .icon-100-werke {
  background-position: 0px 0px; }

#os .icon-100-rechtssicher {
  background-position: -100px 0px; }

#os .icon-100-aktuell {
  background-position: -200px 0px; }

#os .icon-100-online {
  background-position: -300px 0px; }

#os .icon-100-kontakt {
  background-position: -400px 0px; }

#os .no-bottom-margin {
  margin-bottom: 0; }

#os .box-control .box-control-btn {
  cursor: pointer;
  font-size: 24px;
  font-weight: 400;
  color: #666; }
  #os .box-control .box-control-btn:hover {
    color: #f60; }

#os .col-lg-3 .sxOpenMenu ul li {
  width: 280px;
}
#os .sxOpenMenu ul li {
  margin-right: 0;
  padding-right: 24px;
  width: 330px; }
  #os .sxOpenMenu ul li ul {
    width: 306px; }
    #os .sxOpenMenu ul li ul li {
      padding-right: 0;
      width: 306px; }
      #os .sxOpenMenu ul li ul li div a {
        font-size: 18px;
        font-weight: 400;
        padding-top: 8px; }

#os .addpadding30 {
  padding: 30px; }

#os .block {
  display: block; }

#os .modal {
  z-index: 999999; }
