/* Copyright (c) 2016 introx Marketingkommunikation Bernd Hantschmann
*
*  CSS für WSZE 2016
*
*********************************************/
/* martel-sans-regular - latin */
/* martel-sans-regular - latin */
@font-face {
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/martel-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/martel-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/martel-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/martel-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/martel-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/martel-sans-v12-latin-regular.svg#MartelSans') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* martel-sans-800 - latin */
@font-face {
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/martel-sans-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/martel-sans-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/martel-sans-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/martel-sans-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/martel-sans-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/martel-sans-v12-latin-800.svg#MartelSans') format('svg'); /* Legacy iOS */
    font-display: swap;
}

/* reset */
*, html {
    margin: 0;
    padding: 0;
    font-family: 'Martel Sans', sans-serif !important;
}
body {
    background: #134b94;
}
/* LINKS
*********************************************/
a:link,a:visited {
    color:#134b94;
    font-weight: 700;
    text-decoration: none;
}
a:hover, li.active a {
    color:#d8921a;
}
a img {
  	border: none;
}
/* LAYOUT
*********************************************/
.mobil {
    display: none;
}
#top-over {
    min-width: 100%;
    height: 120px;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 10000;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(51,51,51,0.6);
    -moz-box-shadow: 0px 10px 10px 0px rgba(51,51,51,0.6);
    box-shadow: 0px 10px 10px 0px rgba(51,51,51,0.6);
}
#top-desk {
    width: 1000px;
    height: 120px;
    margin: 0 auto;
}
#logo-desk {
    width: 232px;
    height: 81px;
    margin: 20px 0 0 0;
    float: left;
}
#overall {
    width: 1000px;
    margin: 120px auto 0 auto;
    min-height: 800px;
}
#box {
    min-width: 100%;
    max-height: 400px;
    background: #ddd;
    overflow: hidden;
}
#content{
    min-width: 100%;
    background: #eee;
    padding: 30px 0;
}
#foot {
    min-width: 100%;
    height: 60px;
    background: #d8921a;
}
#copyright{
    margin: 10px 0 0 30px;
    float: left;
}

/* MENUS
*********************************************/
/* Topmenu */
#topmenu {
    max-width: 708px;
    margin: 72px 30px 0 0;
    float: right;
}
#topmenu li {
    list-style: none;
    float: left;
}
#topmenu li a {
    text-decoration: none;
    display: block;
    margin: 0 10px;
    font-weight: 400;
    text-transform: uppercase;
}
#topmenu ul li.active a {
    color:#d8921a;
    border-bottom: 2px solid #134b94;
}
#topmenu ul li ul {
    display: none;
}
#topmenu ul li:hover ul {
    display: block;
    position: absolute;
    margin-left: 10px;
}
#topmenu ul ul li {
    clear: left;
    width: 230px;
    background: #d8921a;
    border-bottom: 1px solid #fff;
    padding: 8px 8px 4px 8px;
}
#topmenu ul ul li:last-child {
    border-bottom: none;
}
#topmenu ul li.active ul.nav-child li.active a, #topmenu ul li ul.nav-child li a:hover, #topmenu ul li.active ul.nav-child li a:hover {
    border-bottom: none !important;
    color: #fff;
}
#topmenu ul li.active ul.nav-child li a {
    border-bottom: none !important;
    color: #134b94;
}

