body {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
color: #000;
background-color:#fff;
1margin-bottom:49px;
padding-top:110px;
font-size:18px;
}
/***************************************/
/*      nav-top    */
/***************************************/
.nav-top {
width:100%;
background:#c93;
padding:12px 0px 0px 0px;
color: #000;
font-size:14px;
height:40px;
line-height:1.1;
text-align:center;
}
@media (min-width: 992px) {
.nav-top {
padding:12px 0px 0px 0;
font-size:16px;
}
}
.nav-top a {
color: #000;
text-decoration:none;
}
.nav-top a:active,
.nav-top a:hover,
.nav-top a:focus,
.nav-top a:visited {
color: #000!important;
text-decoration:underline;
}
@media (max-width: 991px) {
.after::after {
content: "\A";
white-space: pre;
}
}
@media (max-width: 767px) {
.breaki::after {
content: "\A";
white-space: pre;
}
}
.flag {
position: fixed;
right:15px;
top:12px;
}
/***************************************/
/* Toggle */
/***************************************/
.navbar-default .navbar-toggle {
border:1px solid #fff;
float: right;
border-radius: 4px;
margin:15px 10px 0 0;
}
.navbar-default .navbar-toggle .icon-bar {
background-color:#c93;
width: 40px;
height: 4px;
border-radius: 2px;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
background-color: #c93;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: transparent;
border:1px solid #c93;
}
/***************************************/
/*      navbar-brand    */
/***************************************/
.navbar .navbar-header {
height: 70px;
}
.navbar .navbar-brand {
padding: 5px 0px 0px 0px;
}
.navbar .navbar-brand img {
height: 60px;
}
@media (min-width: 768px) {
.navbar .navbar-header {
height: 70px;
}
.navbar .navbar-brand {
padding: 5px 0px 0px 0px;
}
.navbar .navbar-brand img {
height: 60px;
}
}
@media (min-width: 1200px) {
.nav-break::after {
content: "\A";
white-space: pre;
}
}
@media (min-width: 1200px) {
.navbar .navbar-header {
height: 120px;
}
.navbar .navbar-brand {
padding: 0px 0px 0px 0px;
}
.navbar .navbar-brand img {
height: 120px;
}
.navbar .navbar-nav > li > a {
height: 120px;
padding: 45px 25px 0px 25px;
text-align:center;
}
.nav-small {
font-size:80%;
}
}
/***************************************/
/*      Navigation    */
/***************************************/
.navbar-default {
background-color: #fff;
border-color: #fff;
border:0px solid transparent;
border-bottom:1px solid #ddd;
}
.navbar-default .navbar-brand {
color: #000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #000;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
color: #000;
font-size: 18px;
text-decoration:none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background-color: #eee;
text-decoration: none;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:hover {
color: #000;
background-color: #eee;
text-decoration: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #600;
background-color: #eee;
text-decoration: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #eee;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #fff;
}
.navbar-default .navbar-nav > .wmrest > a,
.navbar-default .navbar-nav > .wmrest > a:hover,
.navbar-default .navbar-nav > .wmrest > a:focus {
color: #fff;
font-size: 18px;
background-color: #600;
}
.dropdown-menu {
background-color:#fff;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.dropdown-menu > li > a {
color: #000;
font-size: 18px;
text-decoration: none;
background-color: #fff;
padding: 10px 20px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #000;
text-decoration: none;
background-color: #eee;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #600;
text-decoration: none;
background-color: #eee;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #000;
background-color: #fff;
padding: 10px 20px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #000;
text-decoration: none;
background-color: #eee;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #600;
text-decoration: underline;
background-color: #eee;
font-weight:bold;
}
}
@media (max-width: 1199.98px){
.navbar-fixed-top .navbar-collapse {
max-height: 340px;
overflow-y: auto!important;
}
}
/* ********************************************************************************************** */
@media (min-width: 768px) and (max-width: 1199.98px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 0;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
.navbar-brand {
display: inline-block;
float: none;
}
.collapsing {
overflow: hidden!important;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
padding: 10px 15px 10px 25px;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
color: #000;
white-space: nowrap;
}
}
/***************************************/
/* allgemein */
/***************************************/
.breadcrumb {
padding: 8px 0px;
margin-bottom: 0px;
background-color: #fff;
font-size: 14px;
}
.breadcrumb > li + li:before,
.breadcrumb > .active {
color: #000;
}
h1 {
font-size: 30px;
font-weight:300;
}
h2 {
font-size: 30px;
font-weight:300;
}
h3 {
font-size: 30px;
1font-weight:300;
}
h1 small,
h2 small,
h3 small,
.h1 .small,
.h2 .small,
.h3 .small {
color: #000;
}
.sh-con{
min-height: 500px;
}
@media (min-width: 1600px){
.container {
width: 1400px!important;
}
}
a {
color: #660000;
text-decoration: underline;
}
a:hover,
a:focus {
color: #660000;
text-decoration: underline;
}
.infos {
background-color:#f5f5f5;
padding:15px 15px;
margin:40px 0 40px 0;
font-size: 16px;
}
.infos-rev {
background-color:#fff;
}
.infos ul{
padding-left:15px;
}
.infos hr {
margin-top: 10px;
margin-bottom: 10px;
margin-left:0;
border: 0;
border-top: 2px solid #c93;
}
.infos img{
margin: 10px auto;
}
.hr-gold {
margin-top: 40px;
margin-bottom: 40px;
max-width:100px;
border: 0;
border-top: 2px solid #c93;
}
/***************************************/
/*      Bilder unten      */
/***************************************/
.row.no-gutter {
margin-right:-15px;
margin-left:-15px;
}
.row.no-gutter > [class*='col-'] {
padding-right:1px;
padding-left:1px;
}
.img-mb {
padding-bottom:1px;
}
@media (max-width: 1199px) {
.center {
text-align:center;
}
}
/***************************************/
/*      Button      */
/***************************************/
.btn-gold {
color: #000;
background-color: #c93;
border-color: #c93;
margin:20px 0 20px 0;
text-decoration: none;
font-size:16px;
}
.btn-gold:focus,
.btn-gold.focus {
color: #000;
background-color: #c93;
border-color: #c93;
}
.btn-gold:hover {
color: #000;
background-color: #c93;
border-color: #c93;
}
/***************************************/
/*  panel Startseite Grafiken     */
/***************************************/
.panel-equal {
width: 100%;
height: 100%;
}
@media only screen
and (min-width: 992px) {
.equal{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-heading {
padding: 0px 0px;
border-bottom: 1px solid red;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.panel-body {
padding: 12px;
}
/***************************************/
/*      ROWS    */
/***************************************/
.row-weiss{
width:100%;
background:#fff;
padding:20px 0 60px 0;
}
.row-grau{
width:100%;
background:#f5f5f5;
padding:40px 0 60px 0;
}
.row-team{
width:100%;
background:#c6c6c6;
padding:20px 0 40px 0;
color: #000;
font-size:18px;
margin-top:0px;
margin-bottom:0px!important;
text-align:center;
border: 2px solid transparent;
border-bottom: 2px solid #c93;
}
.row-team span {
color: #000;
font-size:24px;
font-weight: 500;
}
.row-team a {
color: #000;
font-weight:400;
1font-size:16px;
text-decoration:none;
}
.row-team a:active,
.row-team a:hover,
.row-team a:visited {
1font-size:16px;
color: #000;
font-weight:400;
text-decoration:none;
}
.row-team hr {
margin-top: 30px;
margin-bottom: 30px;
border: 0;
border-top: 1px solid #000;
}
.row-bottom{
width:100%;
background:#222;
padding:10px 0px;
color: #fff;
font-size:14px;
height:60px;
}
.row-bottom a {
color: #fff;
font-size:14px;
text-decoration:none;
}
.row-bottom a:active,
.row-bottom a:hover,
.row-bottom a:visited {
color: #fff;
text-decoration:none;
}

/***************************************/
/*        Stellenangebote                    */
/***************************************/
#job {
position: fixed;
top: 110px;
right: 0px;
font-size:18px;
background-color: #600;
padding:10px 20px ;
z-index: 1030;
}
.btn-job a{
color: #fff;
text-decoration: none;
text-transform: uppercase ;
}
.btn-job a:focus,
.btn-job a.focus {
color: #fff;
background-color: #600;
text-decoration: underline;
}
.btn-job :hover {
color: #fff;
background-color: #60;
text-decoration: none;
}
@media (min-width: 1200px) {
#job {
position: fixed;
top: 160px;
right: 0px;
}
}
@media (min-width: 768px) {
body {
font-size:18px;
}
h1 {
font-size: 36px;
}
h3 {
font-size: 24px;
}
}
@media (min-width: 1200px) {
body {
padding-top:160px;
}
/***************************************/
/* hover */
/***************************************/
.dropdown:hover .dropdown-menu {
display: block;
}
.itemhover {
background-color: transparent;
}
.dropdown:hover .itemhover {
color: #000;
background-color: #eeeeee;
}
}
/******************************************************************************/
/******************************************************************************/
.m-0 {
margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.fa-xs {
  font-size: 12px!important;
}
/***************************************/
/*        social-icon                   */
/***************************************/
.social-icon-bar {
position: fixed;
bottom:0px;
1top:310px;
right:0;
1-webkit-transform: translateY(-50%);
1-ms-transform: translateY(-50%);
1transform: translateY(-50%);
}
.social-icon-bar a {
display: block;
text-align: center;
padding: 8px 12px;
transition: all 0.3s ease;
font-size: 30px;
margin-bottom:1px;
}
.social-icon-bar a:hover,
.social-icon-bar a:focus,
.social-icon-bar a:visited {
color: #fff;
opacity: 1;
}
.envelope {
background: rgba(102,0,0,1);
color: #fff;
}
.cutlery {
background: rgba(102,0,0,1);
color: #fff;
1margin-bottom:10px;
}
.facebook {
background: rgba(102,0,0,1);
color: #fff;
}
.instagram {
background: rgba(102,0,0,1);
color: #fff;
}