/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/templates/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
}

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
    position: fixed;
    margin-top: 265px;
	top:0px !important; 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0% !important;
	z-index: 100;
}

/* Style the icon bar links */
.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
    margin-left: 0% !important;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #f1bf00;
  color:#FFFFFF;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
} 

.phone-side {background-color:#f1bf00;}

.konfig-side {background-color:#f1bf00;}

.instagram-side {background: #f09433; 
				 background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
				 background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
			     background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
				 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    			 color: #ffffff}
				 
.linkedin-side {background-color:#0a66c2;}

.phone-number {margin-left:-20px;}


.carousel-item {
  height: 83vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}


.navbar-dark .navbar-nav .nav-link {
  color: #FFFFFF !important;
  text-transform:uppercase;
  font-weight: 700;
  font-size: 16px;
  margin-left:5px;
  margin-right:5px;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #FFF !important;
  background-color: rgb(244, 192, 59);
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: rgb(244, 192, 59);
}

.header-logo {width:377px;
			  height:144px;}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
  margin-top: -25px;
}

.bg-dark {
  background-color: transparent !important;
}

.fixed-top {
  position: absolute;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 1030;
}

.infoline {
    background-color: #01387b;
    color: #FFFFFF;
    height: 30px;
    margin-bottom: 150px;
    margin-top: -55px;
    text-align: center;
    position: absolute;
    width: 100%;
}

.infoline-link {color:#FFFFFF;
			   text-decoration:none;
			   text-underline:none;
			   margin-left:35%;}

.infoline-link2 {color:#FFFFFF;
			   text-decoration:none;
			   text-underline:none;
			   margin-left:35%;}
			   
.infoline-link:hover {color:#FFFFFF;
			   		  text-decoration:none;
			   		  text-underline:none;}

.infoline-link2:hover {color:#FFFFFF;
			   		  text-decoration:none;
			   		  text-underline:none;}




.h1, h1 {
  font-size: 2.5rem;
  color: #01387b;
  text-align:center;
  margin-top:60px;
  margin-bottom:40px;
}


.btn-primary {
  color: #fff;
  background-color: #01387b;
  border-color: #01387b;
}

.btn-primary:hover {
  color: #fff;
  background-color: #f1bf00;
  border-color: #f1bf00;
}

.btn-success {
  color: #fff;
  background-color: #01387b;
  border-color: #01387b;
}

.btn-success:hover {
  color: #fff;
  background-color: #f1bf00;
  border-color: #f1bf00;
}

#content-img {
	width:530px; 
	height:350px;}

.box-blue {background-color:#01387b;
		   color:#FFFFFF;
		   padding:10px;}

.box-yellow {background-color:#f1bf00;
			 color:#FFFFFF;
			 padding:10px;}

.box-img1 {margin-left:-5%;}

.box-img2 {margin-left:-5%;}

.box-top {
    padding: 60px 0px;
    background: #dedede;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.box-top.instagram {
    background: linear-gradient(45deg, #f1bf00, #f1bf00);
}

.box-top.twitter {
    background: linear-gradient(45deg, #01387b, #01387b);
}

.box-top.facebook {
    background: linear-gradient(45deg, #01387b, #01387b);
}

.box-bottom {
    background: #FFF;
    padding: 30px 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.box-bottom .box-text {
    padding: 10px 0px; 
}

.box-title {
    font-size: 20px;  
    font-weight: 600;
	color:#01387b;
}

.box-bottom .twitter-title {
    font-size: 20px;  
    font-weight: 600;
    background: linear-gradient(45deg, #cae1f3, #55aded);
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
}

.box-bottom .facebook-title {
    font-size: 20px; 
    font-weight: 600;
    color: #428bca;
}

.carousel-indicators {
display:none;
}

.slider-text-head  {font-size: 60px;
					color:#f1bf00;
					margin-bottom: 0px;
					line-height: 1.3;
					font-weight: 700;
					padding:20px;
					width:80%;
					margin-left:10%;
					margin-bottom:0%;
					background:rgba(1, 55, 121, 0.79);
					--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
					--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

.slider-text {
  font-weight: 1200;
  font-size: 36px;
  color: #01387b;
   padding: 20px;
}

.slider-text-bg {background:rgba(255, 201, 26, 0.74);
				 width: 56%;
			  	 margin-left: 22%;
			 	 margin-bottom: 15%;}

.team-slider {background-image:url(../img/slider-team.jpg);
			 height:700px;}
			 
.kontakt-slider {background-image:url(../img/slider-kontakt.jpg);
				 height:700px;}
			 

/* Footer */

.col_white_amrc {
    color: #3c3c3c;
}

footer {
    width: 100%;
    background-color:#01387b;
	color:#FFFFFF;
    min-height: 250px;
    padding: 10px 0px 25px 0px;
	border-top: solid 3px #f1bf00;
}

.pt2 {
    padding-top: 40px;
    margin-bottom: 20px;
	color:#FFFFFF;
}

footer p {
    font-size: 13px;
    padding-bottom: 0px;
    margin-bottom: 8px;
	color:#FFFFFFF;
}

.footer-text {color:#FFFFFF;}

.mb10 {
    padding-bottom: 15px;
}

.footer_ul_amrc {
    margin: 0px;
    list-style-type: none;
    font-size: 14px;
    padding: 0px 0px 10px 0px;
}

.footer_ul_amrc li {
    padding: 0px 0px 5px 0px;
}

.footer_ul_amrc li a {
    color: #FFFFFF;
}

.footer_ul_amrc li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.fleft {
    float: left;
}

.padding-right {
    padding-right: 10px;
}

.footer_ul2_amrc {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}

.footer_ul2_amrc li p {
    display: table;
}

.footer_ul2_amrc li a:hover {
    text-decoration: none;
}

.footer_ul2_amrc li i {
    margin-top: 5px;
}


.foote_bottom_ul_amrc {
    list-style-type: none;
    padding: 0px;
    display: table;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

.foote_bottom_ul_amrc li {
    display: inline;
}

.foote_bottom_ul_amrc li a {
    color: #3c3c3c;
    margin: 0 12px;
}

.social_footer_ul {
    display: table;
    margin: 15px auto 0 auto;
    list-style-type: none;
}

.social_footer_ul li {
    padding-left: 20px;
    padding-top: 10px;
    float: left;
}

.social_footer_ul li a {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 8px;
    border-radius: 50%;
}

.social_footer_ul li i {
    width: 20px;
    height: 20px;
    text-align: center;
}

.footer-map {
	width:600px !important; 
	height:250px;}
	
.google-map-big {width:100%;
				 height:300px;
				 margin-bottom:-5px;}


.footer-link {color:#FFFFFF;
			  text-decoration:none;}

.footer-link:hover {color:#FFFFFF;
			        text-decoration:none;}
					

#button {
  display: inline-block;
  background-color: #01387b;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button::after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

#button:hover {
  cursor: pointer;
  background-color: #f1bf00;
}

#button:active {
  background-color: #555;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

.top-icon {padding-top:10px;
		   color:#FFFFFF;}

.all-boxes {margin-top:-8%;}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
  margin-top: -10px;
  width: 213px;
}

.batterie-icon {width:56px;
				height:44px;
				margin-bottom:10px;}

.btn.btn-rounded {
     border-radius: 50px
 }

 .btn-outline-facebook {
     border: 1px solid #3b579d;
     color: #3b579d
 }

 .btn-outline-facebook:hover {
     background: #3b579d;
     color: #ffffff
 }

 .btn-outline-youtube {
     border: 1px solid #e52d27;
     color: #e52d27
 }

 .btn-outline-twitter {
     border: 1px solid #2caae1;
     color: #2caae1
 }

 .btn-outline-dribbble {
     border: 1px solid #ea4c89;
     color: #ea4c89
 }

 .btn-outline-linkedin {
     border: 1px solid #0177b5;
     color: #0177b5
 }

 .btn-outline-instagram {
     border: 1px solid #dc4a38;
     color: #dc4a38
 }

 .btn-outline-twitter:hover {
     background: #2caae1;
     color: #ffffff
 }

 .btn-outline-linkedin:hover {
     background: #0177b5;
     color: #ffffff
 }

 .btn-outline-youtube:hover {
     background: #e52d27;
     color: #ffffff
 }

 .btn-outline-instagram:hover {
     background: #e52d27;
     color: #ffffff
 }

 .btn-facebook {
     background: #3b579d;
     color: #ffffff
 }

 .btn-youtube {
     background: #e52d27;
     color: #ffffff
 }

 .btn-instagram {
        background: #f09433; 
		background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
		background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    	color: #ffffff
 }
 


 .btn-dribbble {
     background: #ea4c89;
     color: #ffffff
 }

 .btn-linkedin {
     background: #0177b5;
     color: #ffffff
 }

 .btn-google {
     background: #dc4a38;
     color: #ffffff
 }

 .btn-facebook:hover,
 .btn-facebook:focus {
     background: #2d4278;
     color: #ffffff
 }

 .btn-youtube:hover,
 .btn-youtube:focus {
     background: #c21d17;
     color: #ffffff
 }

 .btn-twitter:hover,
 .btn-twitter:focus {
     background: #1b8dbf;
     color: #ffffff
 }
 
 .btn-instagram:hover,
 .btn-instagram:focus {
        background: #f09433; 
		background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
		background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
     	color: #ffffff
 }

 .btn-dribbble:hover,
 .btn-dribbble:focus {
     background: #e51e6b;
     color: #ffffff
 }

 .btn-linkedin:hover,
 .btn-linkedin:focus {
     background: #015682;
     color: #ffffff
 }

 .btn-google:hover,
 .btn-google:focus {
     background: #bf3322;
     color: #ffffff
 }
 
  .btn.btn-social-icon {
     width: 50px;
     height: 50px;
     padding: 0
 }

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: 0% !important;
}		   

.auflistung {margin-left: -8% !important;}	
	
		   
@media (max-width: 768px) {
.header-logo {
  width: 338px;
  height: 126px;
}

.navbar-dark .navbar-toggler {
			color: #000;
			border-color: #01387b;
			background-color: #01387b !important;
		}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: .25rem;
  margin-left: 80%;
}

.email-section {display:none;}

.infoline-link2 {
  color: #FFFFFF;
  text-decoration: none;
  text-underline: none;
  margin-left: 7%;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #FFF !important;
  background-color: #01387b;
}

#content-img {
	width:300px; 
	height:192px;}
	
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
}

.h1, h1 {
  font-size: 1.5rem;
  color: #01387b;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px;
}

.all-boxes {
  margin-top: -35%;
}

.icon-bar {
  display: none;
}

.btn-primary {
  color: #fff;
  background-color: #01387b;
  border-color: #01387b;
  margin-bottom: 40px;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #f1bf00;
}

}


/* Landscape only for iPad / Tablet ----------- */
@media (min-width:801px) and (max-width: 1400px) {

.carousel-item {
  height: 98vh;
  min-height: 300px;
  background: no-repeat center center scroll;
    background-image: none;
    background-size: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


}