/*
 * Custom CSS Responsive app
 */
 .second_content, .first_header  {
	 max-width: 1920px !important;
 }
 .menu_mobile {
	 display: none;
 }
.menu_desktop {

 }
  .menu_mobile ul li{
	text-transform: uppercase;
	font-size: 18px;
 }
  .menu_mobile ul li a{
	padding: 8px 15px;
 }
  .dropdown-menu.show {
      width: 100%;
}
.btn_kontakt {
    position: static !important;
    bottom: 0 !important;
    left: 0 !important;
      width: 90% !important;
    display: block;
    margin: 25px 10px 10px 10px !important;
}
.btn_home {
	 position: static !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 90% !important;
    display: block;
    margin: 5px 10px !important;
}
.btn_viewer, .btn_viewer2 {
	position: static !important;
		padding-top: 10px !important;
		display: inline-block;
}
.btn_viewer {
	padding-right: 10px;

}

 @media (max-width: 575.98px) { 
 model-viewer {
	 height: 60vh !important;
 }
 .btn_viewer img, .btn_viewer2 img {
    width: 65px !important;
}
.btn-secondary {
margin-bottom: 10px;
}
.modal-body h4 {
	font-size: 1.05rem;
}
 h1 {
	 font-size: 42px !important;
 }
 .breadcrumb-item {
	 font-size: 1rem !important;
 } 
 .unserewelt .pt-3 {
	 padding-top: 0 !important;
 }
 .modal-content h3 {
	 font-size: .9rem;
 }
 .card-body h3 {
	 font-size: 1.05rem;
 }
 .einblicke {

 }
 .first_header {
    padding: 40px 20px;
}
.third_footer {
	padding: 30px;
}
.second_content {
	padding-bottom: 30px;
}
span.fs-5 {
	  font-size: 1.025rem !important;
}
.btn_mauth_blau {
      font-size: 1.025rem;
  }
  .logo {
    width: 80%;
}
 .btn_menu {
	width: 100%;
}
 .menu_mobile {
	display: block;
 }
 .menu_desktop {
	display:none;
 }
 .btn_back {
    
	font-size: 1rem;
}
 }

@media (max-width: 767.98px) { 

 model-viewer {
	height: 60vh !important;
 }

.fs-2 {
	font-size: 14px !important;
 }
 #introvid {
     top: -50%;
}
 .btn_menu {
	width: 100%;
}
 .menu_mobile {
	display: block;
 }
 .menu_desktop {
	display:none;
 }
 
 }

@media (min-width: 576px) and (max-width: 991.98px) { 
.p-sm-xl {
	padding: 2rem 20px 1rem 20px !important;
 }
.container {
	max-width: 100%;
}
.first_header {
	padding: 50px 20px !important;
}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
.fs-2 {
	font-size: 14px !important;
 }
 }
 
 @media (min-width: 992px) and (max-width: 1399.98px) { 
.fs-2 {
	font-size: 17px !important;
 }
 .p-sm-xl {
	padding: 3rem 40px  1rem 40px !important;
 }
 .container {
	max-width: 100%;
}
 }

@media (max-width: 991.98px) { 
.btn_back {
   position: static;
        bottom: 0;
        margin: 30px 0 10px 0;
        right: 0;
        float: right; 
}
 }

@media (max-width: 1199.98px) { 
.btn_back {
    position: static;
        bottom: 0;
        margin: 30px 0 10px 0;
        right: 0;
        float: right;
}

 }

@media (max-width: 1399.98px) { 
.btn_back {
   position: static;
        bottom: 0;
        margin: 30px 0 10px 0;
        right: 0;
        float: right;
}
 }
    
 
 @media (min-width: 1400px) { 
 .btn_back {
    position: static;
        bottom: 0;
        margin: 30px 0 10px 0;
        right: 0;
        float: right;
}

.fs-2 {
	font-size: 24px !important;
 }
  .container {
	max-width: 100% ;
}
 }