header,
.view {
    height: auto !important;
    background-position: center 20% !important;
    overflow: hidden;
}

body {
	height: 100%;
    overflow-x: hidden !important;
    overflow-y: scroll;
    color: rgb(0,0,0) !important;
    font-family: 'Roboto Condensed', sans-serif; 
    position: relative;
}

span, button, input, optgroup, select, textarea {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.intro {
    background: url("../img/slider01.png")no-repeat center center;
    background-size: cover;
    min-height: 960px;
    background-position: 70% -100% !important;
}

.navbar {
	background-color: rgb(0,0,0);
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.navbar img {
    width: 8vw;
    height: auto;
    padding-bottom: 0.25vw;
	padding-top: 0.25vw;
}

.navbar-brand {
    height: 2.68vw;
	margin-right: 0.5vw;
}

.nav-item .active {
	background-color: red !important;
	color: rgb(0,0,0) !important;
	font-weight: bold;
	background-color: rgb(252,220,22) !important;
}

.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
    background-color: transparent;
    transition: all 1s ease;
}

.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover,
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover {
    color: rgb(0,0,0);
    font-weight: bold;
}

.container-full {
	width: 100% !important;
	max-width: 100% !important;
}

.col {
    padding-right: 1vw;
    padding-left: 1vw;
}
.blocksatz {
    text-align: justify;
}
.nopadding {
   padding: 0 !important;
}
.underline {
	text-decoration: underline;
}

.hide_jobs {
	display: none;
}

.show_jobs {
	display: block;
	margin-top: 1vw;
}

.jobs_ul {
    text-align: left !important;
    padding-left: 1.5vw !important;
    list-style-type: square !important;
    list-style-position: inside;
    margin-top: 1rem;
    line-height: normal;
    margin-bottom: 1vw;
}

.jobs_ul li {
    margin-left: 1em;
    list-style-position: outside;
}

.tel_white {
    color: rgb(255,255,255);
    transition: all 1s ease;
}

.tel_white:hover {
    color: rgb(252,220,22);
}

.mail_white {
	color: rgb(255,255,255);
    transition: all 1s ease;
    text-decoration: underline;
    text-transform: none;
}

.mail_white:hover {
	color: rgb(252,220,22) !important;
	text-decoration: underline;
	font-weight: normal;
}

.mail_black {
	color: rgb(0,0,0);
    transition: all 1s ease;
    text-decoration: underline;
    text-transform: none;
}

.mail_black:hover {
	color: rgb(252,220,22) !important;
	text-decoration: underline;
	font-weight: normal;
}

.a_black {
	color: rgb(0,0,0);
    transition: all 1s ease;
    text-decoration: none !important;
    text-transform: none;
}

.a_black:hover {
	color: rgb(252,220,22) !important;
	text-decoration: none;
	font-weight: normal;
}

.nav-item {
	text-transform: uppercase;
	transition: all 1s ease;
}

.nav-item .nav-link {
    padding-top: 1.225vw;
	padding-bottom: 1.225vw;
    padding-right: 2.4vw !important;
	padding-left: 2.4vw !important;
}

.nav-item:hover {
	background-color: rgb(252,220,22);
}

.nav-item .fa-envelope::before, .nav-item .fa-phone::before {
    margin-right: 0.3vw;
    color: rgb(252,220,22);
}

#nav_icons .nav-item .nav-link {
    padding-right: 0.8vw !important;
	padding-left: 0.8vw !important;
}

#nav_icons .nav-item:hover {
	background-color: transparent;
}

.tel_white .nav-link:hover {
	color: rgb(252,220,22) !important;
}

.container-fluid .row, .container .row {
	width: 100%;
}

.lb-nav a.lb-next,
.lb-nav a.lb-prev {
    opacity: 1;
    display: block !important;
    width: 30vw;
}

.lb-nav a.lb-prev {
    position: absolute;
    left: -4vw;
}

.lb-nav a.lb-next {
    position: absolute;
    right: -4vw;
}

