@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: 'Raleway', sans-serif;
}

#menu-top {
    font-size: 14px;
    font-weight: 500;
}

#menu-top ul.nav li.nav-item + li::before {
    color: #09b3c7;
}

#menu-top ul.nav li + li::before {
    content: "|";
    margin-right: 1rem;
}

.menu-language-wrapper img {
  height: 24px;  
}

.menu-language-wrapper .nav {
    padding-right: 6px;
    padding-top: 3px;
    margin-left: 16px;
    margin-bottom: 0;
}

#layout-startsite #area-header {
    background-image: url("../../Private/theme_bootstrap4_quarzwerke/Resources/Public/Images/Header/background-lg.png");
  background-position: top center;
background-repeat: no-repeat;
height: 125px;
margin-top: -10px;
}

#layout-startsite #area-extended {
    background-position-y: 0;
    background-image: url("../../Private/theme_bootstrap4_quarzwerke/Resources/Public/Images/Footer/background-startsite-lg.png");
  background-repeat: no-repeat;
height: 277px;
padding-top: 49px;
padding-bottom: 20px;
margin-top: 10px;
}

#layout-startsite #area-footer {
    background-image: url("../../Private/theme_bootstrap4_quarzwerke/Resources/Public/Images/Footer/background-startsite-lg.png");
    padding-top: 60px;
  background-position: bottom center;
background-repeat: no-repeat;
height: 191px;
color: #fff;
text-shadow: 0 0 13px rgba(7,7,7,0.54);
font-size: 14px;
font-weight: 700;
padding-top: 138px;
}

#layout-default #area-header {
    background-image: url("../../Private/theme_bootstrap4_quarzwerke/Resources/Public/Images/Header/background-lg.png");
  background-position: top center;
background-repeat: no-repeat;
height: 125px;
margin-top: -10px;
}

#layout-default #area-feature {
    background-image: url("../../Private/theme_bootstrap4_quarzwerke/Resources/Public/Images/Header/background-lg.png");
  background-position: bottom center;
background-repeat: no-repeat;
height: 197px;
padding-top: 133px;
padding-left: 63px;
}

#area-footer {
    background-image: url("../../Private/theme_bootstrap4_quarzwerke/Resources/Public/Images/Footer/background-lg.png");
  background-position: bottom center;
background-repeat: no-repeat;
height: 191px;
color: #fff;
text-shadow: 0 0 13px rgba(7,7,7,0.54);
font-size: 14px;
font-weight: 700;
padding-top: 138px;
}

#menu-main #header-logo-main {
    padding-left: 31px;
    padding-top: 21px;
}

.menu-root-wrapper > ul {
    width: 100%;
    height: 65.0333px;
    margin-left: 0px;
}

#menu-main #navbar-main .nav > .nav-item {
    position: relative;
  	padding-right:30px;
}

.navbar-nav .nav-item {
    float: left;
}

#menu-main #navbar-main .nav > .nav-item > .nav-link {
    color: #4d5855;
    font-size: 20px;
    text-shadow: 0 1px 0 #fff,0 0 4px rgba(255,255,255,0.77),0 0 16px rgba(255,255,255,0.77);
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

#menu-main #navbar-main .nav > .nav-item > .nav-link.dropdown-toggle::after {
    border: none;
    height: auto;
    width: auto;
    content: '\f107';
    font-family: "FontAwesome";
    font-size: 2.1rem;
    line-height: 1;
    color: #09b3c7;
}

.navbar-nav .nav-link {
    display: block;
    padding-top: 0.425rem;
    padding-bottom: 0.425rem;
}

.menu-root ul li{
    list-style: outside none none;
	position: relative;
	float: left;
}

ul li{
    list-style: outside none none;
}

.sub-menu {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 200px;
    margin: 0px;
    padding: 0px;
    z-index: 99;
    background-color: #FFF;
    border: 1px solid #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.7s ease-in-out 0s;
}

.menu-root ul > li > a {
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.sub-menu li,.navigation .children li {
	padding: 0px;
	border-bottom: 1px solid #000;
	float: left;
	width: 100%;
}
.menu-root ul > li:hover > .sub-menu,.menu-root li:hover > .children {
	opacity: 1;
	visibility: visible;
}
.menu-root ul li .sub-menu li a,.menu-root .children a {
	color: #000;
	padding: 5px 15px;
	float: left;
	position: relative;
    text-align: left;
}

#menu-main #navbar-main .nav > .nav-item > a {
    color: #4d5855;
    font-size: 20px;
    text-shadow: 0 1px 0 #fff,0 0 4px rgba(255,255,255,0.77),0 0 16px rgba(255,255,255,0.77);
}

#menu-main #navbar-main .nav > .nav-item > a:hover, #menu-main #navbar-main .nav > .nav-item > a:focus, #menu-main #navbar-main .nav > .nav-item > a:active, #menu-main #navbar-main .nav > .nav-item > a[aria-expanded="true"] {
    color: #09b3c7;
}

.navbar-nav a {
    display: block;
    padding-top: 0.425rem;
    padding-bottom: 0.425rem;
}

#menu-main #navbar-main {
    padding-right: 0px;
    padding-top: 24px;
}

.next_menu {
    font-size: 2.1rem;
    line-height: 1;
    color: #09b3c7;
    float: right;
    position: absolute;
    top: 8px;
    right: 0;
}

#menu-main #navbar-main .nav > .nav-item + .nav-item {
    margin-left: 20px;
}

media (min-width:768px) {
 .container {
  width:758px;
  max-width:100%;
 }
}
@media (min-width:992px) {
 .container {
  width:980px;
  max-width:100%;
 }
}
@media (min-width:1280px) {
 .container {
  width:1240px;
  max-width:100%;
 }
}
@media (min-width:1366px) {
 .container {
  width:1356px;
  max-width:100%;
 }
}
@media (min-width:1500px) {
 .container {
  width:1356px;
  max-width:100%;
 }
}

.box-special-01:not(header) {
    width: 100%;
    overflow: hidden;
}





#layout-startsite #area-header {
    position: relative;
}

#slider_wrap {
    min-height: 380px;
    margin-top:20px;
    margin-bottom:20px;
}

#slider_wrap .ce-bodytext {
    height: 134px;
    padding: 22px 30px 0;
}

#slider_wrap .container-wrapper {
    bottom: 0px;
    height: 133px;
    position: absolute;
    width: 100%;
  
background: #ffffff; 
background: -moz-linear-gradient(top, transparent 0%, #ffffff 80%); 
background: -webkit-linear-gradient(top, transparent 0%, #ffffff 80%); 
background: linear-gradient(to bottom, transparent 0%, #ffffff 80%); 
}

#slider_wrap .container-wrapper > .container {
    background-color: rgba(255,255,255,0.4);
}

#slider_wrap .seo_title{
  color: #4d5855;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
  text-align: left;
  white-space: nowrap;
  line-height: 1.45em;
  font-size: 1.6em;
}

#slider_wrap .slider_link{
    color: #09b3c7;
    font-size: 20px;
    font-weight: 600;
    transition: color ease 0.4s;
}

#slider_wrap i{
	margin-left: 10px;
}