@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-700 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-700italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }


html {position: relative; min-height:100%; }
html, body {
    padding:0;
    margin:0;
}

body,h1{font-family: 'Source Sans Pro', sans-serif;padding:0;margin:0}a,body{color:#242c36}a,a:hover{text-decoration:none}#header,body,h1{margin:0}#copyright,.browserwarning,.inner,.tbox2,.tbox3{text-align:center}.noSelect,.unselectable{-khtml-user-select:none}body{background-color: #fff; width:100%;font-size:18px}:focus{outline:0!important;}.unselectable{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none}h1{font-size:18px; font-weight: 700}a:hover{color:#e2001a}img{border:none;outline:0}#container{width:958px;margin:20px auto}#logo{background:url(../images/header.png) no-repeat;height:74px}#printlogo{display:none}#header{border:1px solid #636363;display:block;-moz-border-radius:4px;border-radius:4px}#footer{border:1px solid #636363;display:block;margin:10px 0;-moz-border-radius:4px;border-radius:4px}.inner{border-left:solid 11px #f8981d;border-right:solid 11px #f8981d;-moz-border-radius:4px;border-radius:4px;background:#d8d8d8;height:14px;padding:8px 5px}.field{border:1px solid #686868;background:#f4f4f4;padding:4px 5px}.hiddenfield{border:1px solid #e8e8e8;background:#e8e8e8;padding:5px 0}.hiddenfieldwhite{border:1px solid #fff;background:#fff;padding:5px 0}#srtable th,#srtable2 th,.button{background:#d8d8d8}.button{border:1px solid #686868;padding:5px 30px;-moz-border-radius:4px;border-radius:4px;cursor:pointer}#articlediv,#srtable th{border-top:solid 1px #636363}#srtable th{font-weight:400;border-bottom:solid 1px #636363}#srtable2 th{font-weight:400;border-bottom:solid 1px #ccc}#articlediv{margin-top:10px;padding:20px 0}.browserwarning{display:block;margin:20px auto;border:1px solid #CCC;background:#f5f5f5;padding:10px 20px;color:#F60;font-weight:700;width:550px}optgroup{font-style:normal;font-weight:700;padding:2px 3px}option{padding-top:2px;padding-bottom:2px}#categories{width:520px}#categories li{margin-bottom:1px}#categories li a{display:block;padding:10px 16px;font-size:14px;outline:0}.categoryliactive a{background:url(../images/arrow.png) 507px center no-repeat}.tbox2{border:1px solid #ddd;font-size:18px;padding:2px 1px}.tbox3{border:none;padding:0}.passivetooltr .tdgrey{/**background:#e2e2e2*/}.passivetooltr .arrowdiv{display:none;margin-left:5px}.activetooltr .tdgrey{background:#e2001a;color:#ffffff}.activetooltr .arrowdiv{display:block;margin-left:5px}.detailactivetooltr,.detailpassivetooltr{cursor:pointer}.detailpassivetooltr .tdgrey{background:#e2e2e2}.detailpassivetooltr .arrowdiv{display:none;margin-left:5px}.detailactivetooltr .tdgrey{background:#f8981d}.detailactivetooltr .arrowdiv{display:block;margin-left:5px}.redfield{background:#fcd2d6}.centered,.forum-centered,.section-title{text-align:center}#detailtoolsdiv{width:298px}#detailtoolsdiv .viewport{width:295px;min-height:443px;position:relative}#cattoolsdiv .overview,#cattoolsdiv2 .overview, #detailtoolsdiv .overview{list-style:none;position:absolute;left:0;padding:0;margin:0;top:0}#cattoolsdiv .overview, #cattoolsdiv2 .overview{width:250px}#detailtoolsdiv .overview{width:280px}#cattoolsdiv .scrollbar,#cattoolsdiv2 .scrollbar,#detailtoolsdiv .scrollbar{position:relative;background:url(../js/jquery/tinyscrollbar/images/bg-scrollbar-thumb-y-hover.png) -9999px -9999px no-repeat;float:right;width:1px;margin-right:0;z-index:995}#cattoolsdiv .thumb,#cattoolsdiv2 .thumb,#detailtoolsdiv .thumb{background:url(../js/jquery/tinyscrollbar/images/bg-scrollbar-thumb-y.png) 50% 100% no-repeat;height:20px;width:10px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:-4px}#cattoolsdiv .thumb .end,#detailtoolsdiv .thumb .end{background:url(../js/jquery/tinyscrollbar/images/bg-scrollbar-thumb-y.png) 50% 0 no-repeat;overflow:hidden;height:5px;width:10px}#cattoolsdiv .thumb:hover,#detailtoolsdiv .thumb:hover{background:url(../js/jquery/tinyscrollbar/images/bg-scrollbar-thumb-y-hover.png) 50% 100% no-repeat;height:20px;width:10px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:-4px}#cattoolsdiv .thumb .end:hover,#cattoolsdiv .thumb:hover .end,#detailtoolsdiv .thumb .end:hover,#detailtoolsdiv .thumb:hover .end{background:url(../js/jquery/tinyscrollbar/images/bg-scrollbar-thumb-y-hover.png) 50% 0 no-repeat;overflow:hidden;height:5px;width:10px}#cattoolsdiv .disable,#detailtoolsdiv .disable{display:none}.noSelect{user-select:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none}.jqplot-yaxis-tick{margin-right:10px}.jqplot-xaxis-tick{margin-top:5px}#forum-breadcrumbs{margin-bottom:30px;padding:20px 0px}.forum-centered{width:100%;display:block;line-height:190%}#AuspannungSecondTable,#ChipColorComment,#ChipColorTitle,#ChipRemovalComment,#ChipRemovalTitle,#ChipShapeComment,#ChipShapeTitle,#CommentsThirdTable,#NoiseComment,#NoiseTitle,#WorkpieceSurfaceComment,#WorkpieceSurfaceTitle,#averages-content-div,#comments-content-div,#drillingdiv1,#drillingdiv2,#drillingdiv3,#machineSecondTable,#machineThirdTable,#material-content-div,#millingdiv1,#reamingdiv1,#tappingdiv1,#tappingdiv2,#tappingdiv3,#tdI0,#tdI1,#tdI10,#tdI11,#tdI12,#tdI2,#tdI3,#tdI4,#tdI5,#tdI6,#tdI7,#tdI8,#tdI9,#technologyFirstTable,#technologySecondTable,#tool-content-div{display:none}.section-title{border:4px solid #bfbfbf;background:#ececec;padding:10px;margin-top:20px}.forum-select,.forum-textbox,.forum-textbox2{border:1px solid #686868}.forum-select{width:219px;padding:2px 3px;font-size:11px}.forum-textbox{width:210px!important;font-size:11px;padding:3px}.forum-textbox-borderless,.forum-textbox2{width:100%!important;font-size:18px;padding:3px}.forum-textbox-borderless{border:none!important}.arrow_orange,.btn-default,.sort_arrow,.tool-pictogram{display:inline-block}input[type=text]:disabled,select:disabled{background-color:#fff}.knowhowtab a{color:#000!important;background:#f8981d!important}.knowhowtab.ui-state-active a{color:#000!important;background:0 0!important}.paginationcell,.paginationcell:hover{color:#333;cursor:pointer;text-align:center}.paginationtable{background:#CCC;border:1px solid #CCC;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;padding:1px}.paginationcell{background:#CCC;padding:0 6px}.paginationcell:hover{background:#999}.paginationcell-passive{background:#CCC;color:#999;padding:0 6px;text-align:center;cursor:default}.sort_arrow{width:30px;height:12px;background:url(../images/sort_arrow.png) no-repeat}.arrow_orange{width:8px;height:13px;background:url(../images/arrow_orange.png) no-repeat}.orange_font{color:#e2001a}.tool-pictogram{width:45px;margin-bottom:5px;text-align:center}.tool-pictogram img{width:42px;height:42px}.btn-default{background:#e6e6e6;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;color:#000;border:1px solid #ccc;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-webkit-appearance:button;text-transform:none;margin:0}#languageflags,#languagetitle{position:absolute;text-align:right}.btn-default:hover{background:#fff}#languagetitle{display:inline-block;margin-top:5px;margin-left:-143px;width:120px;line-height:1.3;font-size:12px}#languageicon{padding-top:2px}#languageflags{display:none;margin-left:-204px;margin-top:4px;width:200px}
@media (min-width: 1018px) {
    body { margin-bottom:255px; overflow-y:scroll; }
}

a { outline: none }
a:focus, a:active { text-decoration: none; outline: none; color: #242c36}
hr { border-top: solid 1px #aeaeae }
.checkbox label, .radio label { padding-left: 0 }
.checkbox, .radio { margin-top: 3px; margin-bottom: 3px; }
.font15 { font-size: 18px }
.font24 { font-size: 28px }
.mb10 { margin-bottom: 10px }

#btnBack div, #btnNext div {
    vertical-align:middle;
}

#detailback:focus, #detailnext:focus, .btn-inocut:focus {color:#ffffff!important;}
.btn-print { font-weight:bold!important }

/* TABS */
#technologie { display: block }
#werkstoff, #kategorie, #tools, #detailansicht, #schnittwerte, #spanungsgrossen, #forum { display:  none }
.top-breadcrumbs { padding: 11px 10px;color:#242c36;background-color:#e4e4e4;margin:0px -15px 15px;}
.top-breadcrumbs-a { vertical-align: middle; line-height: 40px; display: inline-block }
.top-breadcrumbs-a:hover { color: #242c36 }
@media(min-width: 1018px) {
    .top-breadcrumbs { padding: 20px 10px }
}

@media (min-width: 1200px) {
    .container {
        width: 988px;
    }
}

@media (min-width: 1018px) {
    .container {
        width: 988px;
    }
}

@media (min-width: 1350px) {
    .container {width:1333px;}
}


/* QUESTIONMARK */
.questionmark-icon { float: right; background-color: #e2001a; padding: 0px 8px; font-size: 16px; border-radius: 4px; cursor: pointer }
.tooltip.fade.top {white-space: nowrap;}

/* NAVIGATION */
.nav>li a {
    padding-right: 34px;
}

.nav>li .flags-container a {
    padding-right: 0px;
    color:#ffffff;
    font-weight: bold;
    padding-right: 10px;
}

.nav>li .flags-container {
    margin-right: 12px;
}

div.top-nav {
    background-color: #e4e4e4;
    border-bottom: solid 1px #aeaeae;
    display: block;
    /* height: 55px; */
}

ul.top-nav {
    list-style: none;
    margin-bottom:0px;
    /* margin-top:15px; */
    padding: 0px;
    /* border-left: solid 1px #aeaeae; */
    display: block;
    height: 44px;
}

ul.top-nav li {
    float: left;
    /* border-right: solid 1px #aeaeae; */
}

ul.top-nav li a {
    display: inline-block;
    height: 44px;
    padding: 0 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 44px;
    /* border-bottom: solid 1px #aeaeae; */
    /* background-color: #ececec; */
}

ul.top-nav li.active a {
    background-color: #e2001a;
    color: #ffffff;
    border-bottom: none;
}

ul.top-nav li.disabled a {
    color: #7c7c7c;
}

ul.top-nav li a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;
}
/* DROPDOWN LANGUAGE */
.dropdown-language {
    height:44px;
    margin-bottom: 0px;
    display:block;
    margin-right:-15px;
    font-size:16px;
    display:flex;
    align-items:center;
    color:#ffffff!important;
}




.dropdown-language a div.selected-lang {
    padding: 0 18px;
    color:#ffffff;
}


.dropdown-menu {
    background-color:#242c36;
    min-width: 70px;
    border:none;
    border-radius:0px;
    color:#ffffff !important;
    box-shadow:none;
    margin:0px;
    -webkit-background-clip:unset;
    
}

.dropdown-menu>li>a {
    color:#ffffff !important;
    display: block;
    font-size:16px;
    width:100%;

}
.dropdown-language>a:focus, .dropdown-language>a:hover {
    color: #ffffff !important;;
    text-decoration: none;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffffff !important;;
    text-decoration: none;
    background-color: #242c36;
    display: block;
    outline:none;
    font-size:16px;
}

#nav-mobile { position: absolute; right: 0; margin-right: 30px; }
.navigation nav ul { text-align: right; margin: 0; }
.navigation nav ul li a:hover { color: #e2001a !important; }
.navigation nav ul li { margin: 0 0.5em; position: relative; padding-top: 0; padding-bottom: 0; border: none; }
.navigation nav ul li:last-child { margin-right: 0; }
.navigation nav ul li:before { content: ''; }
.navigation nav ul li a { font-size: 18px; font-weight: bold; line-height: 53px; color: #3d3d3d; text-transform: uppercase; }
.navbar-toggle { border: none; padding-top:30px; padding-right:5px; margin-right: 0px;  }
.navbar-toggle .icon-bar { background: #ffffff;width: 30px; height:4px }
.navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none!important; }
.navbar-default { background-color: rgba(255,255,255,0.5); border: 1px solid rgba(255,255,255,0.7); margin: 0; }
.navbar { border: 1px solid rgba(0,0,0,0.1); }
.navbar a.navbar-brand { color: #fff; }
.navbar-collapse.in { overflow: visible; }
#menu, #lang { display: none; position: absolute; width: 100%; min-height: 300px; top: 93px; left: 0; text-align: center; z-index: 1000 }
#flags { padding: 140px 140px 0 }
.flag-container { padding: 10px; width: 150px; display: inline-block; text-align: center; }
#flags .col-centered { margin-bottom: 40px; }
.navbar-collapse { padding-right: 0px }
.brand { height: 40px }

#flags-mobile { padding: 5px; background-color: #242c36; text-align: center }
.flags-container { width: 250px; text-align: center; display: inline-block }
ul.nav li div a.nav-flag {
    display: inline-block;
    margin: 7px;
}

.navbar-collapse.collapse.in {
    display: block !important;
}
.navbar-collapse, .navbar-collapse.in {
    overflow-x: hidden;
}
.navbar-default .navbar-collapse {
    background: #dadada;
}
.navbar-default .navbar-collapse {
    border-top: solid 2px #fff;
}
.navbar-collapse.collapse {
    display: none!important;
}

.navbar-header {
    float: none;
    height: 89px;
    /* border-bottom: solid 1px #aeaeae; */
}

.navbar-nav>li>a, .navbar-nav>li>a:hover {
    color: #ffffff;
    background-color: #242c36;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.navbar-nav>.disabled>a, .navbar-nav>.disabled>a:focus, .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: #242c36;
}

.nav>li.disabled>a:hover {
    /* background-color: #e2001a; */
}

.navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
    background-color: #e2001a;
    color: #ffffff;
}


@media(min-width: 1018px) {
    .navbar-header { border-bottom: none; }
}

@media(min-width:1380px) {
    ul.top-nav li a { padding: 0 20px }
}

/* BUTTONS */
.sandwich-menu {
    padding-top: 10px;
    font-size:40px;
    color:#ffffff;
}
.btn-inocut {
    background-color: #e2001a;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color:#fff;
    border-radius:26px;
    width:120px;
    
}
.btn-inocut:hover{
    color:#fff !important;
}

.btn-forum {
    margin-top: 7px;
}

.btn-ino:active, .btn-ino:focus {
 
    outline:0 !important;
}

.btn-ino:hover {
    color: #fff;
}

.btn-ino.btn-resize-xs { background: url(../images/button_bg_sm.png) no-repeat; background-position: left bottom; font-size: 14px; width: 110px; height: 49px; padding-top: 22px }
@media(min-width:1018px) {
    .btn-ino.btn-resize-xs { background: url(../images/button_bg.png) no-repeat; background-position: left bottom; font-size: 18px; width: 149px; height: 68px; padding-top: 33px }
}

.form-control { font-size: 18px }


/* FOOTER */
.footer-img,.footer-text{height:40px;display:inline-block;vertical-align:middle}
#footer2{margin-top:45px!important;background:#e4e4e4;padding-bottom:30px; font-size: 16px;position:absolute;bottom:0;width:100%; height:255px;}
.footer-inner2{padding:30px 0px 30px;width:100%; color:#ffffff;}
.footer-inner .container { background:#242c36; }
.footer-inner a{color:#ffffff!important;background:0 0!important;outline:0!important}
.footer-inner a:hover{color:#ffffff!important}
.footer-text,.footer-text h4{color:#ffffff;padding:0;margin:0}
.footer-box{background:#e2001a;border-radius:10px;color:#ffffff;padding:45px 25px 35px;margin-top:-40px}
.footer-img{padding:0;margin:0; display: block; text-align: center}
.footer-img img{ display: inline-block}
.footer-text{text-align:center;line-height:130%;font-size:18px; display: block; font-weight: 400}
.footer-text h4{font-size:18px;font-weight:700}

.content-section { padding-bottom: 50px }
.footer { position: fixed; bottom: 0; width: 100%; height: 34px; background-color: #ececec; }
.footer-padding { padding: 0 5px }
.btn-footer, .btn-footer:hover, .btn-footer.active, .btn-footer:focus, .btn-footer:active { background-color: #e2001a; text-align: center; color: #ffffff; border-radius: 0px; box-shadow: none; font-weight: 700; /*text-transform: uppercase;*/ font-size: 18px }
.btn-footer.passive, .btn-footer.passive:hover, .btn-footer.passive:focus, .btn-footer.passive:active { background-color: #242c36; text-align: center; color: #7c7c7c }
.btn-left, .btn-right { padding: 0px 15px; line-height: 32px; display: block }
.btn-search { margin-top: 10px; padding: 1px; display: block; width: 100% }
.btn-footer { min-height: 32px }
.header-li {font-weight:bold;}
.footer-logo {text-align:center;margin-right:-10px; display: flex; align-items: center; justify-content: center;}
.footer-desktop-div { display:-ms-grid; display: grid;  -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
.website-link {-ms-grid-column:1}
.footer-logo {-ms-grid-column:2}
.footer-contact {-ms-grid-column:3}
@media (min-width: 1018px) {
    .content-section { padding-bottom: 25px;}
}

.footer-ul-left {
    float:right;
    list-style-type: none;
}

.footer-ul-left>li {
    text-align:right;
}

.footer-ul-left>li a:hover{
    color:#ffffff;
}

.footer-ul-right {
    padding-left:0px;
    list-style-type: none;
}

.footer-ul-right>li {
    text-align:left;
}

.footer-ul-right>li a:hover{
    color:#ffffff;
}

/* TECHNOLOGY */
.technologyimg{display:block;width:100%;height:60px;float:none;cursor:pointer; margin-right: 0px; text-align: left; margin-bottom: 10px}
.technologytitle{position:relative;top:auto;font-size:14px; font-weight: 700; color: #ffffff;  margin-left: 0px; margin-top: 35px; display: inline-block; width: 110px; text-align: center}
.technologyimg:focus .technologytitle,.technologytitle:focus,.technologytitleactive, .technologyimg:active .technologytitle,.technologytitle:active,.technologytitleactive, .technologyimg:hover .technologytitle, .technologytitleactive:hover, .technologytitle:hover,.technologytitleactive{position:relative;top:214px;font-weight: 700; color: #fff; margin-left: 0px; margin-top: 35px; width: 110px; text-align: center}
.technologyimg .timg { margin-top: -51px; padding-left: 110px; height: 60px; max-width: 100%; display: block; line-height: 60px }
.technologyimg .timg .simg { display: inline-block; vertical-align: middle; line-height: normal }
.technologyimg .timg .simg img { min-width: 100px; max-height: 46px; max-width: 100% }
.app-icons { display: block; text-align: right; margin-top: 60px; height: 63px }
.app-icons a { display: inline-block; margin-left: 6px }
.technology-search-box .btn-ino {
    width:157px;
    background-color: #f00505;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    display:inline-block;
    margin-top:-2px;
}

.technology-search-box {display: block; text-align: left; border-radius: 10px; margin-top: 50px; width:100%; text-align:center;}
.technology-search-box form { padding: 25px 30px }
.technology-search-box input { text-align: left; display:inline-block; width:203px;  margin-top: 0px  }
.square { border-radius:0px!important}

.red-title {
    width:190px;
    line-height: 50px;
    background-color: #f00505;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 0 20px;
    display: inline-block;
}
.red-title-arrow {
    line-height: 50px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: -7px;
}

#technology-tools{ margin-top: 0px; display:-ms-grid; display:grid;  -ms-grid-columns: 1fr 1fr 1fr 1fr ;  grid-template-columns: repeat(4, 1fr); grid-gap:15px; -ms-grid-gap:15px;}
/* .technologyimg-last-row {width:100%;display:grid; grid-template-columns: repeat(2, 1fr);} */
.grid_col_1{-ms-grid-column: 1; -ms-grid-row: 1;}
.grid_col_2{-ms-grid-column: 2;-ms-grid-row: 1;}
.grid_col_3{-ms-grid-column: 3;-ms-grid-row: 1;}
.grid_col_4{-ms-grid-column: 4;-ms-grid-row: 1;}
.grid_col_5{-ms-grid-column: 1;-ms-grid-row: 2;}
.grid_col_6{-ms-grid-column: 2; -ms-grid-row: 2;}
.grid_col_7{-ms-grid-column: 3; -ms-grid-row: 2;}
.grid_col_8{-ms-grid-column: 4; -ms-grid-row: 2;}
.bottom-text { font-size: 13px; text-align: center; margin-top: 15px; margin-bottom: 0; color: #242c36 }
.technology1 { background: url(../images/technologie/icon_1.png) no-repeat; background-position: center bottom; background-size: 100% 100%;}
.technology2 { background: url(../images/technologie/icon_2.png) no-repeat; background-position: center bottom; background-size: 100% 100%;}
.technology3 { background: url(../images/technologie/icon_3.png) no-repeat; background-position: center bottom; background-size: 100% 100%;}
.technology4 { background: url(../images/technologie/icon_4.png) no-repeat; background-position: center bottom; background-size: 100% 100%;}
.technology5 { background: url(../images/technologie/icon_5.png) no-repeat; background-position: center bottom; background-size: 100% 100%;}
.technology6 { background: url(../images/technologie/icon_6.png) no-repeat; background-position: center bottom; background-size: 100% 100%;}
.technology7 { background: url(../images/technologie/icon_7.png) no-repeat; background-position: center bottom; background-size: 100% 100%;}
.technology8 { background: url(../images/technologie/icon_8.png) no-repeat; background-position: center bottom; background-size: 100% 100%;}
.technology-bottom-links { display: block; text-align: center; margin-top: 15px; font-size: 18px; color: #242c36 }
.technology-bottom-links a{ color: #242c36 }
.technology-bottom-links a:hover, .technology-bottom-links a:focus{ color: #e2001a }
.technologyimg{width:100%;height:250px;text-align: center; margin-bottom: 0px}
.technologyimg .timg { margin-top: 50px; }
.technologytitle{font-size: 18px;
    top: 202px;
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
    text-align: inherit;
    display: grid;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    height: 50px;
    line-height: 110%;}
.technologyimg:focus .technologytitle,.technologytitle:focus,.technologytitleactive, .technologyimg:active .technologytitle,.technologytitle:active,.technologytitleactive, .technologyimg:hover .technologytitle,.technologytitle:hover,.technologytitleactive{top:202px;font-size:18px; margin-left: 0px; margin-top: 0px; width: auto; text-align: inherit}

/* @media(min-width:1350px) {
  #technology-tools{ margin-top: 0px; display:grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;}  
} */

@media(max-width:1349px) {
    #technology-tools{ margin-top: 0px;  display:-ms-grid; display:grid; -ms-grid-columns: repeat(3,1fr);  grid-template-columns: 1fr 1fr 1fr;grid-gap:15px; } 
    .grid_col_1{-ms-grid-column: 1; -ms-grid-row: 1;}
    .grid_col_2{-ms-grid-column: 2;-ms-grid-row: 1;}
    .grid_col_3{-ms-grid-column: 3;-ms-grid-row: 1;}
    .grid_col_4{-ms-grid-column: 1;-ms-grid-row: 2;}
    .grid_col_5{-ms-grid-column: 2;-ms-grid-row: 2;}
    .grid_col_6{-ms-grid-column: 3; -ms-grid-row: 2;}
    /* .grid_col_7{-ms-grid-column: 1; -ms-grid-row: 3;}
    .grid_col_8{-ms-grid-column: 2; -ms-grid-row: 3;} */

    .grid_col_7 {
        background-size: auto;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 4;
        -ms-grid-column: 1; 
        -ms-grid-row: 3;

    }

    .grid_col_8 {
        background-size: auto;
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 3;
        grid-row-end: 4;
        -ms-grid-column: 2; 
        -ms-grid-row: 3;
        margin-left: 10px;

    }
    
}

@media(max-width:1018px) {
    #technology-tools{ margin-top: 0px; display:grid; display:-ms-grid; grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr; grid-gap:10px;} 
    .technology-search-box form { padding:0px;margin-left:0px; }
    .red-title { width:100%; display: block;  }
    .red-title-arrow {display: block; transform: rotate(0deg);line-height:0px; margin-bottom:10px;}
    .grid_col_1{-ms-grid-column: 1; -ms-grid-row: 1; background-size: auto;}
    .grid_col_2{-ms-grid-column: 1;-ms-grid-row: 2; background-size: auto;}
    .grid_col_3{-ms-grid-column: 1;-ms-grid-row: 3; background-size: auto;}
    .grid_col_4{-ms-grid-column: 1;-ms-grid-row: 4; background-size: auto;}
    .grid_col_5{-ms-grid-column: 1;-ms-grid-row: 5; background-size: auto;}
    .grid_col_6{-ms-grid-column: 1; -ms-grid-row: 6; background-size: auto;}
    /* .grid_col_7{-ms-grid-column: 1;   grid-column: 1;grid-column-end: 3;grid-row-start: 3; grid-row-end: 4; -ms-grid-row: 7; background-size: auto;}
    .grid_col_8{-ms-grid-column: 1; -ms-grid-row: 8; background-size: auto;} */

    .grid_col_7 {
        background-size: auto;
        grid-column-start: auto;
        grid-column-end: auto;
        grid-row-start: auto;
        grid-row-end: auto;
        -ms-grid-column-start: auto;
        -ms-grid-column-end: auto;
        -ms-grid-row-start: auto;
        -ms-grid-row-end: auto;
        -ms-grid-column: 1;
        -ms-grid-row: 7;
    }

    .grid_col_8 {
        background-size: auto;
        grid-column-start: auto;
        grid-column-end: auto;
        grid-row-start: auto;
        grid-row-end: auto;

        -ms-grid-column-start: auto;
        -ms-grid-column-end: auto;
        -ms-grid-row-start: auto;
        -ms-grid-row-end: auto;
        -ms-grid-column: 1;
        -ms-grid-row: 8;
        margin-left:0px;

    }
    .top-text { float: left;width:100%;margin-right:0px; }
    .top-text-category { float: left;width:100%;margin-right:5px 15px; }

    .technology-search-box {
        margin-top: 20px;
    }

    .technology-search-box .btn-ino {
        width:130px;
        padding: 7px 8px 6px 8px;
        margin-top: -3px;
    }

    .technology-search-box input {
        width: 190px;
        margin-right: 5px;
    }
}


/* WERKSTOFF */

#werkstoff .top-breadcrumbs { margin-bottom: 15px }
.material-norm-label { display:block; margin-bottom: 10px; margin-right: 0; float: none; padding-top: 0; width: 150px; }
.material-norm-field { display:inline-block; float: left; padding-top: 1px }
.material-search-label { display: block; margin-bottom: 10px; font-weight: bold;}
.header-label {font-size: 20px;}
.material-search-field { display: block; width:100%;margin-bottom:10px }
.prespace { display: inline-block; width: 0px; height: 50px; float: left }
.spacediv { display: inline-block; width: 50px; height: 50px;  /*float: left;**/ line-height: 50px; text-align: center; font-size: 18px; font-weight: 700; color: #000 }
#materialgroups { list-style: none; margin: 0; padding: 0; }
#materialgroups li { width: 100% }
#materialgroups li:first-child { margin-top: 5px }
#materialgroups li:last-child { margin-bottom: 5px }
#materialgroups li a.mgroup { position: absolute; text-align: left; height: 50px; margin-left: 0px; display: inline; padding: 0 0 0 60px; font-size: 18px; outline: none; font-weight: 400; color: #242c36 !important; line-height: 100%; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); white-space: inherit }
#materialgroups li a.mitem { display: inline-block; padding: 0 0 0 10px; outline: none; font-weight: 400; font-size: 16px; color: #242c36 !important; position: absolute; line-height: 100%; height: 40px; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px); white-space: inherit }
#materialgroups li a .ie10 { padding: 20px 0 14px 35px !important; }
/*.materialgrpli a.mgroup:hover, .materialgrpliactive a.mgroup { background-image: url(/assets/img/technologie/item_active.png); background-repeat: no-repeat; }*/
/*a.mitem:hover, .materialli.active a.mitem { background-image: url(/assets/img/technologie/item_active.png); background-repeat: no-repeat; }*/
.materialdiv { display: none; background-color: #fff; text-align: left; padding: 4px 0 0 50px; margin:10px 0px; border:1px solid #e4e4e4}
#categories, .materialdiv ul { list-style: none; padding: 0; width: 100%; }
.materialdiv ul li { width: 100% !important }
.materialdiv ul li a { width: -moz-calc(100% - 55px); width: -webkit-calc(100% - 55px); width: calc(100% - 55px); }
/*.materialdiv ul li a { padding: 16px 0 16px 18px !important; }*/
.materialgrpliactive .materialdiv { display: block; }
.material-name { display: block; padding: 19px 0 17px 9px }
.material-name, .material-name div, .material-name td { text-align: left; font-size: 18px }
.material-name.no-left-padding { padding-left: 0px }
.acontent { display: block; height: 50px; line-height: 50px;font-weight: bold;}
.acontent span { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px); display: inline-block; line-height: 100%; vertical-align: middle; margin-top: -3px }
.scontent { display: flex; align-items:center; height: 40px }
.scontent span:not(.arrow-btn) { width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px); display: inline-block; line-height: 100%; vertical-align: middle; margin-top: -3px }

.materialgroup-inner { display: block; cursor: pointer; width: 100%; height: 52px; border: 1px solid #e4e4e4;}
.arrow-btn {font-weight:bold; font-size:14px; padding-right:3px;}
.sub-material-li {border:0px!important; height: 40px!important }
.material-norm-click-btn {
    width:100%; 
    display:flex; 
    align-items:center; 
    justify-content: space-between;
    border-radius: 0px;
    border: 1px solid #242c36;
    background: transparent;
    margin-bottom:10px;
}

.material-norm-click-btn:active, .material-norm-click-btn:hover, .material-norm-click-btn:focus ,.material-norm-click-btn:active:focus{
    box-shadow: none;
    outline:none;
    outline-offset: 0px;
    color:#242c36;

}

.mg-arrow { display: none; float: right; margin-right: 20px; margin-top: 13px }
.materialgrpliactive .mg-arrow { display: inline-block }
.materialgrpliactive .materialliactive i { color:#e2001a; }

@media (max-width: 1017px) {
    .sub-material-li { height: 50px!important }
}

.red-title-arrow-up {
    width:18px;
    float:left;
    margin-top:-24px;
    margin-left:-36px;
}

.search-field-open {
    display: none;
    width:100%;
    background-color: #fff;
    text-align: left;
    height:80px;
    /* padding: 10px 20px;
    margin: 20px 0px;
    border: 1px solid #e4e4e4; */
}

.material-norm-clicked .search-field-open {
    display: block;
}

.red-title-arrow-up-mn {
    width:18px;
    float:left;
    margin-top: 23px;
    margin-left: 15px;
    position: absolute;
    display:none;
    /* display: inline; */
}

.tool-select2-box .red-title-arrow-up-mn {
    margin-top: 53px;
    z-index: 9999;
}

.open-select2 {
    height:380px;
    margin-bottom:40px;
}
.open-select2 .red-title-arrow-up-mn {
    display: inline;
    z-index: 9999;
}

.material_number_list_div {
    /* width:100%; */
    max-height:300px;
    overflow-y:auto;
    margin-left: -10px;
    margin-right: -20px;
}

#material_number_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.material_number_content .spacediv {
    display: inline-block;
    width: 20px;
    height: 20px;
    /* padding-left: 9px; */
    float: left;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-right:10px;
}

.material_number_content {
    display:flex;
    align-items:center;
}

/*SELECT2 modify*/
.select2-container{/* width:100%; */}
 
.select2-container--default.select2-container--focus .select2-selection--single {
    border-radius: 0px;
}

.select2-selection .select2-selection--single, .select2-container--default .select2-selection--single {
    border-radius: 0px!important;
    height:32px!important;
    line-height:32px!important;
}
.select2-container--default .select2-selection--single .select2-selection__choice, .select2-dropdown {
    border-radius: 0px;
}
.select2-search__field {
    min-width: 100%;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px!important;
}

.select2-container--open .select2-dropdown--below {
    margin-top: 0px;
    border-top: 1px solid #aaa !important;

}

.material-search-field .select2-results__option, .material-search-field .select2-search--dropdown {
    padding:10px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e4e4e4 !important;
    color:#242c36!important;
}
@media (min-width: 1018px) {
    #materialgroups li a.mgroup { width: auto; white-space: nowrap }
    #materialgroups li a.mitem { width: auto; white-space: nowrap }
    #werkstoff .top-breadcrumbs { margin-bottom: 25px }
}

.show-selected-val {
    width:100%;
    padding:10px;
    display:flex;
    align-items:center;
    font-weight:bold;
    justify-content: space-between;
    border:1px solid #e4e4e4;
    background-color: #f5f5f5;

}

.close-selected-val { margin-right: 8px; margin-top: 0px; }
.close-selected-val a:hover { color: #242c36 }

/* KATEGORIE */
#kategorie .top-breadcrumbs { margin-bottom: 15px }
#tools .top-breadcrumbs { margin-bottom: 15px }
.top-text { float: left; display: inline-block;margin-right:20px; }
.top-text a:hover { color: #242c36 }
.cat-table { margin-bottom: 20px }
.cat-table td { display: inline-block; margin-bottom: 4px; width: 100% }
.category-title { display: block; padding: 6px 20px 6px 15px; width: 100%; background-color: #ececec; text-align: left; color: #ffffff !important }
.category-title.active { display: block; background-color: #ececec; background-image: url(../images/category-right-arrow.png); background-repeat: no-repeat; background-position: right top; text-align: left }
.category-fields { margin-bottom: 15px }
.tdgrey { cursor: pointer; line-height: 40px; font-size:18px; font-weight: 700 }
#cattoolsdiv{width:100%;text-align:left}
#cattoolsdiv .viewport{width:100%;position:relative}
.category-tool { max-height:30px; max-width: 100%; margin-top: 0px }

@media (min-width: 1018px) {
    .category-tool { max-height:30px; max-width: 210px }
    #kategorie .top-breadcrumbs { margin-bottom: 25px }
    #tools .top-breadcrumbs { margin-bottom: 25px }
}
@media (max-width: 1018px) {
    .category-tool-for-diameter { margin-top:-6px !important; }
    /* .material-search-field {} */
   
}

@media (min-width: 1380px) {
    .category-tool { max-height:30px; max-width: 295px }
}

.tool-select2-box {
    min-height:80px;
    /* margin-bottom:20px; */
}
.select2-container--open {
    position:relative!important;
    left:auto!important;
    top:auto!important;
    margin-bottom:10px!important;
}

.select2-dropdown {
    position:relative!important;
    
}
/* DETAILANSICHT */
.top-breadcrumbs table { height: auto }
#detailansicht .top-breadcrumbs { margin-bottom: 15px }
.details_fields {padding:0 15px 20px;}
.details_info{padding:0 15px 20px;}
.details_fields select, .details_fields input { margin-bottom: 15px }
.details_more_container { margin-top: 15px }
.details_more, .details_next { background-color: #e2001a; display: inline-block; width: 100%; padding: 5px; border-radius: 4px; font-weight: 700; margin-bottom: 5px; cursor: pointer;font-size:16px;line-height:26px }
.details_more { font-size: 16px; border-radius: 16px; }
.details_more div {text-align: center; color:#ffffff; font-size:16px;line-height:25px;}
.details_more img { float: right; margin: 0px 5px 0 0 }
.details_next { width: 130px; margin-left: 5px;  text-align: center; display: none; color:#ffffff; border-radius: 16px; }
.details_next.disabled { background-color: #ececec; color: #ababab }
.details_basic { cursor: default }
.details_label { margin-bottom: 0; width: 100% }
.details_more_field { width: 120px; display: inline-block; float: left }
.details_more_desc { font-size: 15px }
.aep-left { float: left; display: inline-block;  margin-bottom: 0px }
#aepdiv { float: left; display: inline-block; margin-bottom: 20px }
#limitInfoAe, #limitInfoAp, #limitInfoTPCB, #limitInfoTPCAe, #limitInfoTPCAp, #limitInfoTPCNmax { font-size: 15px }

.tpc-left { float: left; display: inline-block; width: 250px; margin-bottom: 0px }
#TPCdiv { float: left; display: inline-block; margin-bottom: 20px }

.copy-left { float: left; display: inline-block; width: 250px; margin-bottom: 0px }
#copydiv { float: left; display: inline-block; margin-bottom: 20px }


.select2-container--open:not(.select2-container--below)::before {
    content:  url("../images/select2-arrow.png");
    position: absolute;
    top: -18px;
    left: 12px;
    display: block;
    width: 18px;
    height: 18px;
}

#copyImg img { width: 228px }
.new_radio {margin-left:10px!important; }
@media (min-width: 500px) {
    .details_more { font-weight: 700; font-size: 18px }
}

@media (min-width: 1018px) {
    .top-breadcrumbs table { height: 55px }
    #detailansicht .top-breadcrumbs { margin-bottom: 25px }
    .details_more { width: 100%; font-weight: 700; font-size: 18px }
    .details_next { display: inline-block }
    /* .details_label { width: auto } */
    /*.details_more div { text-align: center }*/
}

@media (min-width: 1351px) {
    #detailansicht .top-breadcrumbs { margin-bottom: 20px }
    .details_more { width: 100% }
    .aepImg2b {
        margin-left: 320px; 
        margin-top: -190px; 
        position: absolute;
    }
}

@media (min-width: 1600px) {
    .aepImg2b {
        margin-left: 380px; 
    }
}

.details_fields .select2-container  {
    padding-bottom:10px;
}

#aepIcon, #basicIcon, #copyIcon, #nmaxIcon, #tpcIcon{
    width: 27px;
    height: 26px;
}
#option1namediv, #option2namediv, #option3namediv, #option4namediv, #option5namediv, #option6namediv {
    font-weight:bold;
}

/* SCHNITTWERTE */
#inoshop-add{margin-top:28px; border:1px solid #bfbfbf;}
.bg-line{padding:12px 3px;text-align:center;background:#e9e9e9;margin-bottom:10px; border-bottom:1px solid #bfbfbf;}
.bg-line span{padding:0 10px;font-weight:700}
.schnittwerte-responsive-table { width: 100%; display: block; float: none; border: solid 6px #bfbfbf; margin-bottom: 15px; page-break-inside: avoid; height: -moz-fit-content; height: fit-content; }
.schnittwerte-responsive-table.schnittwerte-table1 {border-right: 0px;}
.schnittwerte-responsive-table.schnittwerte-optimized { border: solid 6px #bfbfbf; }
.schnittwerte-responsive-table.schnittwerte-single { width: 100% }
.schnittwerte-responsive-table table { width: calc(100% + 1px); margin: 0px; padding: 0px }
.schnittwerte-small-font { font-size: 12px }
.borderleft { border-left: solid 1px #bfbfbf !important; }
.borderright { border-right: solid 1px #bfbfbf !important; }
.bordertop { border-top: solid 1px #bfbfbf !important; }
.borderbottom { border-bottom: solid 1px #bfbfbf !important; }
.aepLeftTd { /*width: 320px*/ text-align:center; }

.schnittwerte-print { text-align: left; display: block }
#nmaxdiv { margin-bottom: 30px }
.grid_table_3 { display:-ms-grid; display: grid;  -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: repeat(3, 1fr); }
.grid_table_2 { display:-ms-grid; display: grid;  -ms-grid-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr); }

.another_calc {
    width: calc(100% - 10px);
    margin-right:10px;
}

.another_calc_right {
    margin-right:0px;
    margin-left:10px;
}

.another_calc table {
  /*height:227px;*/
}

.another_calc input {border: solid 1px #ccc!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.mb-10 {margin-bottom:10px;}
.tbox { border-radius: 0px;  }

@media (min-width: 1018px) {
    /* .schnittwerte-responsive-table { width: 314px; display: inline-block; float: left }
    .schnittwerte-responsive-table.schnittwerte-table1 { border-right: none !important }
    .schnittwerte-responsive-table.schnittwerte-single { width: 100% }
    .schnittwerte-print { text-align: left } */
}
@media (min-width: 1380px) {
    /* .schnittwerte-responsive-table { width: 320px } 277px */
    /* .schnittwerte-responsive-table.schnittwerte-single { width: 100% } */
    /* .aepLeftTd { width: 420px; text-align: center; }  290px */
}

@media (max-width: 1350px) {
    .grid_table_3 { display:-ms-grid; display: grid;  -ms-grid-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr); }
    .grid_table_3  .schnittwerte_col2 {-ms-grid-column: 1; grid-column:1; -ms-grid-row: 1; grid-row:1;}
    .grid_table_3  .schnittwerte_col3  {-ms-grid-column: 2; grid-column:2; -ms-grid-row: 1; grid-row:1;}
    .grid_table_3  .schnittwerte_col1  {-ms-grid-column: 1; grid-column:1; -ms-grid-row: 2; grid-row:2;}
   
}

@media (max-width: 1018px) {
    .grid_table_3 { display:-ms-grid; display: grid;  -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); }
    .grid_table_3  .schnittwerte_col2 {-ms-grid-column: 1; grid-column:1; -ms-grid-row: 2; grid-row:2;}
    .grid_table_3  .schnittwerte_col3  {-ms-grid-column: 1; grid-column:1; -ms-grid-row: 3; grid-row:3;}
    .grid_table_3  .schnittwerte_col1  {-ms-grid-column: 1; grid-column:1; -ms-grid-row: 1; grid-row:1;}
    .grid_table_2 { display:-ms-grid; display: grid;  -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); }
    .schnittwerte-responsive-table.schnittwerte-table1 { border-right: solid 3px #bfbfbf; }
    .another_calc {width: 100%; margin-right:0px;}
    .another_calc_right {margin-left:0px}
}




/* SPANUNGSGROSSEN */
.spanungsgrossen-tables { width: 958px; margin-left: auto; margin-right: auto }
.spanungsgrossen-middle-top { display: block; margin: 20px 0 0px }
#tableIT, #tableRE { border: solid 3px #bfbfbf }
#tableIT td, #tableRE td { font-size: 16px; padding: 2px }
#tableIT td input, #tableRE td input { font-size: 16px }
/*.cell2, .cell3 { padding: 1px!important }*/
.cell2 input, .cell3 input { font-weight: 700; width: 100% }
.cell1 { background-color: #fff; text-align: center; font-weight: 700; border-bottom:solid 1px #bfbfbf; border-right: solid 1px #bfbfbf; /*width: 8%*/ }
.cell2 { background-color: #fff; text-align: center; font-weight: 700; border-bottom:solid 1px #bfbfbf; border-right: solid 1px #bfbfbf; width: 100px }
.cell3 { background-color: #fff; text-align: center; font-weight: 700; border-bottom:solid 1px #bfbfbf; border-right: solid 1px #bfbfbf; /*width: 31%;*/ display: table-cell }
.cell4 { background-color: #fff; border-bottom:solid 1px #bfbfbf; border-right: solid 1px #bfbfbf; /*width: 20%*/ }
.cell5 { background-color: #fff; text-align: left; border-bottom:solid 1px #bfbfbf; display: none; /*width: 10%*/ }

.span_more { font-size: 16px; background-color: #e2001a; display: block; width: 100%; padding: 5px; border-radius: 4px; margin-bottom: 5px; cursor: pointer }
.span_more div { width: 100%; text-align: left }
.span_more img { float: right; margin: 15px 5px 0 0 }
.span_label { margin-bottom: 0; width: 100%; display: block; font-weight: 400 }
.grid_spanungrossen { margin-top:5px; display:-ms-grid; display: grid;  -ms-grid-columns: 1fr 1fr 1fr;  grid-template-columns:  auto 300px auto; padding-left:15px; padding-right:15px; }

.visible-md-tb {display:none!important;}

@media (min-width: 500px) {
    .span_more { font-size: 18px }
    #tableIT td, #tableRE td { font-size: 18px; padding: 3px; line-height: 30px }
    #tableIT td input, #tableRE td input { font-size: 18px; line-height: 24px }
}

/* @media (max-width: 1350px) {
    .grid_spanungrossen { grid-template-columns:  auto 250px auto; }
} */

@media (max-width: 1350px) {
    .grid_spanungrossen {display:-ms-grid; display: grid;  -ms-grid-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr);  grid-template-columns:  600px auto; }
    .hidden-md-tb {display:none;}
    .visible-md-tb {display: table-cell!important;}
    
}


@media (max-width: 1018px) {
    .grid_spanungrossen { display:-ms-grid; display: grid;  -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); }
    /* .visible-md-tb {display:none;} */
}


.button-top-text {
    float:right; 
    margin-bottom:-15px;
    margin-top:2px; 
    margin-right:10px;
}

.top-text-btn-next , .top-text-btn-back {
    display:inline-block;
    position: relative;
}

.button-top-text i.fa-angle-right {
    position: absolute!important;
    margin-left: -30px;
    margin-top: 2px;
    color: #ffffff;
  }

  .button-top-text i.fa-angle-left {
    position: absolute!important;
    margin-left: 20px;
    margin-top: 2px;
    color: #ffffff;
  }


@media (min-width: 1350px) {
    .cell3 { display: none }
    .cell5 { display: table-cell }
}


@media (min-width: 1018px) {
    .spanungsgrossen-middle-top { margin: 65px 0 0px }
    /*.cell1 { width: 10% }
    .cell4 { width: 25% }
    .cell5 { width: 20% }*/
    .span_label { width: auto }
}


/* GRAFIK CHECKBOX */
.radio-btn label {font-weight:normal!important; }
.radio-btn input[type='radio']:focus {box-shadow:none!important;}

/* INOSHOP */
#inoshop-cart, #inoshop-cart td, #inoshop-cart .form-control, #inoshop-cart h2 { font-size: 15px }
#inoshop-cart .bg-line { font-size: 18px }
#inoshop-cart .btn-inocut { font-size: 16px;}
#inoshop-cart h2 { line-height: 20px; margin-top: 10px; margin-bottom: 10px }

/* FORUM */
.forum-inactive { text-align: center; padding-top: 50px; font-weight: 700 }
#srtable th, #popup-results-div th { font-size: 16px; text-align: center; font-weight: 700; line-height: 14px; padding-top: 3px; padding-bottom: 3px }
#srtable td, #popup-results-div td { font-size: 15px; padding-top: 2px; padding-bottom: 2px }
.forum-details td { vertical-align: top; padding-right: 15px; font-size: 18px }
.forum-table2 td { padding: 0 10px 3px }
#popup-results-div { padding: 15px 20px }

/************ NEWSLETTER ******************/
.fancybox-skin { background: #fff !important; }
#newoverlay input[type=text], #newoverlay input[type=email] { border: #808080 1px solid!important; border-radius: 8px !important; font-size: 20px; width: 280px; height: 45px; color: #000; margin-bottom: .3em !important; text-align: center;}
#newoverlay input[type=text]::-webkit-input-placeholder , #newoverlay input[type=email]::-webkit-input-placeholder { color: #000 }
#newoverlay input[type=text].form-control.invalid { border: solid 1px #e2001a !important; }
#newoverlay button[type=submit]{background-color: #e2001a !important; }
#newoverlay, #newoverlay a, #newoverlay ul li, #newoverlay div, #newoverlay h2 { font-size: 20px; line-height: 1.30em }
#newoverlay ul li { margin-bottom: 20px }
.newoverlay-h2 { margin-bottom: 15px; margin-top: 15px; font-weight: 700 }
#newoverlay { display: none; width:900px; padding-top:20px; padding-right:30px; padding-left:30px; padding-bottom:0px; }
#newsletter-tools-img { display: block; }
#newoverlay tr td:first-child { display: none !important; }
#newoverlay button { margin-bottom: 15px }
#newoverlay h4{padding-right: 60px; font-size: 1.4em; -webkit-font-smoothing: subpixel-antialiased; font-family: 'Source Sans Pro', sans-serif;}
#newoverlay h2 { color: #e2001a !important; font-weight: bold !important }
#internet-connection{display: none; width:100%; height: auto; border-radius: 30px; background-color: #fff; padding-top:20px; padding-right:30px; padding-left:30px; padding-bottom:10px;}
#update-application{display: none; width:100%; height: auto; border-radius: 30px; background-color: #fff; padding-top:20px; padding-right:30px; padding-left:30px; padding-bottom:10px;}
#update-application ul li { margin-bottom: 20px }
#un-news{display: none; width:100%; height: auto; border-radius: 30px; background-color: #fff; padding-top:20px; padding-right:30px; padding-left:30px; padding-bottom:10px;}
#un-news ul li { margin-bottom: 10px; font-size: 20px; list-style-type: none; }
#newoverlay form label { color: #e2001a; font-family: 'Source Sans Pro', sans-serif; font-size: 20px !important; font-weight: 400; text-align: center !important; }
#newoverlay form img { width: 45px !important; height: 45px !important; text-align: center !important; }
#newoverlay form button { font-size: 20px !important; text-align: center !important; }
#newoverlay .col-centered {
    text-align: center
}


@media (max-width: 991px) {
    #newoverlay { width:100%; }
    #newsletter-tools-img { display: none !important; }
    #newoverlay h4{font-size: 1em;};
}

@media (min-width: 768px) and (max-width: 991px) {
    #newoverlay { height: 700px !important; }
    
}
@media (max-width: 991px) {
    #newoverlay { text-align: center !important; padding-left: 0px !important; margin-left:0px !important; padding-right: 0px !important; }
    #newoverlay h4{ text-align: center !important; padding-right: 0px !important; }
    #newoverlay ul{list-style-type: None; padding-left: 0px; padding-right: 0px;}
    #newoverlay ul li{}
    #newoverlay .row{ padding: 0px !important; margin:0px !important;}
    #newoverlay input[type=text], #newoverlay input[type=email] { width: 100%}
}

@media (max-width: 534px) {
    #copyImg { margin-left: -40px; margin-top: -120px }
    #copyImg img { width: 190px }
}

.print_only { display: none }
.header-button { text-align: right; padding: 43px 12px 0 0 }
.header-button .btn.btn-ino {
    width: 157px;
    background-color: #f00505;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    display: inline-block;
    margin-top: -2px;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #242c36;
}