@charset "UTF-8";
/*
 Theme Name:    CSW IT Systemhaus
 Theme URI:     https://csw-dd.de
 Description:   Responsive WordPress Theme for CSW IT Systemhaus
 Author:        Peggy Säurich
 Author URI:    https://pswebdesign.de
 Template:      Parallax-One
 Version:       1.0.0
 License:       GNU General Public License v2 or later
 License URI:   https://www.gnu.org/licenses/gpl-2.0.html
*/
.support .section-overlay-layer {
  padding-top: 0;
  padding-bottom: 70px; }

.support a:hover {
  text-decoration: underline; }

.support .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 639px) {
    .support .row {
      display: inherit; } }
  .support .row > .col-xs-12:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 639px) {
      .support .row > .col-xs-12:first-child {
        display: inherit; } }

.support .support-suggestions {
  background-color: #305597;
  color: #ffffff;
  padding: 25px 25px; }
  .support .support-suggestions h3 {
    font-size: 22px;
    margin-bottom: 8px;
    line-height: 30px; }
  .support .support-suggestions ul.support-list {
    list-style-type: none;
    float: left;
    margin-top: 20px;
    margin-left: 25px; }
    .support .support-suggestions ul.support-list:after {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 991px) {
      .support .support-suggestions ul.support-list {
        float: none; } }
    .support .support-suggestions ul.support-list li {
      margin-bottom: 15px;
      position: relative; }
      .support .support-suggestions ul.support-list li:before {
        content: "";
        background-image: url("images/icons/ic-check.png");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        height: 20px;
        width: 30px;
        left: -33px;
        top: 5px; }
      .support .support-suggestions ul.support-list li:last-child {
        margin-bottom: 0; }
    .support .support-suggestions ul.support-list + ul {
      float: right;
      margin-right: 25px;
      margin-left: 0; }
      @media only screen and (max-width: 991px) {
        .support .support-suggestions ul.support-list + ul {
          float: none;
          margin-left: 25px;
          margin-right: 0; } }

.support .support-hotline {
  color: #305597;
  margin-bottom: 3.1rem; }
  @media only screen and (min-width: 640px) {
    .support .support-hotline {
      margin-top: 48px; } }
  @media only screen and (max-width: 639px) {
    .support .support-hotline {
      margin-top: 50px;
      margin-bottom: 20px; } }
  .support .support-hotline span, .support .support-hotline a {
    display: block; }
  .support .support-hotline .phone-number-label {
    font-size: 18px;
    font-weight: bold; }
  .support .support-hotline .support-phonenumber {
    color: #305597;
    font-size: 40px;
    line-height: 120%;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 50px; }
    .support .support-hotline .support-phonenumber:before {
      content: "";
      background-image: url("images/icons/ic-phone.png");
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      height: 38px;
      width: 38px;
      left: -50px;
      top: 5px; }
    @media only screen and (max-width: 685px) {
      .support .support-hotline .support-phonenumber {
        font-size: 34px; }
        .support .support-hotline .support-phonenumber:before {
          height: 34px;
          width: 34px;
          left: -50px;
          top: 3px; } }
  .support .support-hotline .business-hours {
    font-size: 16px; }

.support .service-mail {
  margin-bottom: 4rem; }
  @media only screen and (max-width: 639px) {
    .support .service-mail {
      margin-bottom: 24px; } }
  .support .service-mail a {
    color: #305597;
    display: block;
    text-decoration: none;
    position: relative;
    margin-left: 50px; }
    .support .service-mail a:hover {
      text-decoration: underline; }
    .support .service-mail a:before {
      content: "";
      background-image: url("images/icons/ic-mail.png");
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      height: 38px;
      width: 38px;
      left: -50px;
      top: -5px; }

