body, html {font-family: 'Nunito Sans', sans-serif; font-size: 16px; color: #111213; background-image: url(../../media/istock-1141568802s.jpg);}

a {color: #111213;}
a:hover {color: inherit; text-decoration: underline;}

.table th, .table td {
    padding: 0px 25px 0px 0px !important;
    vertical-align: top;
    border-top: none !important;
}

#textblock a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  margin-right: 0.25rem;
  display:inline-block;
}

a.link {color: #111213; background-color: #f2f2f2; font-weight: 600; padding: 10px 15px; transition: all ease 0.2s;  display:inline-block; text-align: right;}
a.link:hover {background-color: #00468c; color: #fff; transition: all ease 0.2s; text-decoration: none !important;}

a.textlink::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  margin-right: 0.25rem;
  display:inline-block;
}

#textblock a {color: #00468c; font-weight: 700;}
#textblock a:hover {color: #00468c; text-decoration: underline;}

#vorfertigung a {}
#vorfertigung a:hover {text-decoration: none;}

#linkbox a {color: #111213; font-weight: 700; transition: all ease 0.2s;}
#linkbox a:hover {color: #00468c; text-decoration: none; transition: all ease 0.2s;}

.img-greyscale {filter: grayscale(0%); transition: all ease 0.2s;}
.img-greyscale:hover {filter: grayscale(0%); transition: all ease 0.2s;}

h1, h2 {font-weight: 700; text-transform: uppercases;}
h3, h4, h5 {font-weight: 700;}

h1, h2, h3, h4, h5
{-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}

h1 {font-size: 2.25rem}
h2 {font-size: 2.0rem}
h3 {font-size: 1.75rem}
h4 {font-size: 1.5rem}
h5 {font-size: 1.25rem}

.form-control {
    border-radius: 0rem;
}

.color-red {color: red;}
.color-blue {color: #00468c;}
.color-light {color: #111213;}
.color-bright {color: #f1f1f1;}
.color-white {color: #fff;}
.bg-blue {background-color: #00468c;}
.bg-dark {background-color: #343a40;}
.bg-light {background-color: #f1f1f1;}
.bg-white {background-color: #fff;}
.bg-bright {background-color: #fff;}

.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}

.btn-primary {
  color: #fff;
  background-color: #00468c;
  border-color: transparent;
}

.btn-primary:hover {
  color: #fff;
  background-color: #00468c;
  border-color: transparent;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #00468c;
  border-color: transparent;
  box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #00468c;
  border-color: transparent;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #00468c;
  border-color: transparent;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn {
    border-radius: 0rem;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0;
margin: 0;
font-size: 0.875rem;
color: #fff;
text-align: left;
list-style: none;
background-color: #343a40;
background-clip: padding-box;
border: none;
border-radius: 0px;
margin-top:0px;
}

@media (max-width: 991px) {
.dropdown-menu {
display: blocks;
}
.caret-block {
    display: none;
}
}

@media (min-width: 992px) {
.dropdown:hover .dropdown-menu {
    display: block;
}
.caret-block {
    display: block;
}
}

@media (max-width: 991px) {
.navbar-mobile {
    display: block;
}
.navbar-desktop {
    display: none;
}
}

@media (min-width: 992px) {
.navbar-mobile {
    display: none;
}
.navbar-desktop {
    display: block;
}
}

.dropdown-item {
display: block;
width: 100%;
padding: 0.5rem 1rem;
clear: both;
font-weight: 400;
color: #fff;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1340px;
  }
}
@media (max-width: 576px) {
  body, html {font-size: 13px;}
}