/*Bootstrap CheckList*/
.form-check .form-check-input, 
#adminForm input[type="checkbox"] .form-check-input, 
#adminForm input[type="radio"] .form-check-input {
     margin-left: 0;
     margin-right: 0.2rem;
}
/*Button Bootsrap 4 und 5 Compatiblility*/
.badge-primary {background:$primary; color:#fff}
.badge-secondary {background:$secondary; color:#fff}
.badge-success {background:$success; color:#fff}
.badge-warning {background:$warning; color:#fff}
.badge-info {background:$info; color:#fff}
.badge-danger {background:$danger; color:#fff}
.btn-primary {background:$primary; color:#fff}
.btn-secondary {background:$secondary; color:#fff}
.btn-success {background:$success; color:#fff}
.btn-warning {background:$warning; color:#fff}
.btn-info {background:$info; color:#fff}
.btn-danger {background:$danger; color:#fff}
.btn-light {background:$light; color:$dark}
.btn-dark {background:$dark; color:$light}


.btn-outline-primary {color:$primary!important}
.btn-outline-secondary {color:$secondary!important}
.btn-outline-success { color:$success!important}
.btn-outline-warning { color:$warning!important}
.btn-outline-info { color:$info!important}
.btn-outline-danger { color:$danger!important}

.btn-outline-primary:hover {color:#fff!important}
.btn-outline-secondary:hover {color:#fff!important}
.btn-outline-success:hover { color:#fff!important}
.btn-outline-warning:hover { color:#fff!important}
.btn-outline-info:hover { color:#fff!important}
.btn-outline-danger:hover { color:#fff!important}

.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.btn-info:hover,.btn-danger:hover {color:#FFF}


 .float-left{
    float:left
}
 .float-right{
    float:right
}
 b, strong {
     font-weight: bold;
}
/*Frontend Button*/
 a.jmodedit:after{
     font-family: "Font Awesome 5 Free";
     content: "EDIT";
     color:#ff0000;
     font-size:14px;
     height:20px;
     display:inline-block !important;
}
/* Iphone Submenu*/
 .nav-child.unstyled.dropdown-menus:not(.menu_open) {
    display:none;
}
/* No Padding for Stacked Seperated Header */
 .astroid-header-section .astroid-stacked-seperated-header .header-stacked-inner {
     padding:0;
}
/* Astroid Overrides */
 .com-finder > * + *, .com-finder__results > * + * {
     margin-top: 0;
}
 a{
    text-decoration:none !important
}

.button-home a {
    color: #fff; 
    font-size: 14px;
    border: 0px solid #fff; 
    border-radius: 3px;
    background: #0083c7;
    padding: 5px 10px 5px 10px; 
    text-align: center;
}

.button-home {
    text-align: right;
    padding-right: 20px;
}

.button-home a:hover {
    background: #42abe2;  
}

.form-control {
     height: calc(1.1em + 14px);
     font-size: 14px;
     font-weight: 300;
}
.btn{
    font-weight:300
}
.search .form-group {
     margin-bottom: 0;
}
.search .form-control {
    padding:2px
}
.btn-outline-dark{
    border-color:#eee
}
 .form-signin .forget-password-link {
     font-weight: 300;
     font-size: 14px;
}
 .form-check {
     padding-left: 0;
}
 .astroid-logo img {
     max-width: 100%;
     max-height: 100%;
}
 .item-image {
    padding-bottom:10px
}
 .card, .article-wraper-inner, .card-layout {
     background-color: transparent;
     background-clip: border-box;
     border: none;
}
 .article-wraper-inner {
     box-shadow: none!important;
}
 .card-body {
    padding:0 !important
}
 .astroid-header-section {
     box-shadow: none !important;
}
 .article-wraper-inner {
     box-shadow: none !important;
}
 .article-wraper-inner {
     border: none !important;
}
 .card-body {
     padding: 0;
}
 .astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
     padding: 0;
}
 .astroid-header-section .astroid-header-sticky > div {
     padding-top: 0;
     padding-bottom: 0;
}
 .footer-section .astroid-row {
     padding: 0;
}
 .astroid-component-section {
     padding:0;
}
 .breadcrumb {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     margin-bottom: 0;
     list-style: none;
     background-color: transparent;
     border-radius:0;
     font-size: 15px;
}
 li {
    padding:2px 0
}
 a.span.nav-title{
     display: inline-block;
    /* For IE11/ MS Edge bug */
     pointer-events: none;
     text-decoration: none;
     cursor: text !important;
}
/*Sidebar Layout*/
 .astroid-header .astroid-sidebar-block-1 {
     margin-bottom: 0;
}
 body.header-sidebar-left {
    overflow-y:scroll;
    position:relative
}
 .astroid-content.has-sidebar {
     height: auto;
}
/*Shadow Disabled for Boxed Layout*/
 .astroid-layout.astroid-layout-boxed .astroid-wrapper {
     box-shadow: 0 0 5px $light;
}
/*End Astroid Override*/

/* Search Form Override*/
 .form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
     box-shadow: none;
     border-color: $light;
}
/* Media Queries ========================================================================== */
 @media (max-width: 768px) {
     .container{
        max-width: 98%;
    }
}
/* Module Style */
 .shadow-light{
     -moz-box-shadow: 10px 10px rgba($light, 0.6);
     -webkit-box-shadow: 10px 10px rgba($light, 0.6);
     box-shadow: 10px 10px rgba($light, 0.6);
     border: 1px solid rgba($light, 0.6);
}
 .shadow-dark{
     -moz-box-shadow: 10px 10px rgba($dark, 0.6);
     -webkit-box-shadow: 10px 10px rgba($dark, 0.6);
     box-shadow: 10px 10px rgba($dark, 0.6);
     border: 1px solid rgba($dark, 0.6);
}
/*Headline Artikel Title */
 .item-title,
 .module-title {
     margin-bottom:2rem
}
 .headline-border .item-title {
     position:relative;
     padding-bottom:1.2rem;
     border-bottom:1px solid #ccc;
     margin-bottom:1.2rem;
}
 .headline-border .item-title::after {
     bottom: 0;
     content: "";
     height: 2px;
     left: 0;
     position: absolute;
     width: 100px;
     background-color: $primary !important;
     border: none;
}
/*Headline Border Modules 
 .headline-border .module-title {
     position:relative;
     padding-bottom:1.2rem;
     border-bottom:1px solid #ccc;
     margin-bottom:1.9rem;
	 border: none;

}
 .headline-border .module-title::after {
     bottom: 0;
     content: "";
     height: 2px;
     left: 0;
     position: absolute;
     width: 100px;
     background-color: $primary !important;
     border: none;
}
*/
/* Headlines Border 30 40 50*/
 .headline-border-30 .module-title, 
 .headline-border-40 .module-title, 
 .headline-border-50 .module-title {
     position:relative;
     padding-bottom:0.9rem;
	 border:none;
}
 .headline-border-30 .module-title::after {
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 30%;
     background-color: $primary !important;
     border: none;
}
 .headline-border-40 .module-title::after {
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 40%;
     background-color: $primary !important;
     border: none;
}
 .headline-border-50 .module-title::after {
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 50%;
     background-color: $primary !important;
     border: none;
}
/* Headlines Big*/
 .headline-big .module-title{
     font-size:36px !important;
}
/* Headlines Color*/
 .headline-primary.module-title{
     color:$primary !important;
}
 .headline-secondary .module-title{
     color:$secondary !important;
}
 .headline-success .module-title{
     color:$success !important;
}
 .headline-info .module-title{
     color:$info !important;
}
 .headline-warning .module-title{
     color:$warning !important;
}
 .headline-danger .module-title{
     color:$danger !important;
}
 .headline-light .module-title{
     color:$light !important;
}
 .headline-dark .module-title{
     color:$dark !important;
}
/* Headlines Backgound*/
 .headline-bg-primary .module-title{
     background:$primary !important;
     color:$light!important;
     padding:6px 10px!important;
}
 .headline-bg-secondary .module-title{
     background:$secondary !important;
     color:$light!important;
     padding:6px 10px!important;
}
 .headline-bg-success .module-title{
     background:$success !important;
     color:$light!important;
     padding:6px 10px!important;
}
 .headline-bg-info .module-title{
     background:$info !important;
     color:$light!important;
     padding:6px 10px!important;
}
 .headline-bg-warning .module-title{
     background:$warning !important;
     color:$light!important;
     padding:6px 10px!important;
}
 .headline-bg-danger .module-title{
     background:$danger !important;
     color:$light!important;
     padding:6px 10px!important;
}
 .headline-bg-light .module-title{
     background:$light !important;
     color:$dark!important;
     padding:6px 10px!important;
}
 .headline-bg-dark .module-title{
     background:$dark !important;
     color:$light!important;
     padding:6px 10px!important;
}
/* Headlines Border*/
 .headline-border-primary .module-title{
     border-bottom: 1px solid $primary !important;
     padding:6px 0;
}
 .headline-border-secondary .module-title{
     border-bottom: 1px solid $secondary !important;
     padding:6px 0;
}
 .headline-border-success .module-title{
     border-bottom: 1px solid $success !important;
     padding:6px 0;
}
 .headline-border-info .module-title{
     border-bottom: 1px solid $info !important;
     padding:6px 0;
}
 .headline-border-dark .module-title{
     border-bottom: 1px solid $dark !important;
     padding:6px 0;
}
 .headline-border-danger .module-title{
     border-bottom: 1px solid $danger !important;
     padding:6px 0;
}
 .headline-border-warning .module-title{
     border-bottom: 1px solid $warning !important;
     padding:6px 0;
}
 .headline-border-light .module-title{
     border-bottom: 1px solid $light !important;
     padding:6px 0;
}
/* Headlines Bullet*/
 .headline-bullet .module-title::before {
     content: "";
     display: inline-block;
     position: relative;
     top: calc(-0.1 * 1em);
     vertical-align: middle;
     height: calc(4px + 0.7em);
     margin-right: calc(5px + 0.2em);
     border-left: calc(5px + 0.1em) solid $primary;
}
/* Headlines Center*/
 .headline-center .module-title {
     text-align: center !important;
}
 .headline-center-border .module-title {
     overflow: hidden;
     text-align: center;
     padding: 20px 0;
     margin-bottom: 20px;
     border-bottom: none;
     font-size:36px;
     font-weight:300;
}
 .headline-center-border .module-title::after {
     content: "";
     display: block;
     margin: 0 auto;
     width: 40%;
     position:relative;
     padding-top: 0;
     border-bottom: 1px solid $headings-color;
}
/*Horizontal Menu*/
 ul.uk-subline {
     display:inline-block!important;
     display: flex!important;
     flex-wrap: wrap!important;
}
 ul.uk-subline li {
     padding:0 6px;
     float:left;
}
/*Helper*/

/*Uikit Slider*/
 .uk-card-primary {
    background:$primary
}
 .uk-card-white {
    background:$white
}
/*Uikit Switcher*/
 .uk-tab > .uk-active > a {
     color: #333;
     border-color: $primary!important;
}
/*HR Styles*/
 hr.primary {
     padding: 5px 0;
     border:none;
     border-bottom: solid 3px $primary!important;
     font-weight: bold;
     position: relative;
     margin-bottom: 8px;
     width: 200px;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-bottom: 50px;
     margin-top: 30px;
}
 hr.primary::after {
     content: '';
     border-bottom: solid 3px $primary!important;
     width: 100px;
     position: absolute;
     bottom: -20px;
     left: 0;
     right: 0;
     margin: 0 auto;
}
 hr.secondary {
     border:none;
     padding: 5px 0;
     border-bottom: solid 3px $secondary!important;
     font-weight: bold;
     position: relative;
     margin-bottom: 8px;
     width: 200px;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-bottom: 50px;
     margin-top: 30px;
}
 hr.secondary::after {
     content: '';
     border-bottom: solid 3px $secondary!important;
     width: 100px;
     position: absolute;
     bottom: -20px;
     left: 0;
     right: 0;
     margin: 0 auto;
}
 hr.success {
     border:none;
     padding: 5px 0;
     border-bottom: solid 3px $success!important;
     font-weight: bold;
     position: relative;
     margin-bottom: 8px;
     width: 200px;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-bottom: 50px;
     margin-top: 30px;
}
 hr.success::after {
     content: '';
     border-bottom: solid 3px $success!important;
     width: 100px;
     position: absolute;
     bottom: -20px;
     left: 0;
     right: 0;
     margin: 0 auto;
}
 hr.info {
     border:none;
     padding: 5px 0;
     border-bottom: solid 3px $info!important;
     font-weight: bold;
     position: relative;
     margin-bottom: 8px;
     width: 200px;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-bottom: 50px;
     margin-top: 30px;
}
 hr.info::after {
     content: '';
     border-bottom: solid 3px $info!important;
     width: 100px;
     position: absolute;
     bottom: -20px;
     left: 0;
     right: 0;
     margin: 0 auto;
}
 hr.warning {
     border:none;
     padding: 5px 0;
     border-bottom: solid 3px $warning!important;
     font-weight: bold;
     position: relative;
     margin-bottom: 8px;
     width: 200px;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-bottom: 50px;
     margin-top: 30px;
}
 hr.warning::after {
     content: '';
     border-bottom: solid 3px $warning!important;
     width: 100px;
     position: absolute;
     bottom: -20px;
     left: 0;
     right: 0;
     margin: 0 auto;
}
 hr.danger {
     border:none;
     padding: 5px 0;
     border-bottom: solid 3px $danger!important;
     font-weight: bold;
     position: relative;
     margin-bottom: 8px;
     width: 200px;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-bottom: 50px;
     margin-top: 30px;
}
 hr.danger::after {
     content: '';
     border-bottom: solid 3px $danger!important;
     width: 100px;
     position: absolute;
     bottom: -20px;
     left: 0;
     right: 0;
     margin: 0 auto;
}
 hr {
     opacity: 1;
	 padding:0 !important;
}

 hr.light {
     background-color: $light!important;
}
 hr.dark {
     background-color: $dark!important;
}
/* Video Iframe ========================================================================== */
 .responsive-iframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     max-height:300px;
}
 .responsive-iframe {
     position: relative;
     padding-top: 0px;
     height: 0;
     overflow: hidden;
     margin:0 0;
}

/* Start Sidebar Menu Active List*/
ul.list-inline li.active a::after {
	display:none}

li.current a span.nav-title::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 700!important;
  content: ""!important;
  padding-left: 4px!important;
}
/* End Sidebar Menu Active List*/


/*Start Frontend Edit Modus von Dirk*/

.btn-toolbar {
  display: block;
}
[role="tooltip"]:not(.show) {
  right: 5em;
  z-index: 1070;
  display: none;
  max-width: 100%;
  padding: 0.5em;
  margin: 0.5em;
  color: black;
  text-align: start;
  background: white;
  border: 1px solid #6d757e;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
}
/*End Frontend Edit Modus von Dirk*/

/* Suche Component Dirk*/

.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
    margin-top: unset;
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
    height: calc(1.8em + 14px);
    font-size: 14px;
    font-weight: 300;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc($input-border-width * -1);
  border-top-left-radius: 0.375em;
  border-bottom-left-radius: 0.375em;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375em;
}
.btn-secondary {
  --bs-btn-border-color: rgba(221, 221, 221, 0);
}
/*End Component Dirk */

/* ## */

/* Footer */
.astroid-footer {
    font-size: 12px;
    padding: 5px 0px 5px 0px;
}

.astroid-footer-section, #f-oel6e1bpp {
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#ar-pn9wa1b0i, #ac-38xf8hzhh !important {
    margin: 0px 0px 0px 0px ;
}

.container {
    padding: 0px 0px 0px 0px;
}

/* Sidebar */

.bg-primary {
    background-color: #ffffff;
}

/* Social Media */

.f-social-icons a {
   margin-right: 5px;
   border-radius: 50%;
}

.f-social-icons a i, .f-social-icons a em { 
    margin:0;
    color: #fff; 
    width: 37px;
    height: 37px;
    font-size: 25px;
    line-height:37px;
    text-align:center;
    /* border-radius:19px; */
    border:0px solid #fff; 
    background:#0083c7;
        border-radius: 50%;
}
 
.f-social-icons a:hover i,.f-social-icons a:hover em { 
    border: 0px solid #0083c7;  
    color:#fff;
    background:#42abe2;
    border-radius: 50%;
}

.f-social-icons i,.f-social-icons em { 
    margin-bottom:10px !important;
        border-radius: 50%;
} 

.f-social-icons {
    margin-top: 15px; 
    margin-right: 25px;
    text-align: right;
    font-size: 12px;
    border-radius: 50%;
}

/* Pagination */

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-solid, .fab, .far, .fas {
    --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width:var(--fa-width, 1.25em)
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align:.125em
}

.fa-backward:before {
    content: "<";
    font-size: 10px;
}

.fa-forward:before {
    content: ">";
    font-size: 10px;
}

.fa-fast-backward:before {
    content: "<<";
    font-size: 10px;
    margin-left: -2px;
}

.fa-fast-forward:before {
    content: ">>";
    font-size: 10px;
    margin-left: -2px;
}

.fas {
    --fa-style
    :900
}

.fa-classic, .fas {
    --fa-family:var(--fa-family-classic)
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.phone-number, .phone-number-top, .phone-number-body {
    /* float: left; */
    color: #fff;
    padding-right: 10px;
    font-size: 13px;
}

.phone-number-body {
    color: #4d565d;
    font-size: 14px;
}

.email-top {
    font-size: 13px;
}

.fa-phone-footer:before {
    content: "\f095";
    font-size: 14px;
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-map:before {
    content: "\f041";
}

.fa-facebook:before {
    content: "\f09a";
    font-size: 22px;
}

.fa-twitter:before {
    content: "\f081";
    font-size: 22px;
}

.fa-linkedin:before {
    content: "\f0e1";
    font-size: 22px;
}

.fa-envelope-o:before {
    content: "\f003";
    font-size: 22px;
}

.fa-arrow-circle-up:before {
    content: "\f062";
}

.fa-phone:before {
    content: "\f095";
    font-size: 22px;
}

.fa-angle-right:before {
    content: "\f105";
    font-size: 18px;
}

.fa-angle-left:before {
    content: "\f104";
    font-size: 18px;
}

.fa-phone2:before {
    content: "\f095";
    font-size: 15px;
}

.fa-pijl:before {
    content: "\f0d9";
    font-size: 15px;
    color: #e30613; 
}

.fa-pijl2:before {
    content: "\f0da";
    font-size: 15px;
    color: #e30613;
}

.fa-chevron-down:before {
    content: "\f078";
    font-weight: 700;
    font-size: 12px;
}

.phone-number i, .email i, .phone-number em, .email em {
    color: #fff;
}

.phone-number-top i, .email-top i, .phone-number-top em, .email-top em {
    color: #0083c7;
}

.phone-number-body i, .email-body i, .phone-number-body em, .email-body em {
    color: #0083c7;
}

i.fa, em.fa {
    margin-right: 5px;
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
    font-size: 11px;
}

ul.top-social-icons {
    margin: 0;
    list-style: none;
}

ul.top-social-icons li {
    /* float: left; */
    margin: 0 5px; */
    font-size: 17px;
}

.footer-socialmedia {
    margin-top: 20px;
}

.footer-socialmedia a i, .footer-socialmedia a em { 
    margin:0;
    color: #b4cce6;
    width: 37px;
    height: 37px;
    font-size: 25px;
    line-height:37px;
    text-align:center;
    /* border-radius:19px; */
    border:0px solid #fff; 
    background:#0083c7;
}
 
.footer-socialmedia a:hover i,.footer-socialmedia a:hover em {  
    color:#fff;
    background:#c6d4ee;
    border:0px; 
}

.copyright-top {
    padding-top: 10px;
}

.copyright-bottom {
    padding-bottom: 10px;
}

/* END Social Media */

#img-logo {
    margin: 40px 20px 20px 35px;
    max-width: 230px;
}

#img-logoman {
    margin: 40px 20px 20px 20px;
    max-width: 200px;
}

#img-footer {
     padding-left: 20px;
}

.prod-img, #prod-img {
    margin-top: 20px;
    margin-bottom: 20px;
}

#prod-img3 {
    margin-bottom: 20px;
}

#prod-img4 {
    margin-bottom: 20px;
}

a.footer-link {
  color: #ebd9b4 !important; 
  text-decoration: none; 
  font-weight: 500;
}

a.footer-link:hover {
  color: #dcb4a0 !important; 
  text-decoration: none; 
}

.footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
    margin-left: 30px;
    font-size: 13px;
    line-height: 21px; 
}

.footer-left2, .footer-mid2, .footer-right2 {
    margin-left: 55px;
}

.zoekveld {
  margin: 15px 60px 10px 20px;
    padding-left: 43%;
}

.js-finder-searchform {
    text-align: right;
}

/* Menu */
.data-megamenu, .pt-3 {
    padding-top: 0px !important;
}

.py-3 {
    padding: 0px !important;
}

div.w-100.header-block-item.d-none.d-lg-flex.justify-content-center.py-3 {
    padding: 0px;
}

.nav-title-text {
    text-transform: none;
    font-size: 14px;
}

.megamenu-container.nav-submenu-container.nav-item-level-1 .nav-title-text {
    text-transform: none;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.astroid-nav .nav-item-parent .nav-title {
  padding-right: 20px;
}

.item-level-2 {
    background: #5f7d9e; 
}

.megamenu-container {
    border: 1px solid #ffffff;
    border-top: 5px solid #ffffff;
    margin-top: 1px;
}

.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {
    background-color: #ffffff;
}

.astroid-mobile-menu {
    background-color: #e1e7ed;
}

.astroid-mobile-menu li:hover{
    background-color: #ffffff;
}

.menu-indicator, .menu-indicator-back {
    background-color: #ccd6e0;
}

.mobilemenu-slide.astroid-mobilemenu-open .navitem:focus {
    background-color: #ffffff;
}

.astroid-mobilemenu-container .item-level-2 {
    background-color: #e1e7ed;
}

.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item {
    border-bottom: 1px solid #91abc5;
    padding: 0px;
}

/* END Menu */

#mp-d16orinwr, .sidebar-right-position  {
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
}

table#abc {
    background-color:#475052;
    width: 89%;
}

table#abc td {
    padding: 10px;
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    text-align: center;
}

#blok1 {
    margin-bottom: 0px;
    margin-top: 30px;
}

#blok2 {
    margin-top: 30px; 
    margin-bottom: 0px;
}

#blok3 {
    margin: 30px 45px 0px 0px;
}

#blok4 {
    margin: 30px 45px 0px 0px;
}

.abc_kopje {
    font-size: 18px;	
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
}

table#prod, table#prod-video {
    background-color: #c6d4ee;
    width: 100%;
    text-align: left;
}

table#prod td {
  padding: 6px;
}

