#dreieck_smart_unterseite {
  display: none;
}  

@media screen and ( min-width:992px ) { 
.dropdown-toggle:hover ~ .dropdown-menu {
  display: block;
}

.footer-section {
  margin-bottom: -35px;
}

#scroll_down {
  display: none;
  position: fixed;
  bottom: 19vh;
  width: 26px;
  left: 49%;
}

#scroll_up {
  display: none;
  position: fixed;
  bottom: 23vh;
  width: 26px;
  left: 49%;
  transform: rotate(180deg);
}
}
@media screen and ( max-width:992px ) {
body {
  overflow: hidden;
  width: 100%;
  padding: 2%;
  /*    background: white !important;*/
}

#snowfall {
  display: none;
  margin-top: 500px; 
  margin-left: 0;
  position: relative;
}

#shadow {
  display: none;
}

.col-md-6 {
  width:100%;
  margin-left: 22px;
} 

.col-md-3 {
  display:none;
}

.body-bg {
  overflow:hidden !important;
  margin-bottom: 0;
  height: 97vh;
  position: fixed;
  /* top: 20px; */
  top: 1.5%;
  width: 96%;   
}


h1 {
  font-size: 2.3em;
}

h2 {
  font-size: 2.3em;
}

p {
  font-size: 0.9em;
}

.nacbar-main {
  box-shadow: none;  
}

.navbar.navbar-top {
  width: 100%;
  border: none;
}

.breadcrumb-section {
  display:none !important;
}

.navbar-header.navbar-header-main {
  z-index: 100;
}

.breadcrumb-section.hidden-xs.hidden-sm {
  border: none;
  z-index: 150;
  position: relative;   
  margin-left: 45px;
}

.breadcrumb-section .breadcrumb {
  padding: 10.5px 0;
  padding-left: 10px;
}

.breadcrumb {
  display: block;
  background: transparent;
  width: 100%;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumb > li > a, .breadcrumb > .active  > a {
  color: white;
}

.navbar-header.navbar-header-main {
  margin: 0;
}

.nav.navbar-nav.navbar-main {
  margin: 0;
  padding: 0px 8%;
  margin-top: 20px;
}

.navbar-header-main .navbar-header-border-bottom {
  display:none;
}

.navbar-nav > li > .dropdown-menu {
  position: initial;
  border: none;
  display: block;
  background: transparent;
  float: left;
  margin-left: 9px;
  margin-right: 80%;
  padding-bottom: 10px;
  margin-top: -9px;
}

.dropdown-menu > li > a {
  line-height: 22.5px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #FFFFFF;
  /*float: right !important;
  margin-right: 366px;
  padding: 11.5px 15px;
  margin-left: 37px;*/
  margin-right: 80%;
  padding: 0 0 0 52px;
}

.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: #e3a800;
  /*    margin-left: 37px;*/
  margin-right: 80%;
}

#content {
  border:none;
  height: 100vh !important;
  /*    margin-top: -27px;
  padding: 0px 15px 210px 15px;*/
  box-shadow: none;
  
  /* für Schatten im resp. Design */
  margin-top: -71px;
  padding: 30px 15px 210px 15px;
  
  /* Schatten spread: 10px 
  -webkit-box-shadow: inset -1px 0px 100px 10px rgba(158,158,158,0.75);
  -moz-box-shadow: inset -1px 0px 100px 10px rgba(158,158,158,0.75);
  box-shadow: inset -1px 0px 100px 10px rgba(158,158,158,0.75);*/
  
  /* Schatten schwarz 
  -webkit-box-shadow: inset -1px 0px 100px 10px rgba(0,0,0,0.75);
  -moz-box-shadow: inset -1px 0px 100px 10px rgba(0,0,0,0.75);
  box-shadow: inset -1px 0px 100px 10px rgba(0,0,0,0.75);*/
}

.footer-section {
  width: 100%;
}

#dreieck_desktop {
  display: none;
}

#dreieck_tablet {
  display:block;
  width:100%;
  margin-left: 0px;
  margin-right: 42px;
  margin-bottom: 0;
  float: right;
}

.dropdown-toggle:hover ~ .dropdown-menu {
  display: none;
}

.dropdown-menu > li > a {
  background-color: rgba(0, 0, 0, 0)
}

.navbar-nav > li {    
  width: 100%;
  float:left;
  background: transparent;
  border-top: 1px solid orange;
}

.bar {
  display:none;
}

.navbar-main .open .dropdown-menu {
  
  display: block;
  border-left: none;
}

.navbar-default .navbar-nav > li > a {
  padding-right: 37px;
  border: none;
  padding-bottom: 0 !important;    
  padding-top: 8px !important;
  margin-bottom: 6px;
  line-height: 33px;
  background-position: right 15px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-position: right 15px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-position: right 15px;
}

.navbar-default .navbar-nav > li:last-child > a {
  background-position: right 21px;
}    

.dropdown-menu a {
  display: block !important;
}

.dropdown-toggle:hover ~ .dropdown-menu {
  display: block;
}

.dropdown-menu > li > a {
  color: white;
  padding: 0 0 0 52px;
  font-size: 1.3em;
}

