/* =============================================================================
 * add here your own styles (update-safe)
 * info: save this file before you update the theme to a higher version
 * ========================================================================== */

 
 
/* --------------- GLOBAL STYLES --------------- */

 
/* Sets Template into Full-Width Mode */
#header {max-width: 100%;}
#wrapper {max-width: 100%;}
#header_after .inside {max-width: 100%;}
#footer {max-width: 100%;}
#bottom {max-width: 100%;} 
#main {margin-bottom: 40px;}

/* FIX NAV-BAR */
.sticky {position: fixed !important; top: 0; width: 100%}
.sticky #logo {top: 6px;}
.sticky nav#mainmenu ul li a{padding: 0 5px;}
.sticky nav#mainmenu .level_1 span{font-size: 0;}
.sticky nav#mainmenu .level_2 span{font-size: 10px;}
.sticky + #header_after, .sticky + #wrapper {padding-top: 136px;}

 
p a {color: #df252b;}
.empty {font-size: 14px;}
.teaserspacer {font-size: 14px;}
.teaserspacer  a{color: #df252b; text-decoration: underline;}
td.ce_text p a{font-size: 14px;}
ul.red-list li a{color: #df252b;}
.no-border img {border: 0px;}
body {overflow-y: scroll !important;}
.just {text-align: justify;}


/* FOOTER - Kontakt Adresse */
.adress ul {padding: 0;}
.adress li {list-style-type: none; display: table;}
.adress li:before {font-family: "icons"; display: inline-block; position: relative; margin-right: 10px;}
.adress a {color: #df252b;}


/** RALEWAY FONT

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v11/QoPu455RxV2raYSIFXAMBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v11/1ImRNPx4870-D9a1EBUdPPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


 /* ICON-FONT */
 /* http://fontello.com/ - Default code (hex) eingeben */
 
.ce_list.icon-location-5 li:before{content:'\e93d'}
.icon-location-5:before{content:'\e93d'; height: 55px;}
.ce_list.icon-phone-2 li:before{content:'\e9e8'}
.icon-phone-2:before{content:'\e9e8'}
.ce_list.icon-print-2 li:before{content:'\e902'}
.icon-print-2:before{content:'\e902'}
.icon-mail:before{content:'\2709'}.
.ce_list.icon-mail li:before{content:'\2709'}
.icon-youtube-1:before{content:'\55'}
.ce_list.icon-youtube-1 li:before{content:'\55'}
.ce_list.icon-facebook-3 li:before{content:'\66'}
.icon-facebook-3:before{content:'\66'}
.ce_list.icon-twitter-3 li:before{content:'\54'}
.icon-twitter-3:before{content:'\54'}
.ce_list.icon-google li:before{content:'\47'}
.icon-google:before{content:'\47'}
.ce_list.icon-itunes li:before{content:'\69'}
.icon-itunes:before{content:'\69'}
.ce_list.icon-industrial-building li:before{content:'\e9a0'}
.icon-industrial-building:before{content:'\e9a0'}
.ce_list.icon-phone-3 li:before{content:'\eccc'}
.icon-phone-3:before{content:'\eccc'}
.ce_list.icon-star-5 li:before{content:'\e92e'}
.icon-star-5:before{content:'\e92e'}
.ce_list.icon-key li:before{content:'\1F511'}
.icon-key:before{content:'\1F511'}
.ce_list.icon-news li:before{content:'\eb1f'}
.icon-news:before{content:'\eb1f'}
.ce_list.icon-down li:before{content:'\2193'}
.icon-down:before{content:'\2193'}
.ce_list.icon-star li:before{content:'\2605'}
.icon-star:before{content:'\2605'}
.ce_list.icon-contacts li:before{content:'\eb2c'}
.icon-contacts:before{content:'\eb2c'}
.ce_list.icon-search-5 li:before{content:'\e92a'}
.icon-search-5:before{content:'\e92a'}
.icon-plus:before{content:'\2b'}
.ce_list.icon-plus li:before{content:'\2b'}
.icon-minus:before{content:'\2d'}
.ce_list.icon-minus li:before{content:'\2d'}
.ce_list.icon-folder-1 li:before{content:'\e824'}
.icon-folder-1:before{content:'\e824'}
.ce_list.icon-right-dir li:before{content:'\25b8'}
.icon-right-dir:before{content:'\25b8'}
.ce_list.icon-right-open-big li:before{content:'\ea08'}
.icon-right-open-big:before{content:'\ea08'}
.ce_list.icon-play:before{content:'\ECFF'}
.icon-play:before{content:'\ECFF'}
.ce_list.icon-karriere:before{content:'\E9FB'}
.icon-karriere:before{content:'\E9FB'}


 
/* REVOLUTION-SLIDER GENERAL (Home) */ 
h1.headline1, p.headline1 {font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 800; font-size: 48px; margin: 10px 0 20px 0 !important; color: #3a3a3a;}
h1.headline1 em, p.headline1 em {color: #df252b; font-style: normal;}
h2.headline2, p.headline2 {font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 30px; line-height: 1.2; margin-bottom: 20px !important; color: #434343;}
p.slide {font-size: 16px; color: #3a3a3a;}
a.slide-button {font-size: 16px; background-color: #df252b; line-height: 55px;}
a.slide-button:hover {background-color: #be1c22; text-decoration: none;}
.slide-2-headline {text-align: right;} /* rechtsbündig für Home-Slider */
.slide-img-bottom {top: initial !important; bottom: 0px !important;}
.image_container {margin-bottom: 20;} /* Imagecontainer for Slider */


/* REVOLUTION-SLIDER Karriere / Mediathek */
h1.headline1 {font-size: 48px !important; margin: 20px 0 -10px 0 !important;}
h2.headline2 {font-size: 30px !important; text-transform: none;}


/* COOKIE-HINWEIS */

.cc-window{opacity:1;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-size:13px;line-height:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:10px;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:10px;font-weight:bold;color: #fff !important; text-align: center;}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1;text-align: center; color: #888888;}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1; min-width: 22px;}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}


/* PRELOADER */

body.preloader-site {overflow: hidden;}
.preloader-wrapper {height: 100%; width: 100%; background: #FFF; position: fixed; top: 0; left: 0; z-index: 9999999;}
.preloader-wrapper .preloader {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 120px;}




/* --------------- HOMEPAGE --------------- */

#buttoncontainer {height: 136px; width: 320px;} /* two monitors */
.innerbtncontainer {float: left; 	width: 150px; height: 120px;}
.btncircle { width: 150px; height: 90px; position: relative; text-align: center; font-weight: bold;}
.btncircle:hover .cursor {opacity: 1.0;}
.cursor {width: 150px; height: 90px; top: 0px; left: 0px; position: absolute; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0;}

div#tabs ul.infoboxen li {font-size: 13px;}
div#tabs ul.infoboxen li a{padding: 3px 9px;}

.margin-tb {margin: 20px 0 30px 0;}

/* Wordcloud */
#wordcloud {background-color: #fff; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #9FA7B2; margin-top: 20px; padding: 5px 5px; text-align: center; width: 100%;}
#wordcloud ul {list-style: none; text-align: center; margin: 0; padding: 0;}
#wordcloud ul li {border-radius: 20px; display: inline-block; margin: 0 0 8px 0; padding: 5px 12px;}
.xs {font-size: 10px; line-height: 1.5;}
.m {font-size: 12px; padding: 6px 8px;}
.l {font-size: 13px; padding: 6px 12px 7px;}
.xl {font-size: 15px; padding: 7px 14px 8px;}
.xs, .s, .m, .l, .xl {background: #f3f3f3; color: #888;}
.xs:hover, .s:hover, .m:hover, .l:hover, .xl:hover {background: #df252b; color: #fff;}



/* --------------- UNTERNEHMEN --------------- */

/* --> Zentrale */
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 20px;} /* Responsive Video-Container */
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.map-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}

/* --> Ausbildung */
.azubis td:first-child {width: 150px; vertical-align: top;} /* Azubis Einzelvorstellung */
.azubis td:first-child  img{width: 100% !important; padding-top: 6px;}
.azubis h5{font-size: 14px !important; font-weight: bold;}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {left: 48%; bottom: 10px;} /* BX-Slider Pagination */

.tab_karriere td {border-top: 0px; vertical-align: top;}
.tab_karriere td:first-child {width: 240px; padding-right: 10px;}
.tab_karriere td:first-child  img{width: 100% !important; padding-top: 6px;}
.tab_karriere td p {margin: 0 0 10px 0;}



/* --------------- PRODUKTE --------------- */

table.vorteile  h4{font-size: 14px; font-weight: bold;} 
table.vorteile td:first-child {padding: 10px 15px 4px 0px;}
table.vorteile td:nth-child(2) {padding: 10px 0px 4px 0px;}


/* --------------- AKTUELLES --------------- */

.beitrag {border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 20px;}

.fachbeitraege .header tr td {border-top: none; vertical-align: top; padding: 6em 5em 2em 5em;}
.fachbeitraege h1, .fachbeitraege h3 {margin: 15px 0 5px 0;}
.fachbeitraege h3 {font-family: 'Verdana', sans-serif !important; font-weight: bold; font-size: 16px !important; margin-bottom: 0px;}
#buchbestellform {margin: 50px 0;}


/* --------------- SUPPORT --------------- */


/* PSA Zertifizierung */
p.psa-headline {font-family: 'Raleway'; font-size: 22px; color: #df252b;}


/* Loco-News per E-Mail anfordern */
#loco-news_form .full {width: 100%;}





/*  UMFRAGE  */
#tyre24 .radio_container legend {display: none;}


/*  ANFORDERUNGSFORMULAR  */

.custom_infoicon {width: 18px; height: 18px; border-radius: 50%; border: 1px solid #888888;
text-align: center; font-size: 12px; background: #efefef; margin-top: 10px; cursor: help;}

.custom_infoicon:hover {border: 1px solid #a0161a; color: #fff; background: #df252b; cursor: help;}

h3.form-headline {font-size: 13px; font-weight: bold; margin: 5px 0;}

/* Link im rechten Navigationsmenue ausblenden */
#submenu li a[href="support/programmanforderungen.html"], 
#submenu li a[href="programmanforderungen.html"], 
#submenu li a[href="support/programmanforderungen.html"], 
#submenu li a[href="schulung/seminare/uebersicht.html"],  
#submenu li a[href="schulungsseite-entwurf/webinare/uebersicht-webinare.html"], 
#submenu li a[href="karriere/stellenangebote/kaufmaennischer-mitarbeiter-vertrieb.html"], 
#submenu li a[href="karriere/stellenangebote/aussendienst-vertrieb.html"], 
#submenu li a[href="karriere/stellenangebote/auszubildung-it-systemkaufmann.html"], 
#submenu li a[href="karriere/stellenangebote/ausbildung-bueromanagement.html"], 
#submenu li a[href="karriere/stellenangebote/software-entwickler.html"], 
#submenu li a[href="karriere/stellenangebote/auszubildender-fachinformatiker-anwendungsentwicklung.html"],
#submenu li a[href="schulung/webinare/uebersicht.html"] {display: none !important;}


/* Dropdown-arrow dauerhauft bei Loco-News wegblenden */
1#submenu ul li.submenu a[href="loco-news.html"]::after {display: none !important;}


.widget-radio label {width: 39.75%; display: inline-block;}


::-webkit-input-placeholder {color: #c8c8c8;}
:-moz-placeholder {color: #c8c8c8; opacity: 1;}
::-moz-placeholder {color: #c8c8c8; opacity:  1;}
:-ms-input-placeholder {color: #c8c8c8;}
::-ms-input-placeholder {color: #c8c8c8;}



@media only screen and (max-width: 1280px) {
.fachbeitraege .header tr td {padding: 1em;}
}


@media only screen and (max-width: 880px) and (min-width: 640px) {
#anforderungsformular td.col_0.col_first{
	width: 100px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
#anforderungsformular td {padding: 0.25em;}
}

@media only screen and (max-width: 640px) {
  form#anforderungsformular tr td {text-align: center;}
  .custom_infoicon {margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
  .upload-field {display: none;}
  td.td_icon {border-bottom: 1px solid #eee;}
  .hasTooltip:hover span {right: 0; width: 85%;}
  .fachbeitraege .header tr td {display: inline-block; padding: 3em; width: 50%;}
}


/* WEBNEWS (Störmeldefunktion) */

h1.trouble {font-family: 'Raleway', 'Verdana', sans-serif; font-size: 30px; color: #df252b; margin-bottom: 20px;}
div.trouble {border-bottom: 1px solid #ededed; margin-top: 15px;}
.trouble .image_container {float: left; margin-right: 20px;}
.trouble img {width: 64px !important; height: 64px; margin-top: 15px;}
.trouble table {border: none; font-size: 14px; margin-bottom: 20px;}
.trouble table td:first-child {width: 100px; height: auto;  vertical-align: middle;}
.w-hinweis2 {width: 100%; margin: 50px 0 15px 0; text-align: center; padding: 18px 5px 0 5px; border: #cecece 1px solid; display: inline-block;}

@media only screen and (max-width: 880px) {
.trouble img {margin: 0 auto !important;}
}

/* TOOLTIP */

.hasTooltip span {
    display: none;
    color: #000;
    text-decoration: none;
    padding: 3px;
}

.hasTooltip:hover span {
    display: block;
    position: absolute;
	right: 5px;
    background-color: #ededed;
    border: 1px solid #CCC;
    margin: 2px 10px;
	padding: 10px;
	width: 362px;
	height: auto;
}

.hasTooltip span img {margin-top: 8px;}

/* TOOLTIP END */



/* --------------- SONSTIGE --------------- */

.update-text {width: 62%; margin-right: 4%; float: left;}
.loco-werbung2 {width: 410px; height: auto; float: left;}

#updatearea {width: 100%; border-top: 0px;}
#updatearea .wtext{width: 200px;}

/* Buttons */

#myBtn {background: none; color: #df252b!important; cursor: pointer; font-family: verdana;} /* Button für AGB */

a.callus {display: none; transition: all 0.2s ease-out 0s; padding: 10px 12px; background: #df252b; color: #ffffff; text-align: center; margin: 0 15px 30px 15px;}
.web-details .teaserspacer a, a.mobilbutton, a.redbutton {font-weight: normal; font-size: 13px; transition: all 0.2s ease-out 0s; margin-top: 15px; padding: 9px 12px; background: #df252b; color: #ffffff; text-align: center; display: inline-block;}
a.mobilbutton, .hide-headline h4 {display: none;}
a.mobilbutton:hover, a.redbutton:hover, a.callus:hover {color: #ffffff; background-color: #be1c22; text-decoration: none;}
.productinfo {margin-top: 10px;}
.productinfo label {cursor: pointer;}
.productinfo  a {color: #333; background-color: #e8e8e8; padding: 10px 20px ; text-decoration: none;}
.productinfo  a:hover {color: #ffffff!important; background-color: #be1c22; text-decoration: none !important;}
.web-details .teaserspacer a, .button {color: #ffffff !important; text-decoration: none; cursor: pointer !important;}
a.grey {background-color: #7b7b7b !important;}
a.grey:hover {background-color: #df252b !important;}

.mod_search .widget-text {width: auto !important;}
.mod_search .widget-submit {top: inherit !important; left: inherit !important;}
.mod_search .widget {height: auto !important; padding: 0; border-top: none;}
.web-details .teaserspacer a:hover, .button:hover {color: #ffffff; background-color: #be1c22 !important; text-decoration: none !important;}
.button:disabled, input[type="submit"]:disabled, input.submit:disabled {background: #A0A0A0 !important; cursor: default !important;}

.blue {background-color: #014489!important;}
.blue:hover {background-color: #003770!important;}


/* File-Upload, u.a. für OCB auf Karriereseite */
.qq-upload-button {display: inline-block; width: auto; padding: 7px 15px;}
.button, input[type="submit"], button.submit, button.submit, .qq-upload-button {color: #fff; background: #df252b; cursor: pointer;}
.button, input[type="submit"]:hover, button.submit:hover, button.submit:hover {background: #b32428;}
input[type="file"] {border: 2px dashed rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 20px;}

.upl input {width: 52% !important;}



/* Hinweis-Box mit Textur */
.w-hinweis {width: 100%; margin: 25px 0 50px 0; text-align: center; padding: 15px 5px 5px 5px; border: #df252b 2px solid; display: inline-block;}
.w-hinweis p {max-width: 940px; margin: 20px auto;}
.w-hinweis_full {width: 100%; margin: 25px 0; text-align: center; padding: 5px; background: url(../img/promo.png) repeat; margin: 30px 0;}
.w-hinweis_full img {padding: 0 5px 0 10px;}
p.hinweistext, ul.hinweistext li a {color: #df252b;}




/* Tabellen-Styles */

table.half td {width: 50%;}
a.h3-button {color: #fff !important; padding: 15px 20px; background-color: #DF252B;}
a.h3-button:hover {color: #000 !important; text-decoration: none;}
.td-null td{border: 0 !important;}
.td-null a{display: block;}
.td-null h3, table td strong {font-size: 14px;}

.grid-archiv {font-size: 14px; font-weight: bold; padding: 0;}
.grid-archiv li{display: inline-block; margin: 0 10px;}

table.bigteaser, table.bigteaser td {border: none; text-align: center;}
table.bigteaser h3{text-align: center; font-size: 17px;}
table.bigteaser p, table.centercontent td {text-align: center;}
table.preisinfo {border: 1px solid #96a699; width: 100%;}
table.preisinfo tr.table-head {background-color: #df252b;}
table.preisinfo tr.table-head td {color: #ffffff; font-weight: bold;}
table.preisinfo tr td {text-align: right; padding-right: 1em;}
table.filledbg tr {background-color: #dcdcdc;}
table.fullwidth {width: 100%}
table.fullwidth td, .strong {font-weight: bold;}


.berichte table tr:hover {background: #F8F8F8;}
.berichte table img {width: 40px; height: 40px;}
.berichte table a {display: flex;}


span.big {text-transform: uppercase;}
h4.down {text-transform: normal;}
h4.uppercase {letter-spacing: 2px; text-transform: uppercase;}
.boldsmall {font-weight: bold; font-size: 12px; margin: 10px 0;}
.small {font-size: 12px;}
img.azubi {width: 100px; height: 126px; margin: 10px; float: right;}
a.redlink {color: #DF252B; text-decoration: underline; font-weight: bold;}


.footer_form  input[type="text"], input[type="textarea"], input[type="tel"], input[type="email"]{font-family: verdana !important;}
#footer button.submit, .footer_form  input.submit {margin-top: 0px; float:none !important;}
.footer_form table {width: 100%; border-bottom: 0;}
.teambox {height: 400px;}


table td.col_0  { vertical-align: top; /*padding-top: 10px;*/ width: 32%;}
select.anrede {width: 120px;}


/* VK-Schild */
#schild {border: 1px solid #ccc;}
.vks1 {padding-right: 15px;}
.vks1, .vks2 {width: 50%; float: left; margin-bottom: 25px;}

	
/* Checklist with arrows */
ul.checklist {padding-left: 0;}
ul.checklist li {background: url(../../../files/inhalte/content-images/tick-small.png) no-repeat 4px 2px; list-style-type: none; text-decoration: none; padding: 2px 8px 0px 30px; font-size: 14px;}
ul.red li {background: url(../../../files/inhalte/content-images/tick-small-red.png) no-repeat 4px 2px;} /* Red Arrows */
ul.plus li {background: url(../../../files/inhalte/content-images/plus.png) no-repeat 4px 2px;} /* Red Plus */
ul.square li {background: url(../../../files/inhalte/content-images/square-red.png) no-repeat 4px 4px;} /* Red Square */
ul.longline li {background: url(../../../files/inhalte/content-images/longline.png) no-repeat 4px 4px;} /* Akquise - Freundschafgtsspiel (Ford) */
ul.square-blue li {background: url(../../../files/inhalte/content-images/square-blue.png) no-repeat 4px 4px;} /* Blue Square */
#azubivorstellung_tab ul.red li {background: url(../../../files/inhalte/content-images/tick-small-red.png) no-repeat 4px 0px; padding-left: 34px; display: flex;}

 
/* Vorgehen-Grafik */	
#vorgehen, #vorgehen td {border: 0;}
#vorgehen td {padding: 15px 15px 0 0;}
#vorgehen h2 {margin-top: 15px;}
#vorgehen h3 {font-size: 14px; font-weight: bold; padding-bottom: 0px;}
table#vorgehen div.line {width: 28px; height: 60px; border-right: 1px solid #ededed;}

.bottomtext {border-top: 2px solid #ededed; padding: 10px 0; margin-top: 50px;}

/* Responsive Design Right-Sidebar Navigation */

#submenu ul ul {display: block;}
#submenu ul ul a:before {font-family: "icons"; content: '\25b8'; margin-right: 5px;}
#submenu li a[href="details-onlineupdates.html"],
#submenu li a[href="details-firmennews.html"],
#submenu li a[href="details-programm-news.html"],
#submenu li a[href="aktuelles/online-updates.html"],
#submenu li a[href="http://loco-soft.ch/support/programm-anforderungen.html"],
#submenu li a[href="karriereseite.html"],
#submenu li a[href="loco-news-abmeldung.html"],
#submenu li a[href="foerderprogramme.html"],
#submenu li a[href="mediathek/mein-loco.html"],
#submenu li a[href="stellenangebot.html"],
#submenu li a[href="bewerbungsprozess.html"]  {display: none !important;}


#wrap a[href="#tab1"]{display:none;}


.legend {border-spacing: 2px; border-collapse: separate;}
.legend span:before {content: ""; display: inline-block; width: 5px; height: 5px; margin-bottom: 4px; margin-right: 5px;}
.legend span.one:before  {background: #009036;}
.legend span.two:before {background: #ffe800;}
.legend span.three:before {background: #e2001a;}
.legend td {width: 20%; text-align: center; margin: 3px; padding: 2px; border: none !important;}
.semical td:first-child {background: #cce599;}
.semical td:nth-child(2) {background: #99cc33;}
.semical td:nth-child(3) {background: #ffb7a7;}
.semical td:nth-child(4) {background: #e3d8c2;}
.semical td:nth-child(5) {background: #99d0f0;}

/* Edge Browser Hack for webfont */ 
_:-ms-lang(x), _:-webkit-full-screen, h1.headline1, p.headline1 {font-family: Verdana, sans-serif;}
_:-ms-lang(x), _:-webkit-full-screen, h2.headline2, p.headline2 {font-family: Verdana, sans-serif;} 


/* Bestellformular Kasse, Scanner & Co. */ 
table.noborder td {border-top: 0;}
#bestellform tr.row_2.even, #bestellform  tr.row_3.odd, #bestellform  tr.row_4.even, #bestellform  tr.row_5.odd {display: none;}
#kasse-scanner-co h3{font-size: 18px;}
#ctrl_328, #ctrl_330, #ctrl_331, #ctrl_331, #ctrl_332, #ctrl_333, #ctrl_334, #ctrl_335, #ctrl_336, #ctrl_338 , #ctrl_499, #ctrl_500, #ctrl_501, #ctrl_503, #ctrl_579, #ctrl_580, #ctrl_581  {border: 1px solid #ccc !important; width: 75px!important; padding: 2px 4px; margin-left: 5px;}
label.sub-input1, label.sub-input2, label.sub-input3, label.si-ks-schw, label.si-ks-weiss, label.sub-input-zub { font-size: 0; }
label.sub-input1:before , label.sub-input2:before , label.sub-input3:before, label.si-ks-schw:before, label.si-ks-weiss:before, label.sub-input-zub:before  { content: "Menge"; font-size: 13px; margin-left: 10px;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 1;}
:-ms-input-placeholder {color: #bbb;}
.sub-rb {margin-bottom: 0;}
.nummernfeld {width: 100%;}

/* Bestellformular Signaturerstellungseinheit */
form.long-text h4 {font-weight: bold;}
form.long-text tr.row_1 td, form.long-text tr.row_3 td {border-top: none;}

/* PPSO-Bestellung (nur .DE) */
.ppso-cell {margin-bottom: 0px !important; margin-top: 20px !important;}
.ppso-logos {text-align: center;}
.ppso-logos img{padding-top: 40px;}


/* Loco-News Formular */

label.mandatory_info:after {content: '(Empfangsadresse f\00fcr Loco-News)'; display: block; font-size: 11px;}
label.mandatory_info_abm:after {content: '(zur Abmeldung der Loco-News)'; display: block; font-size: 11px;}
#abmeldung {text-align: right; font-size: 11px;}
#abmeldung a {color: #df252b;}

fieldset.error {border: 1px solid red !important;}
fieldset.error:before {content: 'Bitte haken Sie die Checkbox an!'; display: block; font-size: 14px; color: red; margin-bottom: 5px;}


/* DIH Formular */
label.mandatory_zugangsdaten:after {content: '(Empfangsadresse f\00fcr die Zugangsdaten)'; display: block; font-size: 11px;}
label.mandatory_alle-betriebe:after {content: '(Nummer f\00fcr ALLE Betriebe)'; display: block; font-size: 11px;}
.widget-formatierung fieldset {margin-bottom: 0px;}



table#impressum td{width: 33%;}
.sprachwechsler {display: none;}


/*  ANFORDERUNGSFORMULAR ANFANG */

.custom_infoicon {width: 18px; height: 18px; border-radius: 50%; border: 1px solid #888888;
text-align: center; font-size: 12px; background: #efefef; margin-top: 10px; cursor: help;}
.custom_infoicon:hover {border: 1px solid #a0161a; color: #fff; background: #df252b; cursor: help;}
h3.form-headline {font-size: 14px; font-weight: bold; margin: 5px 0;}

::-webkit-input-placeholder {color: #c8c8c8;}
:-moz-placeholder {color: #c8c8c8; opacity: 1;}
::-moz-placeholder {color: #c8c8c8; opacity:  1;}
:-ms-input-placeholder {color: #c8c8c8;}
::-ms-input-placeholder {color: #c8c8c8;}



.hasTooltip span {display: none; color: #000; text-decoration: none; padding: 3px;} /* Tooltip:  */
.hasTooltip:hover span {display: block; position: absolute; right: 5px; background-color: #ededed; border: 1px solid #CCC; margin: 2px 10px; padding: 10px; width: 362px; height: auto;}
.hasTooltip span img {margin-top: 8px;}


div.tab-frame input.hide {display:none;}
div.tab-frame label.element {display:block; float:left; padding:12px 16px; cursor:pointer; font-size: 14px; background-color: #e8e8e8;}
label#lbl_599_0 {background-color:inherit; color:inherit;} /* Datenschutzeinwilligung Kontakt */
div.tab-frame input:checked + label, div.tab-frame input:checked + label:after{background-color:#df252b; color:white; cursor:default}
div.tab-frame div.tab{ display:none; padding: 25px 0;clear:left; border-top: 5px solid #df252b; margin-right: 10px;}
div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1), div.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2), div.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3), div.tab-frame input:nth-of-type(4):checked ~ .tab:nth-of-type(4), div.tab-frame input:nth-of-type(5):checked ~ .tab:nth-of-type(5), div.tab-frame input:nth-of-type(6):checked ~ .tab:nth-of-type(6), div.tab-frame input:nth-of-type(7):checked ~ .tab:nth-of-type(7), div.tab-frame input:nth-of-type(8):checked ~ .tab:nth-of-type(8), div.tab-frame input:nth-of-type(9):checked ~ .tab:nth-of-type(9), div.tab-frame input:nth-of-type(10):checked ~ .tab:nth-of-type(10), div.tab-frame input:nth-of-type(11):checked ~ .tab:nth-of-type(11) {display:block;}

.tabto .bx-viewport {height: auto !important;} /* Stellenangebote-Seite */

.psa-img img {width: 300px !important; height: auto;}

/* Kontakt */
.adress {margin-top: 25px;}


/* UMFRAGE Renault-Schnittstellen */

#R1-R2 label {display: inline-block; width: 43%; text-align: left; padding: 12px 0;}
#R1-R2 .radio_container {display: inline-block; width: 56%;}
#R1-R2 .radio_container span {display: inline-block; width: 32%;}
#R1-R2 .radio_container span label {display: inline-block; width: 85%;}
#R1-R2 fieldset {border: none; margin-bottom: 0; padding: 0px;}
#R1-R2 .radio_container legend {display: none;}
#R1-R2 .radio_container input {width: 15px;}
#R1-R2 input[type="text"], #R1-R2 textarea, #R1-R2 input[type="email"] {width: 60%; margin-left: 3%;}
#R1-R2 p {margin-top: 10px;}
#R1-R2 hr {margin: 5px 0; border-top: 1px solid #eee;}
#R1-R2 .cb-datenschutz label {width: auto;}


/* Suchergebnis-Seite */
div#article-3 div.widget-submit{position: absolute;}



@media only screen and (min-width: 1281px) {
#buttoncontainer {margin-left: 15px;}
.innerbtncontainer {margin-left: 5px;}
}


@media only screen and (max-width: 1280px) and (min-width: 990px) {
.innerbtncontainer {width: 135px; margin-left: 0;}
nav#mainmenu ul li a {font-size: 12px; padding: 15px 1px;}
}


@media only screen and (max-width: 1280px) {
.leftarea {float: none; width: 100%;}
.rightarea {float: none; width: 300px; margin-top: 20px;}
.rightarea img{width: 300px;}
.galerie-slide .slide {width: 920px !important;}
.teambox {height: auto; width: 100%; margin-left: 0%;}
.image_container.float_right, .image_container.float_left {width: 300px; margin-right: 20px;}
h5#bubble {height: 180px; padding: 30px 25px 0 25px;}
div.tab-frame label.element {padding: 8px 10px;}
}


@media only screen and (max-width: 1280px) and (min-width: 990px) {
.innerbtncontainer {width: 135px; margin-left: 0;}}



@media only screen and (max-width: 989px) {
#matterhorn {position: absolute; left: 110px !important; top: 75px !important; width: 600px !important; height: auto;}
#matterhorn  img{width: 100% !important; height: auto !important;}
#submenu {display: block;}
#submenu ul ul a:before {display: none;}
.galerie-slide .slide {width: 24% !important;}
.download-grid {width: 47%;}
.expanding-grid .links > li {width: 50%;}
.expanding-grid .links > li:nth-of-type(2n+1) {clear: left;}
.expanding-grid .hentry .entry-image {float: none !important; width: 100% !important; margin-left: 0 !important; margin-bottom: 15px; padding: 0 !important;}
.update-text {width: 100%; display: block; float: none;}
.vk-area, .update-text {width: 100%; display: block; float: none;}
.mod_calendar table {font-size: 10px;}
.sticky #logo {top: 20px;}
.sticky + #header_after, .sticky + #wrapper {padding-top: 120px;}
#updatearea .utext h1{font-size: 20px;}
#R1-R2 label {display: block; width: 100%; text-align: left; padding: 10px 0;}
#R1-R2 .radio_container {display: block; width: 100%;}
}


@media only screen and (max-width: 989px) and (min-width: 768px) {
.innerbtncontainer {width: 113px; margin-left: 0;}
h2.headline2 {display: none;}}


@media only screen and (max-width: 768px) {
#submenu li{border-bottom: 1px solid #ddd; text-align: center;}
#submenu li a{padding: 12px;}
ul.adress {display: inline-block;}
h5#bubble {width: 100%; height: 120px;}
#buttoncontainer {margin: 0 auto; width: 290px;}
.innerbtncontainer, .btncircle, .cursor {width: 145px}
h2.headline2, p.headline1, p.headline2, p.slide, a.slide-button, .sliderimg {display: none;}
h1.headline1 {display: block; margin: 0 0 0 0 !important; font-size: 70px !important; height: 100px;}
.leftside {left: 15px !important; top: 15px !important;}
.footer_form  input[type="text"], input[type="textarea"], input[type="tel"], input[type="email"]{width: 100%;}
#ctrl_48.textarea {max-width: 100%; min-width: 100%; display: block;}
table#impressum td{width: 100%; display: block;}
table.adress h5{font-size: 0; margin-bottom: 0px;}
.adress li{text-align: left;}
.sticky + #header_after, .sticky + #wrapper {padding-top: 81px;}
#R1-R2 .radio_container span, #R1-R2 {display: block; width: 100%;}
table td {display: block; border-top: 0;}
table.half td {width: 100%;}
ul.longline li {background: none; border-bottom: none !important; padding: 0 !important;}
table.preisinfo {font-size: 12px;}
table.preisinfo span {display: block;}
table.preisinfo tr.table-head td {font-weight: normal;}
table.preisinfo tr td {padding-right: 0.5em;}
}


@media only screen and (max-width: 768px) {
table.preisinfo td {display: table-cell !important; border-top: 0;}
}


@media only screen and (max-width: 880px) and (min-width: 640px) {
#anforderungsformular td.col_0.col_first{width: 100px; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
#anforderungsformular td {padding: 0.25em;}}


@media only screen and (max-width: 640px) {
div#tabs ul.infoboxen li {width: 100%;}
div#tabs ul.infoboxen li a {display: block; width: 100%;}
#matterhorn {left: 60px !important; width: 340px !important;}
#kasse-scanner-co td.img {width: 340px; margin: 0 auto;}
form#anforderungsformular tr td {text-align: center;}
.custom_infoicon {margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
td.td_icon {border-bottom: 1px solid #eee;}
.hasTooltip:hover span {right: 0; width: 85%;}
.azubis td:first-child {width: 200px;}
a.mobilbutton, .azubis td img{display: block;}
.calltoaction {border-left: 0;}
.button, .servicebox_4 a, .servicebox_5 a, .servicebox_6 a, input[type="submit"], input.submit {display: block;}
.vks1 {padding-right: 0px;}
.vks1, .vks2 {width: 100%; display: block;}
.button {display: block; text-align: center; margin: 6px 0; margin-right: 0px !important;}
.submit_container input {width: 100% !important;}
.legend td, select.anrede, table td.col_0 {width: 100%;}
.productinfo  a {display: block; padding: 8px 0px; text-align: center;}
fieldset.radiobuttonwidth {width: 100%; position: relative; left: 0; top: 0;}
#slider-karriere p.subpageheadline1 {font-size: 20px !important;}
#slider-karriere img, #slider-karriere p.subpageheadline2, .upload-field, .mobileheadline span, .mobileheadline em {display: none;}
tr td {text-align: center;}
.custom_infoicon {margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
td.td_icon {border-bottom: 1px solid #eee;}
.hasTooltip:hover span {right: 0; width: 85%;}
form.ulf-form table td.col_0, table td.descr {width: 100%;}
.download-grid {width: 100%; float: none;}
.mobileheadline {top: 0 !important; left: 0 !important; width: 100%; height: 100%; text-align: center; padding-top: 16px !important;}

.image_container.float_right, .image_container.float_left {width: 100%; margin-right: 0;}
#updatearea .wtext {width: 100% !important;}
div.tab-frame label.element {width: 100%;}
div.tab-frame div.tab {border-top: 0;}
}


@media only screen and (max-width: 500px) {
ul.links li a h3 {display: none;}
.expanding-grid .links > li  a{background-position:50% 50%;}}