table#prod-video td {
  padding: 5px;
}

.leftcol_prod,
.leftcol_foot {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;	
    color: #ffffff;
	vertical-align:top;
    text-align: left;
    width: 10px;
}

.midcol_prod,
.midcol_foot {
    font-weight: bold;
    text-align: left;
    width: 30px;
    vertical-align:top;
}

#home-container {
    background: #0083c7;
}

#box-prod  {
    color: #4d555e !important;;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}

#box-prod:hover  {
    color: #0083c7 !important;;
}

.item-title, .module-title {
    margin-bottom: 0px;
}

.items-row .article-title .page-header h2 {
    color: #0083c7;
    font-size: 22px;
}

.item-content {
    background: #edf0f6;
    padding: 15px 15px 0px 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

.tds {
    font-size: 16px; 
    line-height: 20px; 
    padding-left: 23px; 
    padding-top: 15px; 
    font-weight: 600;
    color: #fff;
}

.blog-items {
    margin: 30px 30px 30px 30px;
}

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

#ac-1528971561366 {
    padding: 0px 10px 0px 20px;
}

#ac-5hhc89qmq {
    padding: 0px 0px 0px 0px;
}

#ca-1529739248826 {
    margin-left: 10px;
    margin-right: 0px;
}

#ar-1528971561366 {
     margin-right: 0px !important;
}