.navbar-main > li.dropdown > a > .caret {
  display: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #e3a800;
  background-color: transparent;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #e3a800;
  background-color: transparent;    
  font-family: "TisaSansWeb W03 Medium";
  font-size: 1.3em;
}
/*
.dropdown-menu > .active:last-child > a, .dropdown-menu > .active:last-child > a:hover, .dropdown-menu > .active:last-child > a:focus {
padding-bottom: 37px;
}

.dropdown-menu:last-child > li > a {
padding-bottom: 37px;
}
*/

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #e3a800;
}

.meta_menu {
  padding: 0;
}

.list-inline.pull-right {
  width: 100%;
  padding: 0px 8%;
  padding-bottom: 65px;
  margin: 0;
}

.list-inline > li {
  width: 100% !important;
  border-top: 1px solid orange;
  padding: 10px 16px;
}

.list-inline.pull-right > li > a {
  float: none;
  color: #FFFFFF;
  font-size: 1.1em;
}

.navbar-main > li:last-child > a {
  line-height: 44px;
}

.navbar-brand {
  right: 34px;
  width: 26%;
  height: auto;
  position: absolute;
  bottom: 25px;
}

.navbar-brand > img {
  width: 120%;
  height: auto;
  margin-left: -17%;
}

.meta-section {
  float: right;
  border: none;
  margin-right: -12px;
  background: transparent;
  display: block;
  margin-top: -109px;
  width: 60%;
}

.meta-section .row {
  line-height: 0.4;
}

#company_data {
  color: grey;
  font-size: 0.7em;
  line-height: 1;
}

#company_info {
  color: grey;
  font-size: 0.68em;
  line-height: 1;
}

.footer_text {
  border-top: 1px solid #e3a800;
  padding-left: 0;
  padding-top: 3px;
}

.footer_text > p {
  color: grey;
}

.footer_text > p > a {
  color: grey;
} 

.arrow_left >img, .arrow_right > img {
  margin-top: 177px;
}
/*  
.breadcrumb > li + li::before {
content: url('../Img/arrows_small.png');
}
*/

#scroll_up {
  display: none;
  position: fixed;
  bottom: 20vh;
  width: 26px;
  left: 51.5%;
  transform: rotate(180deg);
}

#scroll_down {
  position: fixed;
  display: block;
  bottom: 20vh;
  width: 26px;
  left: 47.5%;
}
}  

@media screen and ( max-width:775px ) {
/*
h1 {
font-size: 2.1em;
}

h2 {
font-size: 2.1em;
}
*/  
.footer_text > p {
  font-size: 0.58em;
}

#scroll_down {
  left: 46.5%;
}

#scroll_up {
  left: 52.5%;
}
}

@media screen and ( max-width:600px ) {  
.meta-section {
  display:none;
}

/*  
.navbar-brand > img {
display: none;
}
*/
#dreieck_tablet {
  display: none;
}

#dreieck_smart {
  display: block;
  width:100%;
  margin-left: 0px;
  margin-right: 42px;
  margin-bottom: 0;
  float: right;
}

.navbar-brand > img {
  width: 130%;
  margin-left: -28%;
  height: auto;
  margin-bottom: 5px;
}
/*  
#logo-section-footer_smartphone {
display: block;
position: absolute;
bottom: -50px;
margin-left: -20%;
}*/

#scroll_down {
  left: 46%;
}

#scroll_up {
  left: 53%;
}

h1, h2, h3 {
  font-size: 1.8em;
}
} 

@media screen and ( max-width:550px ) {
.breadcrumb > .active  > a,   .breadcrumb > li > a {
  font-size: 0.8em;
}

.breadcrumb > li + li:before {
  background-size: 18px;
}

#scroll_down {
  left: 45%;
}

#scroll_up {
  left: 54%;
}
}

@media screen and ( max-width:400px ) {
/*
h1 {
font-size: 1.8em;
}

h2 {
font-size:1.8em;
}
*/
.breadcrumb > .active  > a, .breadcrumb > li > a {
  font-size: 0.6em;
}

.breadcrumb > li + li:before {
  background-size: 14px;
  background-position-y: 5px;
}
}

@media screen and ( max-width:370px ) {
#logo-section-footer_smartphone {
  bottom: -50px;
  margin-left: -25%;
}

#scroll {
  left: 47%;
}

#scroll_down {
  left: 44%;
}

#scroll_up {
  left: 55%;
}
}

@media screen and ( max-height:400px ) {
footer {
  display:none;
}
}

@media screen and ( max-height:800px ) {
#c1 {
  height: 81vh;
}
}

/*
@media screen and ( min-height:1100px ) {
#content {
height: 85.5vh;
}
}

@media screen and ( min-height:1200px ) {
#content {
height: 86.5vh;
}
}

@media screen and ( min-height:1300px ) {
#content {
height: 87.5vh;
}
}

@media screen and ( min-height:1400px ) {
#content {
height: 88.5vh;
}
}

@media screen and ( min-height:1500px ) {
#content {
height: 89.5vh;
}
}

@media screen and ( min-height:1600px ) {
#content {
height: 90.5vh;
}
}

@media screen and ( min-height:1700px ) {
#content {
height: 91.5vh;
}
}

@media screen and ( min-height:1800px ) {
#content {
height: 92.5vh;
}
}

@media screen and ( min-height:1900px ) {
#content {
height: 93.5vh;
}
}