/* ----------------------------------------------- */
/* Web-Fonts                                       */
/* ----------------------------------------------- */
/*
 * Webfont SourceSansPro
 */
@import "../../core/resources/css/frontend_base.css";
@font-face {
  font-family: 'SourceSansPro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(webfonts/Source_Sans_Pro/SourceSansPro-Regular.woff) format('woff');
}
@font-face {
  font-family: 'SourceSansPro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(webfonts/Source_Sans_Pro/SourceSansPro-Semibold.woff) format('woff');
}
@font-face {
  font-family: 'SourceSansPro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(webfonts/Source_Sans_Pro/SourceSansPro-Bold.woff) format('woff');
}
@font-face {
  font-family: 'SourceSansPro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(webfonts/Source_Sans_Pro/SourceSansPro-Black.woff) format('woff');
}
@font-face {
  font-family: 'SourceSansPro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(webfonts/Source_Sans_Pro/SourceSansPro-It.woff) format('woff');
}
@font-face {
  font-family: 'SourceSansPro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'), url(webfonts/Source_Sans_Pro/SourceSansPro-SemiboldIt.woff) format('woff');
}
@font-face {
  font-family: 'SourceSansPro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(webfonts/Source_Sans_Pro/SourceSansPro-BoldIt.woff) format('woff');
}
@font-face {
  font-family: 'SourceSansPro';
  font-style: italic;
  font-weight: 900;
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackIt'), url(webfonts/Source_Sans_Pro/SourceSansPro-BlackIt.woff) format('woff');
}
/*
SansationRegular, SansationLight, SansationBold
This font is freeware for personal and commercial use. Feel free to distribute this font. You are permitted to but this font on CDs, websites,... with the following restrictions:
-Editing is only allowed for personal use, don´t distribute an edited version of this font!
-Do not rename this font!
-Do not sell this font!
-Do not handle it as your own work!
-Do not pass the font without this textfile!
I hope you enjoy this font. If you have further questions, please contact me.
Bernd Montag © 2008 - All Rights Reserved (berndmontag@klausmontag.de)
Generated by Font Squirrel (http://www.fontsquirrel.com) on September 16, 2011 05:31:16 AM America/New_York
*/
@font-face {
  font-family: 'SansationRegular';
  src: url('webfonts/Sansation/Sansation_Regular-webfont.eot');
  src: url('webfonts/Sansation/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Sansation/Sansation_Regular-webfont.woff') format('woff'), url('webfonts/Sansation/Sansation_Regular-webfont.ttf') format('truetype'), url('webfonts/Sansation/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SansationLight';
  src: url('webfonts/Sansation/Sansation_Light-webfont.eot');
  src: url('webfonts/Sansation/Sansation_Light-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Sansation/Sansation_Light-webfont.woff') format('woff'), url('webfonts/Sansation/Sansation_Light-webfont.ttf') format('truetype'), url('webfonts/Sansation/Sansation_Light-webfont.svg#SansationLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SansationBold';
  src: url('webfonts/Sansation/Sansation_Bold-webfont.eot');
  src: url('webfonts/Sansation/Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Sansation/Sansation_Bold-webfont.woff') format('woff'), url('webfonts/Sansation/Sansation_Bold-webfont.ttf') format('truetype'), url('webfonts/Sansation/Sansation_Bold-webfont.svg#SansationBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ----------------------------------------------- */
/* Config                                          */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* Imports                                         */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* Allgemein                                       */
/* ----------------------------------------------- */
* {
  box-sizing: border-box;
  color: #2c2c2b;
  padding: 0;
  margin: 0;
  line-height: 1.4em;
}
a {
  text-decoration: none;
  color: #895b45;
}
a:hover,
a:focus {
  color: #d19f80;
}
a:before {
  content: "➜ ";
}
img,
picture {
  max-width: 100%;
  height: auto;
}
video {
  max-width: 100%;
  height: auto;
}
html {
  font: normal 1.1em/1.4em arial, verdana, sans-serif;
}
.p {
  letter-spacing: normal;
  text-transform: none;
  padding: 0;
  margin-bottom: 0.2em;
}
p {
  letter-spacing: normal;
  text-transform: none;
  padding: 0;
  margin-bottom: 0.2em;
}
h1 {
  font-family: SansationRegular, 'Lucida Sans', sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.8em;
  vertical-align: top;
}
.sort1 h1 {
  margin-top: 0;
}
.h2 {
  font-family: SansationRegular, 'Lucida Sans', sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  margin: 0.8em 0 0.6em 0;
}
h2 {
  font-family: SansationRegular, 'Lucida Sans', sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  margin: 0.8em 0 0.6em 0;
}
h3 {
  font-family: SansationRegular, 'Lucida Sans', sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  margin: 1.2em 0 0.6em 0;
}
h4 {
  font-family: SansationRegular, 'Lucida Sans', sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  margin: 1.2em 0 0.6em 0;
}
h5 {
  font-family: SansationRegular, 'Lucida Sans', sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  margin: 1.2em 0 0.6em 0;
  font-style: italic;
}
input.btn {
  display: block;
  border: none;
  text-decoration: none;
  height: 26px;
  padding: 2px 12px;
  font-size: 14px;
  color: white;
  text-align: center;
  text-shadow: none;
  background: #505050;
  border-bottom: 0;
  cursor: pointer;
  box-shadow: inset 0 -2px #2f2e2e;
}
input.back {
  /*background:url(images/back.gif) no-repeat 0 0;*/
}
.input.btn:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
input[disabled='disabled'],
input[disabled],
input.disabled {
  background-color: #f0f0f0;
}
input[type=text] {
  padding-left: 4px;
}
textarea {
  resize: vertical;
}
.popMsg {
  position: absolute;
  left: 300px;
  top: 50px;
  width: 280px;
  height: 100px;
  border: 2px solid #555;
  background-color: #f4f5f4;
  padding: 20px;
  z-index: 100;
}
.popMsg .title {
  font-weight: bold;
  margin-bottom: 4px;
}
.popMsg .yesButton,
.popMsg .noButton {
  float: left;
  margin-top: 20px;
}
.popMsg .noButton {
  margin-left: 100px;
}
.legend {
  font-style: italic;
}
.tooltip {
  border: 1px solid black;
  background-color: white;
  padding: 4px;
  border-radius: 6px;
}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5000;
  background-color: #dbdbdb;
  opacity: 0.6;
}
.mask .pop {
  position: relative;
  width: 209px;
  height: 209px;
  display: block;
  margin: auto;
  border: 2px solid #555;
  background-color: #555;
  opacity: 1;
}
div.comp {
  width: 100%;
}
span.linkButton {
  display: inline-block;
  background: transparent url('images/link.png') no-repeat right center;
  width: 40px;
  height: 1.4em;
  line-height: 1.4em;
}
div.clear {
  clear: both;
  height: 0;
  line-height: 0;
}
/* ----------------------------------------------- */
/* Seitenaufbau                                    */
/* ----------------------------------------------- */
html,
body {
  height: 100%;
}
#ki_background {
  width: 100%;
  height: 100%;
}
#ki_page {
  width: 100%;
  min-height: 100%;
  padding-bottom: 3em;
}
#ki_header {
  width: 100%;
}
#ki_header_content {
  max-width: 1024px;
  margin: 0 auto;
}
#ki_corporation {
  height: 76px;
  background-color: white;
  padding-bottom: 10px;
  overflow: hidden;
  float: left;
}
#ki_corporation a:before {
  content: normal;
}
#ki_logo_corp_de,
#ki_logo_corp_it {
  display: inline-block;
  margin: 8px 0 0 10px;
  background: transparent url('images/logoVssm_de.svg') no-repeat 0 0/244px 60px;
  width: 244px;
  height: 60px;
}
#ki_logo_corp_it {
  background: transparent url('images/logoVssm_it.svg') no-repeat 0 0/224px 60px;
  width: 224px;
}
#ki_title {
  display: inline-block;
  padding: 0;
  font-size: 2em;
  line-height: 1;
  font-family: "SansationLight", "Lucida Sans", sans-serif;
  /*font-style: italic;*/
  /*font-weight: 400;*/
  vertical-align: baseline;
  /*color: white;*/
}
#ki_formation {
  height: 76px;
  background-color: white;
  margin: 0 10px 0 0;
  padding-bottom: 10px;
  overflow: hidden;
  float: right;
  display: none;
}
@media (min-width: 1024px) {
  #ki_formation {
    display: block;
  }
}
#ki_formation a:before {
  content: normal;
}
#ki_logo_formation_de,
#ki_logo_formation_it {
  display: inline-block;
  margin: 8px 0 0 10px;
  background: transparent url('images/logoSchreinerMacher_de.svg') no-repeat 0 0/74px 60px;
  width: 74px;
  height: 60px;
}
#ki_logo_formation_it {
  background: transparent url('images/logoSchreinerMacher_it.svg') no-repeat 0 0/74px 60px;
  width: 74px;
}
#ki_header_content_end {
  clear: both;
  height: 0;
  line-height: 0;
}
#ki_header_screen,
#ki_header_screen_start {
  background: #d19f80;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#d19f80, #895b45);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#d19f80, #895b45);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#d19f80, #895b45);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#d19f80, #895b45);
  /* Standard syntax */
}
#ki_header_screen {
  position: relative;
  width: 100%;
  height: 10vh;
  overflow: hidden;
}
#ki_header_screen_start {
  position: relative;
  width: 100%;
  height: 15vh;
  overflow: hidden;
}
@media (min-width: 400px) {
  #ki_header_screen_start {
    height: 20vh;
  }
}
@media (min-height: 600px) and (min-width: 800px) {
  #ki_header_screen {
    height: 20vh;
  }
  #ki_header_screen_start {
    height: 30vh;
  }
}
@media (min-height: 800px) and (min-width: 1000px) {
  #ki_header_screen {
    height: 25vh;
  }
  #ki_header_screen_start {
    height: 40vh;
  }
}
/*
@media (min-width: 1100px) {
  #ki_header_screen {
    height: 25vh;
  }

  #ki_header_screen_start {
    height: 35vh;
    //min-height: 420px;
  }
}
@media (min-width: 1200px) {
  #ki_header_screen {
    height: 30vh;
  }

  #ki_header_screen_start {
    height: 40vh;
    //min-height: 490px;
  }
}
@media (min-width: 1400px) {
  #ki_header_screen {
    height: 45vh;
  }

  #ki_header_screen_start {
    height: 40vh;
    //min-height: 530px;
  }
}
@media (min-width: 1600px) {
  #ki_header_screen {
    height: 40vh;
  }
  #ki_header_screen_start {
    height: 50vh;
    //min-height: 680px;
  }
}
*/
#ki_header_screen_content {
  position: relative;
  max-width: 1024px;
  height: 100%;
  margin: 0 auto;
}
/*
@media (min-width: @startVideoMaxWith) {
  #ki_header_screen_content {
    max-width: @startVideoMaxWith + 240px;
/*
//    background: #d19f80; /* For browsers that do not support gradients */
/*
  }
}
*/
#ki_header_canvas {
  height: 100%;
  width: 100%;
  /*background-color: #eee;*/
  background-image: url('headerImgs/frame-000444.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#ki_header_video {
  max-width: 1024px;
  background: white;
}
#ki_header_video video {
  width: 100%;
}
/*#ki_video_left, #ki_video_right {
  -ms-flex: 1 1;
  flex: 1 1;
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: @startVideoShowSideGrad) {
  #ki_video_left_gradient, #ki_video_right_gradient {
    width: 61px;
    z-index: 1000;
  }
  #ki_video_left_gradient {
    //align-self: flex-end;
    //-ms-flex: 1 1;
    //flex: 1 1;
    background: url(headerImgs/header_gradient_l.png) right top repeat;
    //background: #003662; !* For browsers that do not support gradients *!
    //background: -webkit-linear-gradient(right, transparent, #00294a); !* For Safari 5.1 to 6.0 *!
    //background: -o-linear-gradient(left, transparent, #00294a); !* For Opera 11.1 to 12.0 *!
    //background: -moz-linear-gradient(left, transparent, #00294a); !* For Firefox 3.6 to 15 *!
    //background: linear-gradient(to left, transparent, #00294a); !* Standard syntax *!
  }
  #ki_video_right_gradient {
    //align-self: flex-start;
    //-ms-flex: 1 1;
    //flex: 1 1;
    background: url(headerImgs/header_gradient_r.png) left top repeat;
    //background: #003662; !* For browsers that do not support gradients *!
    //background: -webkit-linear-gradient(left, transparent, #00294a); !* For Safari 5.1 to 6.0 *!
    //background: -o-linear-gradient(right, transparent, #00294a); !* For Opera 11.1 to 12.0 *!
    //background: -moz-linear-gradient(right, transparent, #00294a); !* For Firefox 3.6 to 15 *!
    //background: linear-gradient(to right, transparent, #00294a); !* Standard syntax *!
  }
}*/
#ki_center_center_wrap {
  width: 100%;
}
#ki_center {
  max-width: 1024px;
  margin: 0 auto;
  min-height: 100px;
  padding: 0 10px;
}
#ki_menu {
  width: 200px;
  overflow: hidden;
  min-height: 100px;
  margin: 20px 0 0 0;
  float: left;
  display: none;
}
@media (min-width: 1024px) {
  #ki_menu {
    display: block;
  }
}
#ki_content,
#ki_content_1,
#ki_content_2 {
  float: left;
  overflow: hidden;
  margin: 26px 0 0 0;
}
#ki_content_1 {
  max-width: 804px;
  overflow: visible;
}
@media (min-width: 1024px) {
  #ki_content,
  #ki_content_1,
  #ki_content_2 {
    margin: 26px 0 0 10px;
    max-width: 794px;
  }
  #ki_content_1 {
    max-width: 794px / 2;
  }
  #ki_content_2 {
    margin: 26px 0 0 20px;
  }
}
#ki_clear_center {
  clear: left;
}
#ki_footer {
  margin-top: -1.8em;
  display: block;
  height: 1.8em;
  background-color: #555;
  width: 100%;
  padding: 0 10px;
}
#ki_footer_content {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  height: 1.8em;
  padding: 0.5em 10px;
  /*border: 1px solid black;*/
}
#ki_footer_left,
#ki_footer_middle,
#ki_footer_right {
  display: inline-block;
  font-size: 12px;
  line-height: normal;
}
#ki_footer_left a,
#ki_footer_middle a,
#ki_footer_right a {
  color: white;
  font-size: 12px;
  line-height: normal;
}
#ki_footer_left {
  float: left;
}
#ki_footer_left a {
  text-align: left;
}
#ki_footer_middle {
  float: left;
  margin: 0 20px;
}
#ki_footer_middle a {
  text-align: center;
}
#ki_footer_right {
  float: right;
}
#ki_navi_language {
  display: inline-block;
}
#ki_navi_language a:before {
  content: normal;
}
#ki_navi_language a {
  color: white;
  font-size: 12px;
  line-height: normal;
}
#ki_navi_language span {
  margin: 0 10px;
  color: white;
  font-size: 12px;
  line-height: normal;
}
#ki_navi_language .c {
  color: #c8c8c8;
}
/* ----------------------------------------------- */
/* Menu Normal                                     */
/* ----------------------------------------------- */
#ki_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 90%;
}
#ki_menu ul li {
  margin: 0.5em 0;
}
#ki_menu ul.mainlevel li.pos1 {
  margin-top: 0;
}
#ki_menu ul.sublevel li.pos1 {
  margin-top: 0.5em;
}
#ki_menu ul a {
  display: block;
  font-family: "GuessSans-Light", "Lucida Sans", sans-serif;
  font-size: 1em;
  line-height: 1.6;
  text-decoration: none;
  color: #2c2c2b;
}
#ki_menu ul a:before {
  content: normal;
}
#ki_menu ul a:hover {
  color: #5C8299;
}
#ki_menu ul a.mainlevel_c {
  color: #6a6a6a;
}
#ki_menu ul.sublevel a {
  padding-left: 1em;
  font-size: 0.9em;
  line-height: 1.2em;
}
#ki_menu ul.sublevel ul.sublevel a {
  padding-left: 2em;
  line-height: 1.1em;
}
/* ----------------------------------------------- */
/* Menu Mobile                                     */
/* ----------------------------------------------- */
#ki_menu_mobile {
  top: 8px;
  right: 8px;
  display: block;
  z-index: 1000;
  font-size: 1em;
}
@media (min-width: 1024px) {
  #ki_menu_mobile {
    display: none;
  }
}
/* ----------------------------------------------- */
/* Comp-Login                                      */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* Comp-Link                                       */
/* ----------------------------------------------- */
.compLink p.title {
  letter-spacing: normal;
  text-transform: none;
  padding: 0;
  margin-bottom: 0.2em;
}
.compLink .col a {
  letter-spacing: normal;
  text-transform: none;
  padding: 0;
  margin-bottom: 0.2em;
}
.compLink.news a {
  display: inline-block;
  background: transparent url('images/link.png') no-repeat right center;
  min-height: 20px;
  height: 1.4em;
  line-height: 1.4em;
}
/* ----------------------------------------------- */
/* Comp-UserAccount                                */
/* ----------------------------------------------- */
/*# sourceMappingURL=style.css.map */