.lb-disable-scrolling {
    overflow: hidden !important;
}

/* ALL 12pt font-sizes */
.leistungen_pakete a, #anfahrt p, #jobs button {
    font-size: 0.835vw;
}

/* ALL 13pt font-sizes */
.nav-item a, #unternehmen p, #qm p, #first_job_hidden, #second_job_hidden, #jobs h5, #impressum p, #impressum ul li {
    font-size: 0.9vw;
}

/* ALL 14pt font-sizes */
.leistungen_pakete h3, .leistungen_pakete ul li, #jobs h4,
#jobs p, #jobs a, #impressum_link, .md-form label, #form_submit .btn, #bauwerkspruefungen p {
    font-size: 0.973vw;
}

/* ALL 18pt font-sizes */
#intro p, #unternehmen h3, #jobs h3, #qm h2, #team_background02 h3, #aktuelles_background02 h3 , #impressum h2 {
    font-size: 1.25vw;
}

/* ALL 24.47pt font-sizes */
#intro h2, #projekte h2 {
    font-size: 1.7vw;
}

/* ALL 48pt font-sizes */
#intro h1 {
    font-size: 3.35vw;
}

#carousel-example-1z .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 51vw;
}

#carousel-example-1z .carousel-inner img {
    height: 51vw;
}

#carousel-example-1z img {
    width: 100%;
    height: auto;
}

.carousel-fade .carousel-inner .carousel-item {
    opacity: 0;
    transition-property: opacity;
}

#carousel-example-1z .carousel-item {
    position: relative;
    display: block !important;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 2s, opacity 2s linear !important;
    -o-transition: visibility 2s, opacity 2s linear !important;
    transition: visibility 2s, opacity 2s linear !important;
    height: 0 !important;
}

.carousel-fade .carousel-inner > .carousel-item.active, .carousel-fade .carousel-inner > .carousel-item.next.left, .carousel-fade .carousel-inner > .carousel-item.prev.right {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#carousel-example-1z .carousel-inner > .active, 
#carousel-example-1z .carousel-inner > .next, #carousel-example-1z .carousel-inner > .prev  {
    display: block !important;
    visibility: visible;
    -webkit-transition: visibility 2s, opacity 2s linear !important;
    -o-transition: visibility 2s, opacity 2s linear !important;
    transition: visibility 2s, opacity 2s linear !important;
    height: 100% !important;
}

.intro hr {
	border-color: rgba(255,255,255);
}

#intro_background {
    background-color: rgba(0, 0, 0, 0.76);
    padding: 0.6vw;
    margin-bottom: 5vw;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    margin-top: 23vw;
    width: 44vw;
}

#intro {
	border: 1px solid rgb(255,255,255);
	padding: 1vw;
}

#intro h1 {
	color: rgb(252,220,22);
}

#intro h2 {
	color: rgb(255,255,255);
	text-transform: uppercase;
}

#intro hr {
	border-color: rgb(255,255,255);
	margin-right: 2vw;
	margin-left: 2vw;
}

#intro p {
	color: rgb(255,255,255);
}

/* #slider01 {
	background: url("../img/slider/slider01.jpg")no-repeat center center;
    background-size: cover;
}

#slider02 {
    background: url("../img/slider/slider02.jpg")no-repeat center center;
    background-size: cover;
    background-position: 0% 25%;
}

#slider03 {
	background: url("../img/slider/slider03.jpg")no-repeat center center;
    background-size: cover;
    background-position: 100% 15%;
}

#slider04 {
	background: url("../img/slider/slider04.jpg")no-repeat center center;
    background-size: cover;
}

#slider05 {
	background: url("../img/slider/slider05.jpg")no-repeat center center;
    background-size: cover;
}

#slider06 {
	background: url("../img/slider/slider06.jpg")no-repeat center center;
    background-size: cover;
    background-position: 100% 40%;
}

#slider07 {
	background: url("../img/slider/slider07.jpg")no-repeat center center;
    background-size: cover;
} */

.carousel-item {
    height: 51vw;
}