#as-61b5cf11613cc086185689 {
    margin-left: 30px;
    margin-right: 20px;
}

#hr-1, #hr-2, #hr-3, #hr-4, #hr-5 {
    border: 1px dashed #9c9a9a;
    width: 99%;
    margin-top: 30px;
}

div.com-content-category-blog__items.blog-items.items-row {
     margin-right: 15px;
}

/*
div.blog.homepage div.com-content-category-blog__items.blog-items.items-row {
     margin-right: 30px;
}
*/

div.blog.atecepage div.com-content-category-blog__items.blog-items.items-row {
     margin-right: 30px;
}

.sidebar-txt {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
}

div.nws-kopje, div.nws-kopje2, div.nws-kopje3, div.nws-kopje2wit  {
    color: #0083c7;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
    margin-top: 15px;
    margin-bottom: 10px;
}

div.nws-kopje2, div.nws-kopje2wit {
    color: #e30613;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
}

div.nws-kopje2wit {
    color: #ffffff;
}

.prod-kopje {
    color: #0083c7;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.prod-kopje2 {
    color: #0083c7;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.fotobijschrift, .fotobijschrift-wit {
    color: #4d565d; 
    font-size: 13px; 
    line-height: 20px;
    font-weight: 500;
    margin-top: 20px;
}