/* Footmenu */
#footmenu {
    margin: 10px 30px 0 0;
    float: right;
}
#footmenu li {
    list-style: none;
    float: left;
}
#footmenu li a {
    color: #134b94;
    text-transform: uppercase;
    margin-left: 20px;
    font-weight: 400;
}
#footmenu li a:hover {
    color: #fff;
}
#footmenu li.active a {
    color: #fff;
    border-bottom: 2px solid #134b94;
}
/* Langmenu */
#langmenu {
    width: 120px;
    height: 24px;
    margin: 72px -30px 0 0;
    float: right;
}
#langmenu ul.nav.menu {
    height: 24px;
    width: 100px;
    list-style-type: none;
}
#langmenu li {
    list-style: none;
    float: left;
    width: 40px;
    height: 24px;
    margin: 0 !important;
}
#langmenu li a {
    display: block;
    width: 40px;
    height: 24px;
    overflow: hidden;
    line-height: 100px;
    font-size: 24px;
    text-decoration: none;
    background: none;
}
#langmenu li.item-136 {
    margin: 0 -30px 0 10px !important;
}
#langmenu li.item-135 a {
    background: url('../images/de.png') center center no-repeat;
}
#langmenu li.item-136 a {
    background: url('../images/eng.png') center center no-repeat;
}
#langmenu li.item-135 a:hover {
    background: url('../images/de_h.png') center center no-repeat;
}
#langmenu li.item-136 a:hover {
    background: url('../images/eng_h.png') center center no-repeat;
}
/* COMPONENTS
*********************************************/
/* Forms */
#cf_1, #cf_2 {
    margin-top: -30px;
    padding-top: 30px;
    margin-bottom: -30px;
    padding-bottom: 30px;
}
.convertforms, #cf_1 {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
.cf-control-input h1 {
    font-size: 24px !important;
    font-weight: 700;
    color: #134b94;
    margin: 0 0 15px 0 !important;
}
.convertforms .cf-control-group:nth-child(3),
.convertforms .cf-control-group:nth-child(2) {
    padding: 0 9px !important;
}
.convertforms .cf-label {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
}
.convertforms button {
    background: #134b94 !important;
    font-weight: 700 !important;
    padding: 12px 0 8px 0 !important;
    margin-bottom: 40px !important;
}
.convertforms button:hover {
    background: #d8921a !important;
    opacity: 1 !important
}
.convertforms .cf-fields {
    width: 66% !important;
}
.convertforms .cf-control-group.checkit,
.convertforms .cf-control-group.checkit .cf-control-input,
.convertforms .cf-control-group.checkit .cf-control-input .cf-list,
.convertforms .cf-control-group.checkit .cf-control-input .cf-list .cf-checkbox-group,
.convertforms .cf-control-group.checkit .cf-control-input .cf-list .cf-checkbox-group #form1_checkbox_10_copyucdi_0,
.convertforms .cf-control-group.checkit .cf-control-input .cf-list .cf-checkbox-group .cf-label {
  display: block !important;
}
.convertforms .cf-input[type="checkbox"] {
  width: 25px !important;
  max-width: 25px !important;
  min-width: 25px !important;
  float: left !important;
  margin-right: 8px !important;
}
.convertforms .cf-control-group.checkit .cf-control-input .cf-list .cf-checkbox-group .cf-label::after {
    content: "*";
    color: #DB4437;
}
.cf-control-group.recap div.cf-control-label {
    display: none !important;
}
.convertforms.cf-success .cf-response {
    background-color: #134b94 !important;
    margin-bottom: 100px !important;
}
.convertforms.cf-success .cf-response p {
    color: #fff !important;
    font-weight: 700 !important;
}