#leistungen {
	height: 100%;
	padding-top: 2.5vw;
	padding-bottom: 2.5vw;
}

#leistungen ul li {
	margin-bottom: 0rem;
	text-align: left;
}
.leistungen_pakete {
    background-color: rgb(237, 237, 237);
    height: 24.5vw;
    padding: 1.5vw;
    width: 22.4vw;
    margin: 0 auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.leistungen_pakete a {
    color: rgb(0,0,0);
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    transition: all 1s ease;
    padding: 0.5vw;
    margin-left: -0.5vw;
}
.leistungen_pakete a:hover {
    color: rgb(252,220,22);
    text-transform: uppercase;
    text-decoration: underline;
    background-color: black;
    margin-left: 0vw;
}
.leistungen_pakete h3 {
    font-weight: bold;
    text-transform: uppercase;
}

.leistungen_pakete img {
    width: 19.5vw;
	height: 10.5vw;
    margin: 0 auto;
    display: block;
}

.leistungen_pakete ul li {
    list-style-type: square;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
}

.leistungen_pakete ul {
    padding-left: 0;
    margin-top: 1vw;
}

.leistungen_pakete a {
    color: rgb(0,0,0);
    text-transform: uppercase;
    text-decoration: underline;
}

.leistungen_pakete .fa-plus::before {
    margin-right: 0.3vw;
}

.leistungen_btn {
	display: none;
}

.lh3_margin {
	margin-top: 1vw;
}

.limg_margin {
    margin-top: 2.2vw !important;
}

#unternehmen {
	height: 100%;
	background-color: rgb(220, 220, 220);
	background-image: url("../img/unternehmen_background.jpg");
	background-size: 59vw;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#unternehmen h3 {
	margin-top: 5vw;
	margin-bottom: 3vw;
	text-transform: uppercase;
	font-weight: 700;
}

#unternehmen p {
	margin-bottom: 5vw;
	padding-right: 1.2vw;
}

#aktuelles {
    height: 100%;
    background-color: rgb(251, 245, 210);
    padding-bottom: 5vw;
}
#aktuelles_background {
    background-color: rgba(0, 0, 0, 0.76);
    padding: 0.6vw;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-bottom: 1vw;
    margin-top: 3vw;
    width: 17vw;
}
#aktuelles_background02 {
    border: 1px solid rgb(255,255,255);
    padding: 0.75vw;
}
#aktuelles_background02 h3 {
    color: rgb(255,255,255);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
}
#aktuelles .images {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto;
    margin-top: 2vw;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19) !important;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19) !important;
}

#qm {
    height: 100%;
    background-color: rgb(233, 239, 248);
    padding-top: 5vw;
    padding-bottom: 5vw;
}
#qm h2 {
    margin-bottom: 3vw;
    text-transform: uppercase;
    font-weight: 700;
}
#qm .images {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 2vw;
    position: absolute;
    top: -7vw;
    left: -1vw;
}
#qm a {
    color: rgb(0,0,0);
    transition: all 1s ease;
}
#qm a:hover {
    color: rgb(252,220,22) !important;
    font-weight: normal;
}

#team {
    height: 100%;
    background-image: url("../img/team_background.jpg");
    background-size: 70vw;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: rgb(0,0,0);
}

#team_background {
    background-color: rgba(0, 0, 0, 0.76);
    padding: 0.6vw;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-bottom: 43vw;
    margin-top: 2vw;
    width: 17vw;
}

#team_background02 {
	border: 1px solid rgb(255,255,255);
	padding: 0.75vw;
}

#team_background02 h3 {
	color: rgb(255,255,255);
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
}

#jobs {
    height: 100%;
    background-image: url("../img/jobs_background.png");
    background-size: 100vw;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

#jobs h3{
    margin-top: 6.5vw;
    margin-bottom: 3vw;
    text-transform: uppercase;
    font-weight: 700;
}

#jobs #zeitpunkt{
    margin-bottom: 1vw;
}