.fotobijschrift-wit {
    color: #ffffff;  
}

.top-e-2-position {
    padding-right: 20px;
} 

::selection {
    background-color: #8c9aa0;
    color: #ffffff;
}

#pdfnws #btn-nws, #pdfnws #btn-nws-wit {
    background-position: -444px -65px;
    background-repeat: no-repeat;  
}

#btn-nws:hover, #btn-nws-wit:hover {
    color: #ffffff;
    text-decoration: none;
	text-underline: none;
    background-color: #4f5759;
    *background-color: #4f5759;
}

#btn-nws, .as-readmore, #btn-nws-wit  {
  display: inline-block;
  *display: inline;
  padding-top: 4px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 7px;
  *margin-left: .3em;
  font-size: 13px;
  font-weight: 600;
  line-height: 23px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
  vertical-align: middle;
  cursor: pointer;
  background-color: #0084c8;
  *background-color: #0084c8;
  background-image: -moz-linear-gradient(top, #0d95db, #0084c8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d95db), to(#0084c8));
  background-image: -webkit-linear-gradient(top, #0d95db, #0084c8);
  background-image: -o-linear-gradient(top, #0d95db, #0084c8);
  background-image: linear-gradient(to bottom, #0d95db, #0084c8);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d95db', endColorstr='#0084c8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#btn-nws-wit {
  color: #7daede;
  background-color: #ffffff;
  *background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.as-readmore {
    margin-bottom: 20px;
}

.btn-grijs {
  display: inline-block;
  *display: inline;
  padding-top: 4px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 7px;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 23px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
  vertical-align: middle;
  cursor: pointer;
  background-color: #0084c8;
  *background-color: #0084c8;
  background-image: -moz-linear-gradient(top, #0d95db, #0084c8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d95db), to(#0084c8));
  background-image: -webkit-linear-gradient(top, #0d95db, #0084c8);
  background-image: -o-linear-gradient(top, #0d95db, #0084c8);
  background-image: linear-gradient(to bottom, #0d95db, #0084c8);
  background-repeat: repeat-x;
  border: 0px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d95db', endColorstr='#0084c8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-grijs:hover {
    color: #ffffff;
    text-decoration: none;
	text-underline: none;
    background-color: #797f81;
    *background-color: #797f81;
}
 
p.pdfgrijs .btn-grijs {
    background-position: -444px -65px;
    background-repeat: no-repeat;  
    margin-bottom: 10px;
}

.as-menu-item {
    padding-right: 8px;
}

.com-content-category-blog__counter {
      text-align: center;  
}

div.ps-label2 {
    color: #ffffff;
    line-height: 30px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 15px;
    background-color: #0083c7;
    border-radius: 5px 5px 5px 5px;
}

.prod-label2 {
    color: #0083c7;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

#top-d {
    background-color: #ffffff; 
    padding: 10px 45px 0px 45px;
    border-radius: 3px;
}

#top-b {
    padding: 7px 0px 7px 0px !important;
}

div.top-d-1-position.moduletable {
    background-color: #ffffff;
}

#bb-yuhhtiu0i {
    margin: 0px 0px 0px 12px;
    width: 98%; 
}

#ac-s98994lyt {
    padding: 40px 40px 40px 40px;
    width: 100%; 
    margin: 0px; 
}

#ar-cbqgg3dzj {
    margin-right: -13px;
}

#bottom-c {
    background-color: #ffffff; 
    width: 100%; 
    margin: 0px;
}

.bottom-c-onder {
    padding-bottom: 8px;
}

#ar-yewngg8sj, #ar-64e1466966957019003249, #ar-64ef15cccfa9e467935077 {
    background-color: #0083c7; 
    margin: 0px 0px 0px 0px;
    padding: 0px 30px 0px 30px;
}

#mod-custom213, #mod-custom216 {
    text-align: center;
    padding: 30px 10px 30px 10px;
}

#mod-custom215, #mod-custom218 {
    text-align: center;
    padding: 20px 10px 30px 0px;
    vertical-align: top;
}

