/*********** STUFE 1 PHONE ***********/
@media (min-width: 768px)  {
	ul.contact-icons-mobile {
		display:none;
	}
 .button-highlight {
		top: 50%;
		right: 20%;
 }
}
@media (max-width: 767px) {
		.row {
			overflow-x: hidden;
			overflow-y: hidden;
		}
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  	text-align: center;
  	}
    .navbar-right>li {
      float: left;
    }
    .navbar-right {
      display: flex;
      justify-content: center;
    }
    .contact-icons {
		display: none;
	}
    .nav-icon {
      display: flex!important;
      justify-content: center;
    }
    .navbar-brand {
      margin-left: 0px;
    }
    .navbar-toggle
    {
      position: absolute;
    }
   .button-highlight {
      top: 370px;
      right: 50px;
   }

   .box-image {
      background-position: center !important;
   }
	/* ------ Navigation ------ */
	.navbar-bar {
		padding: 10px 0px;
		margin-top: 65px;
		background-color: #FFF;
		margin-top: 0px;
	}
	.navbar-bar .navbar-toggle .icon-bar { background-color: #000 !important; }
	.nav > li > a {
		padding: 8px 15px;
		color: #000;
		font-size: 20px;
		line-height: 21px;
	}
	.navbar-nav li a {
		/*margin-bottom: 4px; */
	}
  .navbar.navbar-open {
    background-color: rgba(255,255,255,0.9) !important;
  }
  .navbar-nav>li>a {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

	/* ------ 6.7 SCROLLBAR ------ */
	.navbar-collapse.in::-webkit-scrollbar {
		width: 12px;
	}
	.navbar-collapse.in::-webkit-scrollbar-track {
		background: rgba(0,0,0,0.05);
	}
	.navbar-collapse.in::-webkit-scrollbar-thumb {
		background: rgba(209,194,123,1);
	}
		.navbar-collapse.in::-webkit-scrollbar-thumb:hover {
			background: rgba(209,194,123,0.8);
		}

		.navbar-default .navbar-nav > li:hover {
			background-color: rgba(209,194,123,0.8);
		}
  .navbar, .navbar-default .navbar-nav > li {
		-webkit-transition: background-color ease 0.3s;
		-moz-transition: background-color ease 0.3s;
		-o-transition: background-color ease 0.3s;
		transition: background-color ease 0.3s;
  }

	/* ------ Boxes ------ */
	#map-canvas { height: 335px; }
	.slider-margin { margin-top: 180px; }

	.vpadding-strong { padding-top: 30px; padding-bottom: 30px; }
		.vpadding-strong-top { padding-top: 30px; }
		.vpadding-strong-bottom { padding-bottom: 30px; }
	.vpadding-medium { padding-top: 10px; padding-bottom: 10px; }
		.vpadding-medium-top { padding-top: 10px; }
		.vpadding-medium-bottom { padding-bottom: 10px; }
	.vpadding-light { padding-top: 5px; padding-bottom: 5px; }
		.vpadding-light-top { padding-top: 5px; }
		.vpadding-light-bottom { padding-bottom: 5px; }

	.vmargin-strong { margin-top: 30px; margin-bottom: 30px; }
		.vmargin-strong-top { margin-top: 30px; }
		.vmargin-strong-bottom { margin-bottom: 30px; }
	.vmargin-medium { margin-top: 10px; margin-bottom: 10px; }
		.vmargin-medium-top { margin-top: 10px; }
		.vmargin-medium-bottom { margin-bottom: 10px; }
	.vmargin-light { margin-top: 5px; margin-bottom: 5px; }
		.vmargin-light-top { margin-top: 5px; }
		.vmargin-light-bottom { margin-bottom: 5px; }

	/* ------ Text ------ */
	h1, h2, h3, h4 {
		letter-spacing: 0.04em;
		margin: 0px;
		padding: 0px;
	}

	h1, h2, h3, h4 {
        line-height: 42px;
	}

	h4 {
		margin-top: 15px;
	}
	p {
		font-size: 15px;
		line-height: 20px;
        margin-top: 10px;
	}
    @media (max-width: 768px) {

        h1 {
            font-size: 30px!important;
        }
    }

	.margin-4er { margin-left: 0px; }
	.margin-team { margin-top: 23px; }

	/* ------ Displays ------ */
	.visible-level1 { display: block !important; }
	.visible-level2 { display: none !important; }
	.visible-level3 { display: none !important; }
	.visible-desktop{ display: none !important; }
	.visible-mobile	{ display: block !important; }

	.hidden-level1	{ display: none !important; }
	.hidden-level2	{ display: block !important; }
	.hidden-level3	{ display: block !important; }
	.hidden-desktop	{ display: block !important; }
	.hidden-mobile	{ display: none !important; }
}

/********** STUFE 2 TABLET **********/
@media (min-width: 768px) and (max-width: 999px) {


	/* ------ Boxes ------ */
	#map-canvas { height: 300px; }
	.slider-margin { margin-top: 180px; }

	.vpadding-strong { padding-top: 30px; padding-bottom: 30px; }
		.vpadding-strong-top { padding-top: 30px; }
		.vpadding-strong-bottom { padding-bottom: 30px; }
	.vpadding-medium { padding-top: 10px; padding-bottom: 10px; }
		.vpadding-medium-top { padding-top: 10px; }
		.vpadding-medium-bottom { padding-bottom: 10px; }
	.vpadding-light { padding-top: 5px; padding-bottom: 5px; }
		.vpadding-light-top { padding-top: 5px; }
		.vpadding-light-bottom { padding-bottom: 5px; }

	.vmargin-strong { margin-top: 30px; margin-bottom: 30px; }
		.vmargin-strong-top { margin-top: 30px; }
		.vmargin-strong-bottom { margin-bottom: 30px; }
	.vmargin-medium { margin-top: 10px; margin-bottom: 10px; }
		.vmargin-medium-top { margin-top: 10px; }
		.vmargin-medium-bottom { margin-bottom: 10px; }
	.vmargin-light { margin-top: 5px; margin-bottom: 5px; }
		.vmargin-light-top { margin-top: 5px; }
		.vmargin-light-bottom { margin-bottom: 5px; }

	/* ------ Text ------ */
	h1, h2, h3, h4 {
		letter-spacing: 0.04em;
		margin: 0px;
		padding: 0px;
	}

	h2 {
		margin-bottom: 10px;
	}

	h3 {
		line-height: 38px;
	}

	h4 {
		margin-top: 15px;
	}
	p {
		font-size: 14px;
		line-height: 19px;
	}

	.margin-4er { margin-left: 0px; }
	.margin-team { margin-top: 190px; }

	/* ------ Displays ------ */
	.visible-level1		{ display: none !important; }
	.visible-level2		{ display: block !important; }
	.visible-level3		{ display: none !important; }
	.visible-desktop	{ display: none !important; }
	.visible-mobile		{ display: block !important; }

	.hidden-level1 		{ display: block !important; }
	.hidden-level2 		{ display: none !important; }
	.hidden-level3 		{ display: block !important; }
	.hidden-desktop 	{ display: block !important; }
	.hidden-mobile		{ display: none !important; }
}

/*********** STUFE 3 DESKTOP ***********/

	/* ------ Navigation ------ */
    @media (max-width: 1600px) {
        .navbar-default {
            padding: 15px 25px 15px 25px !important;
        }
     }

    @media (max-width: 1200px) {
      a.phone {
        display: none!important;
      }
    }

     @media (max-width: 992px) {
       .navbar-brand {
           width: 125px!important;
           height: 25px;
       }
     }

      @media (max-width: 768px) {
        .navbar-brand {
          width: 155px!important;
        }
        .navbar-toggle { top: 28px; }
      }

	/* ------ Boxes ------ */
	#map-canvas { height: 335px; }
	.slider-margin { margin-top: 200px; }

	.vpadding-strong { padding-top: 30px; padding-bottom: 30px; }
		.vpadding-strong-top { padding-top: 30px; }
		.vpadding-strong-bottom { padding-bottom: 30px; }
	.vpadding-medium { padding-top: 10px; padding-bottom: 10px; }
		.vpadding-medium-top { padding-top: 10px; }
		.vpadding-medium-bottom { padding-bottom: 10px; }
	.vpadding-light { padding-top: 5px; padding-bottom: 5px; }
		.vpadding-light-top { padding-top: 5px; }
		.vpadding-light-bottom { padding-bottom: 5px; }

	.vmargin-strong { margin-top: 30px; margin-bottom: 30px; }
		.vmargin-strong-top { margin-top: 30px; }
		.vmargin-strong-bottom { margin-bottom: 30px; }
	.vmargin-medium { margin-top: 10px; margin-bottom: 10px; }
		.vmargin-medium-top { margin-top: 15px; }
		.vmargin-medium-bottom { margin-bottom: 15px; }
	.vmargin-light { margin-top: 5px; margin-bottom: 5px; }
		.vmargin-light-top { margin-top: 5px; }
		.vmargin-light-bottom { margin-bottom: 5px; }

	/* ------ Text ------ */
	h1, h2, h3, h4 {
		letter-spacing: 0.04em;
		margin: 0;
		padding: 0;
	}

    .h1, h1 {
      font-size: 45px;
      line-height: 42px;
      margin-bottom: 15px;
      margin-top: 15px;
    }
	h2 {
		margin-bottom: 10px;
	}
		h2 .size-l {
			line-height: 100px;
		}
		h2 .size-m {
			line-height: 60px;
		}

	h3 {
		line-height: 42px;
	}

	h4 {
		line-height: 24px;
		margin-top: 15px;
	}
	p {
		font-size: 15px;
		line-height: 20px;
	}

	.margin-4er { margin-left: 97px; }
	.margin-team { margin-top: 80px; }

	/* ------ Displays ------ */
	.visible-level1 { display: none !important; }
	.visible-level2 { display: none !important; }
	.visible-level3 { display: block !important; }
	.visible-desktop{ display: block !important; }
	.visible-mobile	{ display: none !important; }

	.hidden-level1	{ display: block !important; }
	.hidden-level2	{ display: block !important; }
	.hidden-level3	{ display: none !important; }
	.hidden-desktop { display: none !important; }
	.hidden-mobile	{ display: block !important; }