#jobs h4, #jobs h5 {
	font-weight: 700;
}

#jobs .row {
	height: 48vw;
    width: 100%;
    overflow: hidden;
}

#jobs .row .scrollbar {
	overflow: auto;
	width: 120vw;
	padding-right: 100px;
	max-height: 100%;
	margin-right: -100px;
}

#jobs::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

.jobs_btn {
	background-color: transparent;
	display: block;
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: underline;
}

#first_job {
    background-color: rgb(237, 237, 237);
    padding: 1vw;
    width: 23vw;
    transition: all 0.5s ease;
}

#second_job {
    background-color: rgb(237, 237, 237);
    padding: 1vw;
    width: 17vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    transition: all 0.5s ease;
}

#second_job_h4 {
	margin-bottom: 1rem;
}

#second_job_p {
    margin-bottom: 1rem;
}

#jobs_bewerben {
	margin-bottom: 6.5vw;
	width: 35vw;
}

#jobs .fa {
    margin-right: 0.5vw;
}

.mail_bewerbung {
	text-transform: none !important;
}

#anfahrt {
	background-color: rgb(0,0,0);
}

#anfahrt iframe {
    margin-top: 5vw;
    margin-bottom: 5vw;
    width: 28.65vw;
	height: 18.25vw;
	float: right;
}

#anfahrt p:first-of-type {
	color: rgb(255,255,255);
	width: 14vw;
	margin: 0 auto;
	margin-top: 1.5vw;
	padding-left: 0.7vw;
}

#kontakt_formular_anfrage {
	display: none;
	margin-top: 5vw;
}

#kontakt_nachricht {
	margin-top: 0vw !important;
	width: 20vw !important;
}

#anfragen {
	margin-top: 5vw;
}

#anfragen label {
    padding-left: 1vw;
}

#anfahrt_logo {
	display: block;
	width: 9.5vw;
	height: auto;
	margin-top: 5vw;
	margin-left: 1.95vw;
}

#name, #form_mail, #form_nachricht  {
    background-color: rgb(255,255,255);
}

#nachricht, #form_nachricht {
    height: 6.5vw;
	width: 22.6vw;
}

#name, #mail {
    width: 22.6vw;
    height: 1.75vw;
}

#form_submit, #submit {
	width: 22.6vw;
    height: 2vw;
}

.md-form, .md-form .btn {
    margin-bottom: 1.25vw;
}

#form_mail, #form_name {
	width: 22.6vw;
}

#form_submit .btn {
    padding: 0;
    border-radius: 0;
}

#anfahrt .form-control:focus {
    border-color: rgb(252,220,22);
}

#anfahrt input[type="text"]:focus:not([readonly]) + label,
#anfahrt input[type="email"]:focus:not([readonly]) + label,
#anfahrt textarea:focus:not([readonly]) + label {
	color: rgb(252,220,22);
}

input[type="text"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]) {
	box-shadow: 0 1px 0 0 rgb(252,220,22);
}

#form_submit .waves-input-wrapper {
	width: 100%;
}

#form_submit #submit {
	transition: all 1s ease;
    width: 100%;
    display: inline-block;
    background-color: rgb(165, 163, 163);
    margin: 0;
}

#submit:hover {
	background-color: rgb(252,220,22) !important;
	color: rgb(165, 163, 163) !important;
}

.md-form label.active{
	transform: translateY(-180%);
}

footer {
	padding-top: 1vw;
	background-color: rgb(58, 56, 56);
}

footer a {
	color: rgb(252,220,22);
	text-transform: uppercase;
	transition: all 1 ease;
}

footer a:hover {
	color: rgb(255,255,255);
}

#impressum {
	background-color: rgb(220, 220, 220);
	padding-top: 7vw;
}
#impressum h2 {
    text-transform: uppercase;
    font-weight: 700;
}
#impressum p {
    margin-top: 2vw;
}

#impressum a {
	color: rgb(0,0,0);
	text-decoration: underline;
	text-transform: inherit;
}

