.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus {
    background-color: #01a4e5;
}

body, html {
    background-color: #e9e9e9;
    font-family: "Noto Sans", arial, sans-serif;
}

h4 {
    margin-top: 0;
}
h4 span.addon {
    font-size: 75%;
    font-weight: bold;
}
h4 span.addon span.markieren {
    color: #eb6a29;
}

h5 {
    font-weight: bold;
}

dt > a {
    color: inherit;
}

hr {
    margin: 30px 0;
}

img.news {
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
}
img.partner {
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
}

input,
textarea,
.form input,
.form textarea {
    text-transform:none !important;
}

input#source-temperature,
input#target-temperature,
input#heating-time,
input#material-weight,
input#result,
select#material-heat-coefficient,
select#heat-conduction {
    box-sizing: border-box;
    line-height: 1.7;
    padding: 2px;
    width: 80%;
}
input#result {
    background-color: #dea;
    border: 1px solid #cec;
    color: #152;
}

table {
    width: 100%;
}
table a {
    color: #000 !important;
}
table.datasheet-list tbody tr td {
    cursor: pointer;
}
table.datasheet-list tbody tr:hover td {
    background-color: #eee;
}
table.datasheet-list tbody tr:hover:nth-child(2n+1) td {
    background-color: #e8e8e8;
}
td, th {
    padding: 0.5em 1em;
}
tbody tr td {
    background-color: #fff;
}
tbody tr:nth-child(2n+1) td {
    background-color: #f8f8f8;
}
tbody.special tr td:nth-child(2n+1) {
    background-color: #f8f8f8;
}
tbody.special tr:nth-child(2n+1) td:nth-child(2n+1) {
    background-color: #eee;
}
thead th {
    background-color: #01a4e5;
    color: #fff;
}

textarea.form-control {
    height: 200px;
}

.accordion > dd, .toggle > dd {
    border: 1px solid #ddd;
    padding: 20px;
}
.accordion > dt > a, .toggle > dt > a {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #000;
}
.accordion > dt > a.active, .toggle > dt > a.active {
    background-color: #c0e4f6;
}

.bg-color {
    background-color: #e9e9e9 !important;
}

.bold {
    font-weight: bold;
}

.comment-item-data {
    font-family: "Noto Sans", arial, sans-serif;
}

.container {
    width: auto !important;
}

.desc {
    margin: 1ex 0 1.5ex;
    font-weight: 700;
}
.desc span {
    color: #777;
    font-size: 90%;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
}

.error {
    background: #fcc;
    border: 1px solid #f00;
    color: #f00;
    padding: 1rem 2rem;
    margin-bottom: 1.5rem;
}

.footer a {
    color: #01a4e5;
}

.footer-made {
    font-size: 13px;
}

.home-section {
    background-color: #fff;
    margin: 5vh auto 0;
    padding-top: 77px;
    max-width: 1170px;
    width: 100%;
}
.home-section > div:first-child {
    max-width: 100%;
    padding: 0 !important;
}

#iframe {
    display: none;
    width: 100%;
}

.info-box {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    font-family: Dosis;
    text-align: center;
}
.info-box .info-image {
    max-width: 90%;
    min-width: 75%;
}
.info-box .info-text {
    font-size: 14px;
    margin: 6px 0;
    padding: 0 12px;
    text-align: left;
}
.info-box .info-title {
    border-bottom: 1px solid #e8e8e8;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    padding: 12px;
    text-align: left;
}

.inner-nav ul {
    font-size: 13px;
    font-weight: 700;
}
.inner-nav > ul > li {
    margin-left: 20px;
    line-height: 77px;
}
.inner-nav > ul > li.active {
    border-bottom: 4px solid #01a4e5;
    padding: 0 6px;
}
.inner-nav ul li .mn-sub li a {
    font-size: 15px;
    font-weight: 400;
}
.inner-nav ul li .mn-sub li a.active,
.inner-nav ul li .mn-sub li a:hover {
    background-color: transparent;
    color: #404040 !important;
}

.main-nav {
    padding-top: 5vh !important;
    height: 77px !important;
}

.main-nav > div {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0 2%;
    width: 100%;
}

.main-nav.dark,
.main-nav.dark .full-wrapper {
    background: #e9e9e9  !important;
}
.main-nav.dark .inner-nav ul > li > a {
    color: #909090;
}
.main-nav.dark .inner-nav ul > li > a:hover,
.main-nav.dark .inner-nav ul > li > a.active {
    color: #404040;
}

.mobile-nav {
    height: 77px !important;
}

.mn-sub {
    background-color: #e9e9e9;
}
.mn-sub li a:hover,
.mn-sub li.active {
    background-color: #f8f8f8 !important;
    color: #404040 !important;
}

.mobile-on .inner-nav > ul > li.active {
    border-bottom: none !important;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
}
.mobile-on .desktop-nav ul {
    background-color: #e9e9e9;
}

.nav-logo-wrap .logo {
    max-width: 260px;
    height: 77px;
}

.orange {
    color: #f78429;
    font-weight: bold;
}

.page-section {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}
.page-section.without-home {
    margin-top: 5vh;
    padding-top: 97px;
}

.pagination{
    font-family: "Noto Sans", arial, sans-serif;
}

#preview {
    background: #fff;
    border: 1px solid #000;
    padding: 5px;
    position: absolute;
}
#preview img {
    max-height: 200px;
    max-width: 200px;
}

.pricing-num sup {
    font-family: "Noto Sans", arial, sans-serif;
}

.info-box a,
.section-text a {
    color: #01a4e5;
    text-decoration: none;

    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.info-box a:hover,
.section-text a:hover {
    color: #f78429;
    text-decoration: none;
}
.section-text h4 {
    color: #000;
    margin-top: 0;
}
.section-text h4 a,
.section-text h4 a:hover {
    color: inherit;
}
.section-text p {
    margin: 0 0 10px;
}
.section-text span.markieren {
    font-weight: 700;
}
.section-text.addon {
    font-size: 90%;
}
.section-text.position {
    font-size: 90%;
    font-weight: 700;
}
.section-text.position .marker {
    color: #000;
}
.section-text .sub {
    display: inline-block;
    font-size: 50%;
    margin-bottom: 0.25em;
}

.small-height {
    height: 77px !important;
}

.small-nav {
    background-color: #e9e9e9;
    height: 77px !important;
}

.success {
    background: #a9e2c2;
    border: 1px solid #36a367;
    color: #36a367;
    padding: 1rem 2rem;
    margin-bottom: 1.5rem;
}

.testimonial {
    font-family: "Noto Sans", arial, sans-serif;
}

.twitter-feed iframe {
    max-width: 100% !important;
}

.without-script {
    display: none;
}

.work-title {
    font-size: 100%;
    letter-spacing: 1px;
    text-transform: none;
}

.youtube {
    display: inline-block;
    position: relative;
    width: 100%;
}
.youtube::before {
    content: "";
    display: block;
    margin-top: 56.25%;
}
.youtube.cinema-scope::before {
    content: "";
    display: block;
    margin-top: 41.640625%;
}
.youtube iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}