@charset "utf-8";
/* CSS Document #015DA8 */
@font-face { font-family: 'Roboto';src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype'); }

body {  font-size:medium;font-family: 'Roboto', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;font-display:auto;} 

hr { max-width:1140px; margin:50px auto 70px; border-top: 1px solid #3f4fb5;clear: both;}
p {font-size: 16px; color: #555555; font-weight: normal; line-height: 24px; margin: 0 0 20px 0;}

/* NEU */
.ce-textpic .ce-gallery {margin-top: 12px;}


.container { width:100%; padding:0px;}
.header { max-width:100%; height:70px; background-color:#ffffff; position:fixed; top:0; z-index:1000; border-bottom: 1px solid #3f4fb5;}
.header .row {max-width:1100px; margin: 0px auto;}
.logo img { width: auto; height:32px; margin:20px 0 0; }

.bilder {margin:69px auto 0px; }
.bilder [class*='sg-'], .titel [class*='sg-'] { padding:0px;}
.bilder img { max-width:100%; height:auto;}
.bilder .ce-above .ce-gallery {    margin-bottom: 0px;}
	.bilder .frame-layout-1 .ce-column {    max-width: 25%;     margin-right: 0px; }

  .content-container {margin-bottom: 40px;}

.inhalt {margin:79px auto 30px; max-width:100%;  }
.inhalt .ce-textpic {max-width: 1140px; margin: 0 auto;}

/* Tabs */
.inhalt .ui-tabs {padding: 0em;}
.inhalt .ui-widget-content { border:1px solid #3f4fb5; max-width:1140px; margin:0 auto 0px;  }
.inhalt .ui-widget-header {border: 0px;background: none; background-color: #3f4fb5; }
.inhalt .t3ddy-tabContainer-tabList { max-width:100%;}
.inhalt li {padding:6px 0;}


  h1, h2,h3, p { max-width:1000px; margin: 14px auto;  }
  h1 { color:#212121;  font-size:42px; font-weight:300;line-height: 56px; }
  h2 {color:#212121;  font-size: x-large;font-weight:300;  line-height:1.4em;margin-top:50px; margin-bottom:20px; }
  .ce-bodytext h2 {margin-top:0px;}
  h3 { color:#212121; font-size: 20px;font-weight:normal; margin-top:0px; }

.bilder .sg-row  {    max-width: 100%;     margin-left: 0;    margin-right: 0;}

  .inhalt a {color:#3f4fb5;}
  .inhalt .grid { max-width:1200px; margin: 50px auto 10px;}
  .inhalt img { max-width:100%; height:auto; }
  .inhalt p.text-center { max-width:740px; font-size:24px; line-height:36px;}
  .inhalt p.leistungen { max-width:740px; font-size:16px; line-height:24px;}
  
    .inhalt .teaser {max-width:900px;}
  .inhalt .frame-layout-1 img { margin-top:0px;}
  .inhalt .frame-layout-1 figure { border:2px solid #cccccc;}
  .inhalt .frame-layout-1 .image-caption { font-size:24px; padding:10px 0; background-color:#cd4400; color:#ffffff; text-align:center; width:364px; }
  .inhalt .frame-layout-1 .ce-above .ce-gallery {margin-bottom: 30px;}
 
  
.inhalt .frame-layout-1 figure img:hover {  
 /*   -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
  */
   opacity: 0.1;
  filter: alpha(opacity=10); /* For IE8 and earlier */
}
.inhalt .frame-layout-1 p { margin-top: -270px; margin-bottom: 120px; text-align:center; text-transform: uppercase; font-size:24px; line-height:38px;}

.inhalt .frame-layout-1 figure {
    display: block; 
    overflow: hidden;
}
  .inhalt ul {max-width:1000px; margin:0 auto 1.8em; font-size:medium; }
  .inhalt ul.leistungen {     margin-top: 0px; list-style-image: url(https://master-office.de/fileadmin/img/icons/liste-2.png);}
    .inhalt ul.leistungen li { line-height:24px;margin-bottom: 12px;}
  .inhalt .t3ddy-tab-item ul {max-width:100%;list-style-image: url(https://master-office.de/fileadmin/img/icons/liste-1.png); }

  
.inhalt .sg-row { max-width:1140px; margin:0 auto;}
 .inhalt .schmal {max-width:1030px;}
.inhalt .btn {font-family: 'Roboto', Arial, sans-serif; font-size:14px; padding:10px; 
    color: #333;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 1px 1.732px 16px 0px rgba( 0, 0, 0, .16 ), 1px 1.732px 5px 0px rgba( 0, 0, 0, .12 );
    -webkit-transition: background-color 0.5s, box-shadow 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, box-shadow 0.5s, color 0.5s;
    transition: background-color 0.5s, box-shadow 0.5s, color 0.5s;}
  
  .inhalt .btn-small {
    padding: 7px 20px;
    font-size: 14px; margin-bottom:50px;}
  .inhalt hr.kurz {margin:20px auto 20px;}
  
  
 .icons { position:fixed; right:0; top:100px; line-height:60px; }
 .icons a {width:60px; height:60px; border-radius:5px; background-color:#cd4400; color:#ffffff; font-size:40px; padding:10px; margin:5px 0;}
  
  .referenz .ui-state-default, .panel-heading { background:#3f4fb5; border:1px solid #3f4fb5; font-size: medium; line-height:1.6em; margin-bottom: 0px;}
.panel-default>.panel-heading { background:#3f4fb5; border-color:#3f4fb5; }
.panel-default {    border-color: #3f4fb5;}
  .referenz .ui-state-default:hover { color:#fff;}
  .referenz .t3ddy-accordion-item ul {list-style: outside; color: #444444; padding-left: 35px; list-style-image: url(http://181210.master-office.de/fileadmin/img/icons/liste-1.png);}
  .referenz .ui-accordion .ui-accordion-content { padding:1em 0.3em;}
.panel-heading a { color:#ddd;}
.panel-heading a:hover, .panel-heading a:active, .panel-heading a:focus { color:#fff; text-decoration: none;}
.panel-body ul {padding-left: 20px;}

 
/* LEISTUNGEN */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #3f4fb5; background: #3f4fb5;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#fff;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #aaa; background: #fff url(../Images/JQueryUI/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;}
.ui-state-hover a, .ui-state-hover a:link, .ui-state-hover a:visited,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #555; text-decoration: none;}

/*.inhalt .ce-row {border: #999 1px solid; margin: 10px !important; box-shadow: 5px 5px 3px #999;}*/
h2 {  margin-top: 40px;  margin-bottom: 40px;  color: #fff;  padding: 20px 0;  text-align: center;  background-color: #3f4fb5;  margin-left: -10px;  transform: skew(-15deg);  width: 1000px;}

 /* TEAM */
 .team img {
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
}
.team img:hover {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}
  
.news-single .extra {visibility: hidden;}  
.thumbnail {border: 2px solid #3F4FB5; padding: 5px; border-radius: 0px; margin: 10px !important; box-shadow: 5px 5px 3px #999;}
.news-text-wrap {margin-bottom: 40px;}
  /* Kontaktformular */
  
  .form-control { border:0;   border-bottom: 1px solid #ccc;   border-radius: 0px;}
  .btn-primary {color: #fff !important; background-color: #cd4400;}
  .btn-primary:hover { background-color: #ff4400;}
  
 .footer-blau { background-color:#3f4fb5; width:100%; height:auto; text-align:center; color:#ffffff;}
 .footer-blau h2 {font-size: 38px; margin-top:30px; margin-bottom: 13px; color:#ffffff;margin-left: auto;
  transform: none;}
 .footer-blau p { font-size:24px; max-width:700px; margin:auto; color:#ffffff; line-height:36px;}
 .footer-blau  a { margin-top:40px;}

 .btn-light-solid {
    background-color: #fff; text-transform:uppercase;
    color: #212121;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.btn-light-solid:hover {-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
}

.btn-large {
    padding: 15px 30px;
    font-size: 20px;
}
.footer-blau i.fas { margin-right:20px;}
  
  .titel { padding-bottom:4px; height:76px;border: 1px solid #3f4fb5;}
.titel h3 {margin-top:0px; text-align:center; color:#3f4fb5; padding:25px 0 0 0;font-size: 24px;font-weight: bold;}
  
 .footer-blau .row {margin: 0 auto 50px;}
.footer{ bottom:0px; padding:0px; padding-top:0px;  } 
.footer img {max-width: 100%;}
.footer p { max-width:1000px; margin:14px auto; }
  .footer .row { width:100%; margin:0px auto;max-width: 1200px !important;}
  .foot { max-width:1200px; margin:40px auto 10px; font-size: small; line-height:1.8em;}

  .footer-abstand { padding-top:130px;}

nav { margin-top:12px;}
  .navbar-default { background-color:transparent; border:0; border-radius:0; margin-bottom:0px;}
  #mainNav { margin-left:22px;}
  #mainNav a { color:#3f4fb5;}
.dropdown-submenu{position:relative; }
    .dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:0px; 
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    }
    .dropdown-submenu:hover > .dropdown-menu{
    display:block;
    }
    .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
    }
    .dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
    }
    .dropdown-submenu .pull-left{
    float:none;
    }
    .dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    }
      ul.nav > li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top:-1px; 
    }

  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover {background-color:#ffffff; color:#3f4fb5; border:none; font-style:normal;

}


  .navbar-default .navbar-nav>li>a { color:#3f4fb5; font-style:italic; font-size:large;}

.sprache { margin-bottom:25px;}

/*
.sticky-menu {
    top: 0;
    position: fixed;
    z-index: 1000;
 width:100%;

}
  .sticky-menu .logo { margin-left:-452px;}
  .sticky-menu .logo img { width:80px; height:auto;}
  .sticky-menu .container-fluid { margin:6px auto 0;padding-left:100px;  }
*/

.list-group-item {margin-bottom: 10px;}
.frame-type-container::after {clear: both;}
.frame-layout-1 .h2 {
  margin-top: 40px;
  margin-bottom: 40px;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  background-color: #3f4fb5;
  margin-left: -10px;
  transform: skew(-15deg);
  width: 1000px;
}

@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {
.col-md-3 {max-width:25%; float:left;}
.col-md-9 {max-width:75%; float:left;padding-right: 0px;    padding-left: 0px;}
.logo img { max-width:100%; height:auto;}
.navbar-default .navbar-nav>li>a {font-size: small;}

.inhalt .ce-right .ce-gallery, .inhalt .ce-left .ce-gallery { max-width:33%; height:auto;}
.inhalt .ce-bodytext {width:60%;}
.inhalt .teaser p {margin-top: -250px; margin-bottom: 140px; width:100%; text-align:center;  font-size:18px; line-height:26px;}

}

@media screen and (max-width: 766px) {
.header {height: 136px;}
  .header .ce-above .ce-gallery { margin-bottom:0px;}
.col-md-3 {max-width:100%;}
.col-md-9 {width:100%; float:right; padding-right: 0px;    padding-left: 0px;}
.navbar-header p { margin: 0 0 0 20px;}
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover { transform:none;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {    color: #ccc;}
.logo { margin-bottom:0px;}


.icons {line-height: 50px; top: 150px;}
.icons a { font-size:20px;}
.bilder { margin-top:136px;}
.bilder .sg-100 {  width: 50%;}
.titel {     height: 56px;}
  .titel h3 { font-size: medium; padding: 20px 0 0 0;}
.inhalt { margin:40px 10px;}
  .inhalt h1 { font-size: xx-large; line-height:40px;}
  .inhalt p.text-center {    font-size: large; line-height: 26px; padding-left:10px; padding-right:10px;}
  .inhalt .ce-right .ce-gallery, .inhalt .ce-left .ce-gallery { max-width:100%; height:auto;}
  .inhalt .ce-bodytext {width:100%;}
.inhalt .sg-33-small {    width: 50%;}
}

@media screen and (max-width: 550px) {

.grid .sg-33-small {width:100%;}
}