#impressum_link p {
    text-transform: uppercase;
    width: 17%;
    margin: 0 auto;
    padding-bottom: 1vw;
}

/* ##### UNTERSEITE - PROJEKTE #### */

/* ALL 12pt font-sizes */
.projekte_galerie_top, .projekte_galerie_bottom, .brueckenbau p,
.projekte_pakete p {
    font-size: 0.835vw;
}

/* ALL 14pt font-sizes */
 {
    font-size: 0.973vw;
}

/* ALL 18pt font-sizes */
.projekte_auswahl {
    font-size: 1.25vw;
}

/* ALL 24pt font-sizes */
#projekte .error {
    font-size: 1.675vw;
}

#projekte {
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 1vw;
}
#projekte h2 {
    margin-top: 2vw;
	margin-bottom: 2vw;
	text-transform: uppercase;
	font-weight: 700;
    letter-spacing: 0.05vw;
}

#projekte .error {
    width: 100%;
}

.projekte_active {
    background-color: rgb(252,220,22) !important;
}

.projekte_nav_active {
    color: rgb(0,0,0) !important;
    font-weight: bold;
    background-color: rgb(252,220,22) !important;
}

#projekte_output .fa {
    margin-right: 0.2vw;
}

#header_projects {
	height: 0 !important;
}

#projekte_auswahl {
	margin-top: 7vw;
}

#projekte_auswahl .flex-center {
    height: auto;
}

.projekte_auswahl {
    background-color: rgb(237, 237, 237);
    padding: 1.5vw;
    padding-top: 0.5vw;
	padding-bottom: 0.5vw;
    width: auto;
    float: left;
    margin-right: 2vw;
    margin-bottom: 1vw;
    border: 0;
    cursor: pointer;
    font-weight: 700;
	text-transform: uppercase;
    letter-spacing: 0.05vw;
}

.projekte_auswahl:hover {
	background-color: rgb(252,220,22);
}