#bottom-e {
    background-color: #d9dde1; 
    padding: 0px 0px 5px 0px;
}

#ar-yewngg8sj {
    background-color: #ffffff; 
    padding: 0px 0px 30px 0px;
}

.bottom-e-1-position {
    padding: 10px 20px 20px 45px !important;
}

.bottom-e-2-position {
    padding: 10px 45px 10px 20px !important;
}

.bottom-e-3-position {
    padding: 20px 30px 30px 45px !important;
    margin-bottom: 10px;
}

div.smicon {
    border-radius: 15px; 
    background-color: #ffffff;
}

#img-iso-home1, #img-iso-home2, #img-iso-home3, #img-iso-home4, #img-iso-home5, #img-iso-home6 {
    width: 50%;
}

/* BLOG ITEMS HOMEPAGE */


div.blog.homepage {
    margin: 50px 30px 50px 10px;
}

.homeblog-horizontale-opbouw {
      display: inherit;
}
    
.homeblog-vertikale-opbouw {
       display: none;
}

.homeblog1, .homeblog2 {
    border-radius: 25px 25px 25px 25px;
    border: 2px solid #0083c7;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
}

.homeblog2 {
    border: 2px solid #7daede;
    background-color: #7daede;
}

.item-image {
    padding-bottom:0px;
}

