/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */



.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    padding-left: 5px;
    margin-left: -5px;
}

.header_color .main_menu ul:first-child > li > a {
    color: #0b5081;
}

/* Burger Menue */
@media only screen and (max-width: 1240px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item,#sub_menu1 {
    display: none !important; 
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block !important; 
  }
}

/* Telefoninfo */
.phone-info-top {
  display:inline-block!important;
  padding:4px 10px;
}
.phone-info {
    font-size: 12px;
	   line-height: 30px!important;

}
.phone-info span {
    display: inline-block;
    line-height: 1em;
}
div.phone-info {
width: 100%;
text-align: right !important;
}

 /* Teammitglieder */
.team-img-container img {
    display: block;
    margin: 0px;
    width: 100%;
}

@media only screen and (max-width: 576px) {
.team-img-container img {
    display: block;
    margin: auto;
    width: 100%;
}
.team-member-name {
    text-align: center!important;
}
.team-member-job-title {
    text-align: center!important;
}

}

#mitarbeiter .avia-button {
  border-radius: 0px;
	font-size:12px;
	padding:6px 6px!important;
	text-align: center;
}

#downloads .avia-button {
  border-radius: 0px;
	font-size:16px;
	padding:10px 10px!important;
	text-align: left;
}

#miticon [data-av_icon]:before {
    color: #339ec9;
	font-size: 13px;
}

/* Footer */

#footer2 div .av_one_fourth:nth-child(1) {
width: 23%;
}
#footer2 div .av_one_fourth:nth-child(2) {
width: 23%;
margin-left: 3%;
}
#footer2 div .av_one_fourth:nth-child(3) {
width: 18%;
margin-left: 3%;
}
#footer2 div .av_one_fourth:nth-child(4) {
width: 27%;
margin-left: 3%;
}

#footer2 .widget p {
  font-size:12px !important;
}
/*
#footer h3.widgettitle{
border:none!important;
} */

.widgettitle {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1em;
		color: #3a3a3a !important;
}

.all_colors .widgettitle {
    border-style: solid;
	border-color: #201051;
    border-width: 1px;
    padding: 10px 0;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-bottom: 15px;
}

h3.widgettitle {
    border-bottom: 1px solid #0c456e !important;

/*border-top: 2px solid #0c456e !important; */
    width: 100%;
}

/* Footer Links */

#footer .widget p {
  font-size:14px !important;
}

#footer a {
	color: #028bcb !important;
  font-weight: 200 !important;
	text-decoration:none !important;
}
#footer a:hover {
	color: #201051 !important;
  font-weight: 200 !important;
	text-decoration:none !important;
}


#footer.container_wrap.footer_color {
border-bottom: none!important;
border-top: 1px solid #0c456e !important;
}

@media only screen and (max-width: 460px) {
#socket .sub_menu_socket li {
    float: left;
    display: block;
    padding: 0 5px;
    border-left-style: solid;
    border-left-width: 1px;
    line-height: 15px;
    margin-top: 10px;
}}


/* Farbe Listenpunkte */
#top .main_color ul li{
color: #5492cd;
}

#top .main_color ul li .listen_color{
color: #3a3a3a;
}


.js_active .toggler {

    border-width: 10px;

}

.toggle_content {

    border-width: 10px;

}


a:hover, a:focus, a:visited {
    text-decoration: none!important;
}

#top .av_inherit_color a {
    text-decoration: none;
	color: #5492cd !important;
}

.logo-hover:hover, .av-image-caption-overlay-center {
    box-shadow: 2px 2px 20px 0 rgb(0 0 0 / 10%);
    background-color: #ebebeb;
}

.branchen , .av-image-caption-overlay-center {
    box-shadow: 2px 2px 20px 0 rgb(0 0 0 / 10%);
    background-color: #ffffff;
}



#logo-image .avia_image {
    border: 5px solid;
	border-color: #ebebeb;
	border-radius: 0px;
}

.main_color .toggler  {
    background-color: #ffffff;
    color: #ffffff;
}

.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    border-radius: 0px;
}


/* Kontaktformular */
.main_color .button, .main_color #submit, .main_color input[type='submit']  {
    background-color: #0b5081;
    color: #ffffff;
    border-color: #303030;
}

#top label {
    font-weight: normal;
    font-size: 0.92em;
}

/* Trennlinie Icons */
.trennlinie [data-av_icon]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    content: attr(data-av_icon);
    speak: none;
    font-size: 25px;
}

.bereiche .avia-button.avia-size-medium {
    font-size: 14px;
}

#header #av-burger-menu-ul > li > a {
    text-transform: uppercase !important;
}

#header #av-burger-menu-ul .sub-menu li a {
    text-transform: capitalize !important;
}

.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li {
    margin-bottom: 20px;
}

#header #av-burger-menu-ul li a:hover {
    background-color: #ededee !important;
}

.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
    width: 50px;
    height: 5px;
}

.av-hamburger-inner::before {
    top: -12px;
}
.av-hamburger-inner::after {
    bottom: -12px;
}

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
    height: 1px;
    display: block;
    position: absolute;
    margin-top: 0;
    /* opacity: 0.3; */
    border: #5492cd!important;
    width: 7px;
    left: 50px;
    top: 50%;
}




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	

	

	

} /* End your Desktop Styles here */


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}