.projekte_pakete {
    background-color: rgb(237, 237, 237);
    height: 31vw;
    padding: 1.5vw;
    width: 100%;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.projekte_pakete.personen {
    height: 38vw;
}
.projekte_pakete.personen.first-row {
    height: 33vw;
}
.projekte_pakete.laermschutzwaende {
    height: 34vw;
}
.projekte_pakete.laermschutzwaende.first-row {
    height: 32vw;
}
.projekte_pakete.ingenieur {
    height: 34vw;
}
.projekte_pakete.bahnsteig {
    height: 30vw;
}
.projekte_pakete.rueckbau {
    height: 35vw;
}
.projekte_pakete.industriebau {
    height: 33vw;
}
.projekte_pakete.industriebau.second-row {
    height: 31vw;
}
.projekte_pakete.pruefung {
    height: 32vw;
}
.projekte_pakete.bauwerk {
    height: 28vw;
}

.projekte_pakete img {
    width: 100%;
    height: 18vw;
    margin: 0 auto;
    display: block;
}

.projekte_galerie_none {
	display: none;
}

.projekte_galerie_top {
    position: absolute;
    top: 18vw;
    left: 11.5vw;
    right: auto;
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
    padding: 0.5vw;
    padding-top: 0.2vw;
    padding-bottom: 0.2vw;
    text-transform: uppercase;
    text-decoration: underline;
    transition: all 1s ease;
}

.projekte_galerie_bottom {
    position: absolute;
    bottom: 3.5vw;
    left: 11.5vw;
    right: auto;
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
    padding: 0.5vw;
    padding-top: 0.2vw;
    padding-bottom: 0.2vw;
    text-transform: uppercase;
    text-decoration: underline;
    transition: all 1s ease;
}

.projekte_galerie_top:hover, .projekte_galerie_bottom:hover {
    color: rgb(252,220,22);
    text-decoration: underline;
}

.projekte_pakete strong {
    font-weight: 700;
}

.projekte_desc {
	float: left;
	width: 25%;
	margin-top: 1vw !important;
}

.projekte_desc_top {
	float: left;
	width: 25%;
	margin-bottom: 1vw !important;
}

.projekte_info {
	float: right;
	width: 75%;
	margin-top: 1vw !important;
}

.projekte_info_top {
	float: right;
	width: 75%;
	margin-bottom: 1vw !important;
}

.container_projekte {
    width: 98vw !important;
}
/* ##### ./UNTERSEITE - PROJEKTE #### */


@media all and (max-width: 1700px) {
	#anfahrt p:first-of-type {
	    padding-left: 0vw;
	}

	#anfahrt_logo {
	    margin-left: 1.2vw;
	}
}
@media all and (min-width: 1200px) {
	.container {
	    width: 75vw;
	    max-width: 100%;
	}
}
@media all and (max-width: 1200px) {
    #aktuelles .images {
        width: 70%;
    }
    #qm {
        padding-bottom: 10vw;
    }
    #qm .images {
        width: 95%;
    }
}
@media all and (max-width: 975px){

	/* ALL 12pt font-sizes */
	.leistungen_pakete a, #anfahrt p, #jobs button {
	    font-size: 1.835vw;
	}

	/* ALL 13pt font-sizes */
	.nav-item a, #unternehmen p, #qm p, #first_job_hidden, #second_job_hidden, #jobs h5, #impressum p, #impressum ul li {
	    font-size: 1.9vw;
	}

	/* ALL 14pt font-sizes */
	.leistungen_pakete h3, .leistungen_pakete ul li, #jobs h4,
	#jobs p, #jobs a, #impressum_link, .md-form label, #form_submit .btn, #bauwerkspruefungen p {
	    font-size: 1.973vw;
	}

	/* ALL 18pt font-sizes */
	#intro p, #unternehmen h3, #jobs h3, #qm h2, #team_background02 h3, #aktuelles_background02 h3, #impressum h2 {
	    font-size: 2.25vw;
	}

	/* ALL 24.47pt font-sizes */
	#intro h2, #projekte h2 {
	    font-size: 2.7vw;
	}

	/* ALL 48pt font-sizes */
	#intro h1 {
	    font-size: 4.35vw;
	}

	.hide_mobile {
		display: none;
	}

	.container {
	    width: 95vw;
	}

	.collapse.show {
	    border-top: 2px solid rgb(252,220,22);
	}

	.navbar img {
	    padding-bottom: 5px;
	    padding-top: 5px;
	}

	.navbar .container .navbar-toggler-right {
    	top: 8px;
	}

	.navbar img {
    	width: 10vw;
	}

	.navbar-brand {
	    margin-right: 0;
	    width: auto;
		height: auto;
	}

	.nav-item_mobile {
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    margin: 0;
	    margin-bottom: 1vw;
	}

	.navbar.navbar-dark .navbar-toggler-icon {
    	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(252,220,22)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}

	.float_left {
		float: left;
	}

	#nav_icons {
    	display: inline-block;
		width: 100%;
	}

	#nav_icons .nav-item {
	    width: 100%;
    	float: left;
	}

	#nav_icons .nav-item a {
    	text-align: center;
	}

	#carousel-example-1z .carousel-inner, #carousel-example-1z .carousel-inner img,
    header, .view {
    	height: 80vw !important;
	}

	#intro_background {
	    margin-top: 40vw;
	    width: 70vw;
	}

	.leistungen_pakete {
	    height: 45vw;
		width: 43vw;
	}

	.leistungen_pakete img {
	    width: 40vw;
		height: 20vw;
	}

	#unternehmen {
		height: 100%;
		background-image: url("../img/unternehmen_mbackground.jpg");
	}

	#unternehmen p {
    	padding-bottom: 20vw;
	}

    #aktuelles_background {
        width: 22vw;
    }
    #aktuelles .images {
        width: 80%;
    }
    #aktuelles {
        background-size: 100%;
    }
    #qm .images {
        width: 60%;
        position: inherit;
        margin-left: 22vw;
    }
    #qm h2 {
        margin-top: -10vw;
    }

	#team_background {
	    width: 22vw;
	    margin-bottom: 63vw;
	}

	#team {
    	background-size: 100%;
	}

	#first_job, #second_job, #jobs_bewerben {
	    width: 100% !important;
	}

	#first_job, #second_job {
	    padding: 2vw;
	}

	#jobs {
	    background-image: none;
	    height: 100%;
	}

	#jobs .row .scrollbar {
	    margin-right: 0px; 
	    padding-right: 0px;
	}

	#jobs .row {
	    height: 100%;
    	overflow: inherit;
	}

	#jobs_bewerben {
	    margin-bottom: 25vw;
	}

	#jobs_bewerben {
    	margin-bottom: 8vw;
	}

	#second_job {
    	margin-bottom: 3vw;
	}

	#anfahrt iframe {
	    width: 100%;
	    height: 50vw;
	    float: none;
	}

	#name, #mail, #submit, #form_submit {
	    width: 100%;
	    height: 4.5vw;
	}

	#form_mail, #form_name {
    	width: 100%;
	}

	.md-form, .md-form .btn {
    	margin-bottom: 3vw;
	}

	#form_submit #submit {
    	height: 9vw;
    }

    #anfragen {
    	margin-top: 2vw;
        padding-bottom: 5vw;
	}

	#anfahrt iframe {
        margin-top: 10vw;
	}

	#nachricht, #form_nachricht {
	    height: 20vw;
	    width: 100%;
	}

	#anfahrt p:first-of-type {
    	width: 100%;
	}

	#anfahrt_logo {
    	width: 50%;
		margin-left: 0;
	}
	#impressum {
    	margin-top: -75vw;
	}
    /* ##### UNTERSEITE - PROJEKTE #### */

    /* ALL 12pt font-sizes */
    .projekte_galerie_top, .projekte_galerie_bottom, .brueckenbau p,
    .projekte_pakete p {
        font-size: 1.835vw;
    }

    /* ALL 14pt font-sizes */
     {
        font-size: 1.973vw;
    }

    /* ALL 18pt font-sizes */
    .projekte_auswahl {
        font-size: 2.25vw;
    }

    /* ALL 24pt font-sizes */
    #projekte .error {
        font-size: 2.675vw;
    }
    #projekte_auswahl {
        margin-top: -70vw;
    }
    #projekte_auswahl .flex-center {
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .projekte_auswahl {
        float: none;
        width: 100%;
        display: inline-block;
    }
    .container_projekte {
        width: 95vw !important;
        padding: 0;
        display: block;
        margin: 0 auto;
    }
    .container_projekte .row {
        margin: 0;
    }
    .projekte_pakete,
    .projekte_pakete.personen.first-row,
    .projekte_pakete.personen,
    .projekte_pakete.laermschutzwaende,
    .projekte_pakete.laermschutzwaende.first-row,
    .projekte_pakete.ingenieur,
    .projekte_pakete.bahnsteig,
    .projekte_pakete.rueckbau,
    .projekte_pakete.industriebau,
    .projekte_pakete.industriebau.second-row,
    .projekte_pakete.bauwerk,
    .projekte_pakete.pruefung {
        height: auto;
    }
    .projekte_pakete img {
        height: auto;
    }
    .projekte_pakete {
        padding: 3vw;
    }
    .projekte_galerie_top {
        top: 57vw;
        left: 42%;
    }
    .projekte_galerie_bottom {
        bottom: 7vw;
        left: 42%;
    }
    .lb-nav a.lb-prev {
        left: 0;
    }
    .lb-nav a.lb-next {
        right: 0;
    }
    /* ##### ./UNTERSEITE - PROJEKTE #### */
}