#homeblog-image {
    border-radius: 22px 0px 0px 22px; 
}

#homeblog-image2 {
    border-radius: 0px 22px 22px 0px; 
}

.homeblog-article-intro-text {
    padding: 0px 30px 30px 25px;
}

table#homeblog-table {
    width: 100%;
  }

td#homeblog-td1-1 {
    width: 470px;
    vertical-align: top;
    padding: 0px;
}

td#homeblog-td2-1 {
    vertical-align: top;
}

td#homeblog-td1-2 {
    vertical-align: top;
}

td#homeblog-td2-2 {
    width: 470px;
    vertical-align: top;
    padding: 0px;
}

#mod-custom211 {
    padding-left: 20px;
}

#beeldhome2 { 
    width: 80%;
} 

#logohome2 {
    width: 100%;  
}

#logohome2 {
    width: 80%;  
}
      
#logohome3 {
    width: 80%;
}   
      
#logohome4 {
    width: 80%;
}   

/* Einde: BLOG ITEMS HOMEPAGE */

div.drukw-kopje {
    color: #0084c8;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

#box-blauw {
    background: #cfdbe6;
    padding: 20px;
}

p {
    font-size: 14px;
    line-height: 22px;
    color: #4d565d;
}


.fotocredit2 {
    font-size: 13px;
    line-height: 18px;
    color: #4d565d; 
}

.astroid-header-section:before {
    /* content: url("https://atece.nl/images/algemeen/header-lichtblauw.jpg");  */
}

#bd-lpy9t1yh1 {
    padding-top: 0px;
    padding-bottom: 0px;
}

#bd-lpy9t1yh1:before {
    /* content: url("https://atece.nl/images/algemeen/footer-lichtgrijs.jpg"); */
}

#mod-custom224 {
    background-color: #9c9da2;
    min-height: 40px;
    margin-top: 8px;
    margin-bottom: 8px;
}

#mod-custom225 {
    background-color: #c6d4ee;
    min-height: 40px;
    margin-top: 0px;
    margin-bottom: 8px;
}

#bf-65138fa566559413664629, #tf-65138fa566559413664629, #bf-65139422f1284827710371, #f-651396f043aa0825627844,
#bf-6513971fac1a9861810601, #tf-oel6e1bpp {
    padding: 0px !important;
}