.support .download {
  color: #305597; }
  .support .download .download-btn {
    border: 3px #305597 solid;
    color: #305597;
    display: block;
    font-size: 24px;
    max-width: 400px;
    position: relative;
    padding: 10px 20px;
    margin-bottom: 10px;
    text-decoration: none;
    position: relative; }
    @media only screen and (max-width: 639px) {
      .support .download .download-btn {
        margin: 0;
        margin-bottom: 10px; } }
    .support .download .download-btn:hover {
      background-color: #305597;
      color: #ffffff; }
      .support .download .download-btn:hover span:before {
        background-image: url("images/icons/ic-download-hover.png"); }
    .support .download .download-btn span {
      left: calc(50% - 46px);
      position: relative; }
    .support .download .download-btn span:before {
      content: "";
      background-image: url("images/icons/ic-download.png");
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: calc(50% - 110px);
      top: -5px;
      height: 40px;
      width: 45px; }
  .support .download .download-desc {
    font-size: 16px;
    line-height: 1.5;
    display: inline-block; }

.services .single-service h3 {
  font-size: 25px;
  margin-bottom: 20px; }

.services .services-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0; }
  @media (max-width: 767px) and (min-width: 641px) {
    .services .services-wrap {
      display: inherit; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .services .services-wrap {
      display: inherit; } }
  @media (max-width: 640px) and (min-width: 481px) {
    .services .services-wrap {
      display: inherit; } }
  @media (max-width: 480px) {
    .services .services-wrap {
      display: inherit; } }

.services .section-overlay-layer {
  padding-top: 0;
  padding-bottom: 70px; }

@media only screen and (max-width: 991px) {
  .services .parallax_one_grid_col_1 .service-box {
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0; }
    .services .parallax_one_grid_col_1 .service-box:last-child {
      margin-bottom: 0; } }

@media only screen and (max-width: 991px) {
  .services .parallax_one_grid_col_3 {
    display: inherit;
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0; } }

.services-wrap .service-box {
  margin-bottom: 0; }

.services-wrap .single-service {
  padding: 35px 30px 25px 30px; }
  .services-wrap .single-service img {
    margin-top: 20px;
    height: 50px;
    width: auto; }

.services-wrap .service-list {
  margin-bottom: 20px;
  text-align: left; }
  .services-wrap .service-list ul {
    list-style-position: outside; }
  .services-wrap .service-list strong {
    font-size: 20px; }
  .services-wrap .service-list p {
    margin-bottom: 20px; }

.service-box {
  background-color: #305597;
  border-bottom: 6px #305597 solid;
  color: #ffffff;
  margin-bottom: 0;
  height: 100%;
  -webkit-transition: border 300ms ease-out;
  -o-transition: border 300ms ease-out;
  transition: border 300ms ease-out; }
  .service-box.border-bottom-hover:hover {
    border-bottom-color: #94b4e4; }
  .service-box .single-service {
    background-color: transparent;
    border: none; }
    .service-box .single-service .service-icon {
      margin-bottom: 0; }
    .service-box .single-service .colored-text {
      color: #ffffff; }

.clients {
  padding-top: 0;
  padding-bottom: 55px; }
  .clients .section-header {
    margin-bottom: 40px; }
  .clients .client-logos {
    padding-left: 0; }
    .clients .client-logos li {
      margin: 10px 25px; }
      .clients .client-logos li a:hover img,
      .clients .client-logos li a:focus img {
        opacity: 0.6;
        -webkit-filter: grayscale(1);
        filter: grayscale(1); }
      .clients .client-logos li img {
        opacity: 1;
        filter: none;
        -webkit-filter: none; }
      @media only screen and (max-width: 400px) {
        .clients .client-logos li {
          margin: 15px 10px; }
          .clients .client-logos li img {
            max-width: 120px; } }
      @media only screen and (min-width: 401px) and (max-width: 991px) {
        .clients .client-logos li {
          margin: 15px 20px; }
          .clients .client-logos li img {
            max-width: 95px; } }

.contact-info {
  background-color: #305597;
  color: #ffffff; }
  .contact-info a:hover {
    text-decoration: underline; }
  .contact-info .section-overlay-layer {
    padding-top: 0;
    padding-bottom: 70px; }
  .contact-info .colored-line {
    background-color: #ffffff; }
  @media (max-width: 767px) {
    .contact-info .contact-box {
      margin: 0 auto;
      width: 264px; }
      .contact-info .contact-box:after {
        content: "";
        display: table;
        clear: both; }
      .contact-info .contact-box .fa {
        float: left; }
      .contact-info .contact-box .no-link {
        float: right; } }
  .contact-info .contact-link-box {
    float: left;
    text-align: left; }
    .contact-info .contact-link-box:first-child .fa {
      font-size: 27px; }
    @media (max-width: 767px) {
      .contact-info .contact-link-box:first-child {
        margin-bottom: 10px; } }
    .contact-info .contact-link-box + .contact-link-box .contact-box {
      margin-bottom: 15px; }
      .contact-info .contact-link-box + .contact-link-box .contact-box:last-child {
        margin-bottom: 0; }
    .contact-info .contact-link-box .no-link {
      display: inline-block; }
    .contact-info .contact-link-box .fa {
      color: #ffffff;
      display: inline-block;
      font-size: 27px;
      line-height: 27px;
      vertical-align: top;
      margin-right: 9px; }
      @media (max-width: 767px) {
        .contact-info .contact-link-box .fa {
          width: 30px; } }
    .contact-info .contact-link-box a {
      color: #ffffff;
      display: inline-block;
      padding: 0; }

footer.footer {
  background-color: #244785;
  color: #ffffff;
  padding: 3px 20px 10px 20px; }
  footer.footer #menu-secondary {
    display: inline-block;
    right: 0;
    position: absolute; }
  footer.footer .footer-bottom-wrap {
    position: relative;
    text-align: inherit; }
  footer.footer .parallax_one_copyright_content {
    font-size: 10px;
    display: inline-block; }
  footer.footer .screen-reader-text {
    display: none; }
  footer.footer ul li {
    font-size: inherit;
    padding: 0; }
  footer.footer .footer-links {
    display: inline-block;
    margin-right: 0;
    margin-left: auto; }
    footer.footer .footer-links li a {
      color: #ffffff;
      font-size: 10px;
      padding: 5px; }
      footer.footer .footer-links li a:hover, footer.footer .footer-links li a:focus {
        text-decoration: underline; }
  @media only screen and (max-width: 480px) {
    footer.footer {
      padding: 10px 20px; }
      footer.footer .parallax_one_copyright_content {
        display: block;
        text-align: center;
        margin-top: 5px; }
      footer.footer #menu-secondary {
        display: block;
        position: relative;
        right: auto;
        text-align: center; } }

h2.intro {
  font-size: 2rem;
  line-height: 2.5rem;
  padding: 0px 10px 10px 10px;
  display: inline-block; }
  @media (min-width: 580px) {
    h2.intro {
      font-size: 2.5rem;
      line-height: 3rem;
      padding: 0px 10px 10px 10px; } }
  @media (min-width: 768px) {
    h2.intro {
      font-size: 3rem;
      line-height: 4rem;
      padding: 0px 10px 4px 10px; } }
  @media (min-width: 1200px) {
    h2.intro {
      font-size: 4rem;
      line-height: 3.5rem;
      padding: 0px 10px 8px 10px; } }

.intro-section {
  background-color: #305597;
  margin-top: 0; }

.news {
  background-color: #305597;
  color: #ffffff;
  padding-bottom: 70px; }
  .news .colored-line {
    background-color: #ffffff; }
  .news .brief-content-text {
    font-weight: 300;
    text-align: center; }
  .news a:hover {
    text-decoration: underline; }

.header .navbar-brand {
  padding: 10px 7px 0 0; }

.header .overlay-layer {
  padding-top: 0 !important;
  padding-bottom: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

@media only screen and (max-width: 420px) {
  .header {
    background-position: 50% center; }
    .header .overlay-layer-wrap {
      height: 260px; } }

@media only screen and (min-width: 421px) and (max-width: 840px) {
  .header {
    background-position: 50% center; }
    .header .overlay-layer-wrap {
      height: 360px; } }

@media only screen and (min-width: 841px) and (max-width: 920px) {
  .header {
    background-position: 50% 0px; }
    .header .overlay-layer-wrap {
      height: 420px; } }

@media only screen and (min-width: 921px) and (max-width: 980px) {
  .header {
    background-position: 50% -50px; }
    .header .overlay-layer-wrap {
      height: 395px; } }

@media only screen and (min-width: 981px) and (max-width: 1023px) {
  .header {
    background-position: 50% -50px; }
    .header .overlay-layer-wrap {
      height: 430px; } }

@media only screen and (min-width: 768px) and (min-height: 900px) {
  .header {
    background-position: 50% center; }
    .header .overlay-layer-wrap {
      height: 560px; } }

.header-style-one .intro-section {
  margin-top: 0;
  display: none; }

body {
  color: #305597;
  font-size: 18px;
  line-height: 1.5; }

h2 {
  font-size: 22px; }

.dark-text {
  color: #305597; }

.colored-line {
  background-color: #305597;
  width: 70px; }

.section-header {
  margin-top: 70px;
  margin-bottom: 40px; }

.section-header h2 {
  font-size: 36px;
  margin-bottom: 15px;
  text-transform: uppercase; }
  @media only screen and (max-width: 639px) {
    .section-header h2 {
      line-height: 1.3; } }

.sub-heading {
  margin-top: 30px; }

.call-to-action {
  border-bottom: 0; }

.brief {
  padding: 0 !important; }

.brief .content-section {
  margin-top: 0; }

.brief .section-overlay-layer {
  padding-top: 0;
  padding-bottom: 70px; }

.brief-content-one blockquote {
  border: none;
  font-weight: 600;
  font-style: italic;
  font-size: inherit;
  margin: 20px 0;
  padding: 0;
  text-align: center; }
  .brief-content-one blockquote cite {
    display: block;
    font-size: inherit; }
  .brief-content-one blockquote:before {
    content: '"'; }
  .brief-content-one blockquote:after {
    content: '"'; }

.overlay-layer-wrap {
  background: none; }

.navbar.navbar-fixed-top {
  background-color: #ffffff; }

@media (max-width: 767px) {
  #menu-primary {
    padding: 0; } }

@media (max-width: 767px) {
  .sticky-navigation {
    position: fixed !important; } }

.sticky-navigation .main-navigation ul {
  border: 0; }
  @media (max-width: 767px) {
    .sticky-navigation .main-navigation ul {
      margin: 0; } }

@media (max-width: 767px) {
  .sticky-navigation .main-navigation li:last-child a {
    border-bottom: none; } }

.sticky-navigation .main-navigation li.current a {
  color: #244785; }

.sticky-navigation .main-navigation li a {
  color: #305597;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  font-weight: 300; }
  @media (max-width: 767px) {
    .sticky-navigation .main-navigation li a {
      border-bottom: 1px #305597 solid; } }
  .sticky-navigation .main-navigation li a:hover, .sticky-navigation .main-navigation li a:focus {
    color: #244785; }
    .sticky-navigation .main-navigation li a:hover:before, .sticky-navigation .main-navigation li a:focus:before {
      visibility: visible;
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1); }
      @media (max-width: 767px) {
        .sticky-navigation .main-navigation li a:hover:before, .sticky-navigation .main-navigation li a:focus:before {
          -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
          transform: scaleX(0);
          visibility: hidden; } }
  .sticky-navigation .main-navigation li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #244785;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }

.navbar-inverse {
  border: none; }
  .navbar-inverse .navbar-collapse {
    border-color: #305597; }

.navbar-toggle,
.navbar-inverse .navbar-toggle {
  background-color: #305597;
  margin-right: -10px;
  margin-top: 16px; }
  .navbar-toggle:hover, .navbar-toggle:focus,
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #244785; }

.call-to-action .section-overlay-layer {
  background: none;
  padding: 0;
  height: 300px; }
  .call-to-action .section-overlay-layer .row {
    display: none; }

.site-header-img {
  background-size: cover;
  text-align: center;
  height: 300px;
  width: 100%; }
  @media (max-width: 767px) {
    .site-header-img {
      height: 200px; } }
  .site-header-img .pagetitle {
    color: #ffffff;
    background-color: #305597;
    margin: 0;
    font-size: 3rem;
    line-height: 4rem;
    padding: 3px 10px 3px 10px;
    display: inline-block;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative; }
    @media (min-width: 580px) {
      .site-header-img .pagetitle {
        font-size: 3rem;
        line-height: 4rem;
        padding: 0px 10px 0px 10px; } }
    @media (min-width: 1200px) {
      .site-header-img .pagetitle {
        font-size: 4.3rem;
        line-height: 5.8rem; } }

@media (max-width: 450px) {
  .page-template-template-fullwidth .site-header-img .pagetitle {
    font-size: 2.1rem;
    padding: 0px 7px;
    line-height: 3rem; } }

.page-template-template-fullwidth .site-main {
  padding-top: 20px; }
  .page-template-template-fullwidth .site-main h3 {
    font-size: 22px;
    margin-top: 30px; }

@media (max-width: 400px) {
  .section-header h2 {
    font-size: 30px;
    line-height: 1.2; }
  .service-box .single-service .colored-text {
    font-size: 22px; }
  .support .support-suggestions h3 {
    font-size: 20px; }
  .support .support-suggestions ul.support-list {
    margin-bottom: 5px; }
    .support .support-suggestions ul.support-list li {
      margin-bottom: 5px; }
  .support .support-suggestions ul.support-list + ul {
    margin-top: 0;
    margin-bottom: 15px; }
  .support .download .download-btn {
    font-size: 20px;
    padding: 5px 20px; }
    .support .download .download-btn span:before {
      left: calc(50% - 90px);
      top: -1px;
      height: 27px;
      width: 32px; }
  .support .service-mail a {
    margin-left: 40px; }
    .support .service-mail a:before {
      height: 30px;
      width: 30px;
      left: -40px;
      top: -1px; }
  .support .support-hotline .support-phonenumber {
    font-size: 30px;
    margin-left: 40px; }
    .support .support-hotline .support-phonenumber:before {
      height: 30px;
      width: 30px;
      left: -40px;
      top: 3px; } }

/* --------------------------------------
=========================================
   7. ICONS (minfy)
=========================================
-----------------------------------------*/
@font-face {
  font-family: stamp-icons;
  src: url(fonts/stamp-icons.woff) format("woff"), url(fonts/stamp-icons.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

[data-icon]:before {
  font-family: stamp-icons !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-variant: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none !important;
  content: attr(data-icon);
  speak: none; }

[class*="icon-"]:before,
[class^=icon-]:before {
  font-family: stamp-icons !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-variant: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none !important;
  speak: none; }