@media all and (max-width: 500px){

	/* ALL 12pt font-sizes */
	.leistungen_pakete a, #anfahrt p, #jobs button {
	    font-size: 3.485vw;
	}

	/* ALL 13pt font-sizes */
	.nav-item a, #unternehmen p, #qm p, #first_job_hidden, #second_job_hidden, #jobs h5, #impressum p, #impressum ul li {
	    font-size: 3.55vw;
	}

	/* ALL 14pt font-sizes */
	.leistungen_pakete h3, .leistungen_pakete ul li, #jobs h4,
	#jobs p, #jobs a, #impressum_link, .md-form label, #form_submit .btn, #bauwerkspruefungen p {
	    font-size: 3.823vw;
	}

	/* ALL 18pt font-sizes */
	#intro p, #unternehmen h3, #jobs h3, #qm h2, .leistungen_btn, #team_background02 h3, #aktuelles_background02 h3, #impressum h2 {
	    font-size: 3.9vw;
	}

	/* ALL 24.47pt font-sizes */
	#intro h2, #projekte h2 {
	    font-size: 4.35vw;
	}

	/* ALL 48pt font-sizes */
	#intro h1 {
	    font-size: 6vw;
	}

	.container {
    	width: 100vw;
	}

	.nav-item .nav-link {
	    padding-top: 2.225vw;
	}

	.navbar .container .navbar-toggler-right {
    	top: 3vw;
	}

	.navbar .container .navbar-toggler-right {
        padding-top: 0;
        padding-right: 1vw;
		padding-left: 1vw;
	}

	.nav-item {
    	margin-right: 0vw;
    	margin-left: 0vw;
	}

	.row {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	header, .view {
    	height: 100vw !important;
	}

	.navbar img{
    	width: 17vw
	}

	#carousel-example-1z .carousel-inner, #carousel-example-1z .carousel-inner img {
    	height: 100vw !important;
	}

	#intro_background {
	    margin-top: 50vw;
	    width: 92vw;
	    padding: 1vw;
	}

	#leistungen {
		padding-top: 4.5vw;
		padding-bottom: 3vw;
	}

	.leistungen_pakete ul li {
	    padding-left: 2em;
	}

	#leistungen ul, #leistungen img {
		margin-top: 2vw;
	}

	.leistungen_pakete {
	    height: 100%;
	    width: 100%;
	    margin: 0;
	}

	.leistungen_pakete h3 {
		display: none;
	}

	.hide {
    	display: none;
	}

	.show {
    	display: block;
    	height: 100%;
	}

	.leistungen_pakete img {
	    width: 76vw;
	    height: 40vw;
	}

	.leistungen_pakete_div {
		margin-bottom: 1vw;
	}

	.leistungen_btn {
		background-color: transparent;
		display: block;
	    border: 0;
    	font-weight: bold;
    	cursor: pointer;
    	text-transform: uppercase;
	}

	.leistungen_btn i {
    	margin-right: 1vw;
	}

	.md-form, .md-form .btn {
    	margin-bottom: 5.5vw;
	}

    #aktuelles_background {
        width: 36vw;
    }

	#team_background {
    	width: 36vw;
    	margin-bottom: 61vw;
	}
	#impressum {
    	margin-top: -75vw;
	}
    /* ##### UNTERSEITE - PROJEKTE #### */

    /* ALL 12pt font-sizes */
    .projekte_galerie_top, .projekte_galerie_bottom, .brueckenbau p,
    .projekte_pakete p {
        font-size: 2.735vw; /* SMALLER */
    }

    /* ALL 14pt font-sizes */
     {
        font-size: 3.973vw;
    }

    /* ALL 18pt font-sizes */
    .projekte_auswahl {
        font-size: 4.25vw;
    }

    /* ALL 24pt font-sizes */
    #projekte .error {
        font-size: 4.675vw;
    }

    #projekte_auswahl {
        margin-top: -82vw;
    }
    .projekte_galerie_top,
    .projekte_galerie_bottom {
        left: 40%;
    }
    .leistungen_pakete a {
        display: inline-block;
        margin-left: 3.5vw;
        margin-bottom: 3vw;
    }
    .leistungen_pakete a:hover {
        margin-left: 3.5vw;
    }

    /* ##### ./UNTERSEITE - PROJEKTE #### */
}