#f2-651396f043b55859555195 {
    background-color: #4D555E;
    margin-top: 2px;
}

#image-footer, #image-header {
    min-height: 40px;
}

#f2-by3gnww00 {
    background-color: #4D555E;
}

.row-cols-lg-3 {
    margin-right: 0px;
}

/* Kruimelpad */

.pathway {
    color: #0083c7;
    font-weight: 600;
}

.mod-breadcrumbs__item.breadcrumb-item.active {
    color: #4d565d;
    font-weight: 600;
}

/* Flipboard */

#ar-61cf11f1984f8893849655 {
    display: none;
}

#awt-61bae20c0d2cf499628496 {
    margin-bottom: 30px;
}


/* Respons */

.col-lg-9 {
    width: 70%;
}
.col-lg-3 {
    width: 30%;
}

div.prod-guide, div.prod-brochure, div.prod-brochure-grey {
    color: #fff; 
    font-size: 14px;
    border: 0px solid #fff; 
    border-radius: 3px;
    background: #0083c7;
    padding: 10px;
    margin: 20px 0px 20px 0px;
    max-width: 350px;
}

div.prod-brochure{
    margin-top: 20px;
}

div.prod-brochure-grey {
    margin-top: 20px;
    background: #4c565c;
}

div.guide-label, div.brochure-label, div.brochure-label-grey {
    font-size: 16px;
    background: #e2e8f1;
    text-align: center;
    margin-bottom: 10px;
    padding: 5px;
    color: #0083c7;
    font-weight: bold;
}

div.brochure-label-grey {
    background: #cecece;
    color: #4c565c;
}

.prod-home-label, .prod-home-video, #news-home-label {
    background: #0083c7;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    /* padding-top: 15px !important;
    padding-bottom: 15px !important; */
    padding: 15px 5px 15px 5px !important;
}

.prod-home-label {
    display: table-cell; 
    vertical-align: middle; 
}

.prod-home-video {
    background: #000000;
}

#news-home-label {
    /* font-size: 15px; */
}

ul.bull2{
    font-size: 18px;
    color: #ffffff; 
    margin: 10px 5px 5px 23px;
}

ul.bull2b{
    font-size: 18px;
    color: #ffffff; 
    margin: 3px 5px 5px 23px;
}

ul.bull2b p {
    font-size: 14px;
    line-height: 19px; 
    color: #ffffff;
    /* font-family: 'Open Sans Condensed',sans-serif; */
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 5px;
}

ul.bull2 p {
    font-size: 14px;
    line-height: 17px; 
    color: #ffffff;
    /* font-family: 'Open Sans Condensed',sans-serif; */
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 2px;
}

ul.bull2 {
    font-size: 18px;
    color: #ffffff; 
    margin: 10px 5px 0px 23px;
}

ul.bull3, ul.bull4, ul.bull5{
    font-size: 18px;
    color: #0083c7; 
    margin: 20px 5px 20px 0px;
}

ul.bull3 p {
    margin-bottom: 5px;
}

ul.bull3 p, ul.bull4 p, ul.bull5 p{
    font-size: 17px;
    line-height: 22px; 
    color: #4d565d;
    /* font-family: 'Open Sans Condensed',sans-serif; */
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

ul.bull6 p {
    padding-bottom: 5px;
    /* font-family: 'Open Sans Condensed',sans-serif; */
    font-family: Inter, Arial, Helvetica, sans-serif;
}


a.labellink  {
    color: #ffffff; 
    font-weight: 600;
    line-height: 1.5em;
}

a.labellink:hover {
    color: #ebd9b4; 
}

#home {
    font-size: 15px;
    line-height: 23px; 
}

a {
    color: #0083C7;
    text-decoration: none;
}

.kopje-nws {
    margin-bottom: 20px;
}

@media (max-width: 1200px) {
    
  #top-b {
     /* padding: 7px 0px 1px 0px !important;   */
  }
    
    #top-c {
        padding-bottom: 10px;
    }
    
  .com-content-category-blog__item.blog-item {
      padding-right: 30px;  
      margin-top: 25px;
  }
    
  /*
  div.blog.homepage div.com-content-category-blog__items.blog-items.items-row {
      margin-top: 10px;
      margin-right: 15px;
  }
    
  div.blog.atecepage div.com-content-category-blog__items.blog-items.items-row {
      margin-right: 15px;
  }
    
    */
    
  #breadcrumbs {
      padding-bottom: 0px;
  }
    
  #blok1 {
      margin-top: 0px; 
      margin-bottom: 0px;
  }
    
  #blok2 {
      margin-top: 25px; 
      margin-bottom: 0px;
  }
    
  #blok3 {
      margin: 7px 45px 0px 0px;
  }
    
  .prod-home-label, .prod-home-video {
      font-size: 15px;
  }
    
  #box-prod  {
      font-size: 13px;
  }
    
  #bottom-c {
    background-color: #ffffff; */
    width: 98%; 
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
  }

  .bottom-c-onder {
    padding-bottom: 8px;
  }
    
  #bb-yuhhtiu0i {
    padding-top: 0px;
    padding-bottom: 0px; 
  }
    
}