/*

div#form-row-text2, div#form-row-text3, div#form-row-text4, div#form-row-text5 {
    wdith: 440px !important;
    min-wdith: 440px !important;
    max-wdith: 440px !important;
}
div#form-row-text2, div#form-row-text4 {
    float: left;
}
div#form-row-text3, div#form-row-text5, div#form-row-button8 {
    float: right;
}
div#form-row-textarea6 {
    clear: both;
    float: left;
}
div.gbs3 {
    margin: 0 30px;
}
.gbs3 h1 {
    font-size: 24px;
    font-weight: 700;
    color: #134b94;
    margin: 0 0 15px 0;
}
label {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    margin: 0 0 7px 0;
}
i.fa.fa-asterisk {
    display: none;
}
input, textarea {
    padding: 9px 9px 5px 9px !important;
    line-height: 1.5em !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #134b94 !important;
    min-width: 455px !important;
    border-radius: none !important;
    border: 1px solid #134b94 !important;
}
textarea {
    height: 180px !important;
}
input#text3, input#text5 {
    border: 1px dotted #134b94 !important;
}
input#button8 {
    color: #fff !important;
    background: #134b94 !important;
    border: none !important;
}
input#button8:hover {
    background: #d8921a !important;
}
p.chrono_credits {
    display: block;
    clear: both;
    font-size: 10px;
    font-weight: 400;
    margin: 7px 0 7px 0 !important;
}
p.datenschutz {
    display: block;
    float: right;
    width: 455px;
    margin-top: 143px;
}
*/
/* Silder */
div#camera_wrap_118, div#camera_wrap_119 {
    margin-bottom: 0 !important;
}
.cameraContent {
    top: 25px !important;
    bottom: 320px !important;
    left: 460px !important;
    width: 540px !important;
}
.camera_caption > div {
  background: #000;
  background: rgba(255, 255, 255, 0.8) !important;
}
.camera_caption_title {
    font-size: 21px;
    color: #134B94;
    text-align: right;
    padding: 8px 0 5px 0 !important;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #134b94;
}
.camera_commands {
    display: none !important;
}
.camera_prev {
    margin-left: 20px;
}
.camera_next {
    margin-right: 20px;
}
.camera_pag {
    position: absolute;
    bottom: 10px;
    left: 450px;
    height: 40px;
    overflow: hidden;
}
.camera_wrap .camera_pag .camera_pag_ul li {
  background: #f0f0f0 !important;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  background: #134b94 !important;
}
/* MODULES
*********************************************/
/* Google Maps */
.wrappergmaps {
    height: 400px !important;
}
.wrappergmaps html {
    height: 400px !important;
}
#blockrandom-94 {
    margin-left: -2px;
    height: 400px;
}
/* PLUGINS
*********************************************/
/* Image Zoom */
div.highslide-container {
    z-index: 20000 !important;
}
/* CONTENT
*********************************************/
.page-header {
    display: none;
}
h1{
    font-size: 24px;
    font-weight: 700;
    color: #134b94;
    margin: 0 30px 15px 30px;
}
h2 {
    font-size: 18px;
    font-weight: 700;
    color: #134b94;
    margin: 25px 30px 10px 30px;
}
h3 {
    font-size: 18px;
    font-weight: 700;
    color: #134b94;
    margin: -22px 30px 10px 30px;
}
h4 {
    font-size: 14px !important;
    color: #000;
    margin: 0 !important;
    font-weight: 700;
}
h5 {
    font-size: 14px  !important;
    color: #000;
    margin: 0 0 15px 0 !important;
    font-weight: 700;
}
h6 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 30px;
}
p, td, #content li, figcaption {
    font-size: 14px;
    color: #000;
    margin: 0 30px 7px 30px;
}
p:last-child {
    margin: 0 30px;
}
table {
    margin: 0 30px;
}
#content li {
    margin: 0 60px 7px 60px;
}
#content ul {
}
p.foot {
    font-size: 14px;
    color: #fff;
    margin: 0;
}
/* div.item-pagehomengl div {
    padding-top: 400px;
} */

/* Produkte */
div.item-pagewerkzeug {
    padding-left: 10px;
}
div.item-pagewerkzeug h1 {
    margin-left: 18px !important;
}
.item-pagewerkzeug ul {
    margin: 0 0 0 18px !important;
}
.item-pagewerkzeug p {
    margin: 0 0 0 18px;
}
ul.sigFreeClassic {
    padding: 0 0 8px 0 !important;
}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
    border: 1px solid #134b94;
}
#content div.item-pagewerkzeug li, li.sigFreeThumb {
    margin: 0 !important;
}
.item-pagewerkzeug table {
    margin: 0;
    vertical-align: top;
}
.fancybox-caption,
.fancybox-toolbar {
    display: none !important;
}
.fancybox-bg {
    background: #134b94 !important;
}
/* OVERRIDES
*********************************************/

/* QUERIES
*********************************************/
/* width 800px */
/* Mobil & Tablet */
.desk {
}
.mobil {
}
#top-mobil {
}
#mobilmenu {
}
#logo-mobil {
}