@media (max-width: 991px) {
    
  /* BLOG ITEMS HOMEPAGE */
    
  div.blog.homepage {
    margin: 50px 15px 50px 10px;
  } 
    
  .homeblog-horizontale-opbouw {
      display: none;
  }
    
  .homeblog-vertikale-opbouw {
       display: inherit;
  }
    
  #homeblog-image, #homeblog-image2 {
      border-radius: 22px 22px 0px 0px; 
  }
    
  #beeldhome1 {
    width: 600px;
  } 

  #beeldhome2 { 
    width: 500px;
  } 
    
  #logohome1 {
    width: 250px;
      padding-bottom: 10px;
  } 
    
  #logohome2 {
    width: 190px;
  }   
    
  #logohome3 {
    width: 180px;
    padding-bottom: 10px;
  }   
    
  #logohome4 {
    width: 160px;
      padding-bottom: 30px;
  }    
    
  /* Einde: BLOG ITEMS HOMEPAGE */ 
    

  .top-e-2-position {
      padding: 20px 20px 20px 20px;
  } 
    
  .fa-pijl:before, .fa-pijl2:before {
      content: "\f0d8";
      font-size: 15px;
      color: #e30613;
  }  
    
  #img-logo {
      margin: 10px 10px 20px 105px; 
      max-width: 235px;
      text-align: center;
  }
    
  .js-finder-searchform {
      text-align: center;
      margin-top: 15px;
      margin-bottom: 15px;
  }
    
  .zoekveld {
      margin: auto !important;
      width: 40% !important;
      padding: 5px !important;
  }

  .phone-number, .phone-number-top, .phone-number-body {
      padding-right: 0px;
      margin-left: 0px;
      font-size: 13px;
      line-height: 21px;
  }
    
  .footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
      margin-left: 380px;
      text-align: left;

  }

  .footer-left2, .footer-mid2, .footer-right2 {
      margin-left: 405px;
  }
    
  .footer-top-left {
        margin-top: 15px;
  }
    
  .footer-top-mid {
        margin-top: 15px;
  }
    
  .footer-top-right {
      margin-top: 15px;
      margin-bottom: 25px;
  }
    
  .bottom-d-1-position, .bottom-d-2-position, .bottom-d-3-position, .top-a-1-position, .top-a-2-position, .top-a-1-position {
      text-align: center;
  }
    
  .f-social-icons, .button-home {
      text-align: center;
  }
    
  .copyright-top {
      padding: 15px 20px 0px 20px;
  }

  .copyright-bottom {
      padding: 10px 20px 15px 20px;
    }
    
  #img-logo {
      margin: 30px 10px 0px 20px;
  }
    
  #img-logoman {
    margin: 20px 20px 0px 20px;
    max-width: 200px;
  } 
    
  #bd1-nnplktrnq, #bd2-h6ljwn3y4, #bd3-e6zdnmpvx {
    padding: 0px;
  }
    
  #ac-5hhc89qmq {
    padding: 0px 0px 0px 0px;
  }
    
  .col-lg-9 {
    width: 65%;
  }
  .col-lg-3 {
    width: 35%;
  }
    
  #ta2-6481c3f2993c4484087612 {
    padding: 10px 20px 10px 20px;  
  }
    
  table#abc {
    width: 94%;
  }
    
  #top-b {
     /* padding: 7px 0px 10px 0px !important; */
  }
    
  .bottom-e-1-position {
    padding: 10px 50px 0px 50px !important;
  }
    
  .bottom-e-2-position {
    padding: 0px 50px 20px 50px !important;  
  }

  .bottom-e-3-position {
    padding: 20px 50px 30px 60px !important;
  }
    
  #img-iso-home1, #img-iso-home2, #img-iso-home3, #img-iso-home4, #img-iso-home5, #img-iso-home6 {
    width: 75%;
  }

  #ac-s98994lyt {
    padding: 40px 40px 40px 40px;
  }
    
  #bb1-48do7fz8h {
    padding: 0px 20px 0px 0px;
  }
}

@media (max-width: 935px) {
    
  .footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
      margin-left: 320px;
  }

  .footer-left2, .footer-mid2, .footer-right2 {
    margin-left: 345px;
  }

    
}

@media (max-width: 865px) {
    
  .footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
      margin-left: 300px;
  }

  .footer-left2, .footer-mid2, .footer-right2 {
    margin-left: 325px;
  }
}

@media (max-width: 825px) {
    
  .footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
      margin-left: 300px;
  }

  .footer-left2, .footer-mid2, .footer-right2 {
    margin-left: 325px;
  }
    
  .col-lg-9 {
    width: 60%;
  }
  .col-lg-3 {
    width: 40%;
  }  
    
}

@media (max-width: 765px) {
    
  .footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
      margin-left: 260px;
  }

  .footer-left2, .footer-mid2, .footer-right2 {
    margin-left: 285px;
  }
    
  .col-lg-9 {
    width: 100%;
  }
    
  .col-lg-3 {
    width: 92%;
    margin-left: 60px;
  } 
    
  div.nws-kopje2, div.nws-kopje2wit {
    font-size: 19px;
    line-height: 23px;
  }


}

@media (max-width: 715px) {
    
  .footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
      margin-left: 250px;
  }

  .footer-left2, .footer-mid2, .footer-right2 {
    margin-left: 275px;
  }
}

@media (max-width: 665px) {
    
  .footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
      margin-left: 230px;
  }

  .footer-left2, .footer-mid2, .footer-right2 {
    margin-left: 255px;
  }
    
  .col-lg-9 {
    width: 100%;
  }
    
  .col-lg-3 {
    width: 91%;
    margin-left: 60px;
  } 
    
}

@media (max-width: 625px) {
    
  .footer-left1, .footer-left2, .footer-mid1, .footer-mid2, .footer-right1, .footer-right2 {
      margin-left: 180px;
  }

  .footer-left2, .footer-mid2, .footer-right2 {
    margin-left: 205px;
  }
}