/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme/
Template: betheme
Author: Muffin group
Author URI: https://muffingroup.com/
Description: The biggest WordPress Theme ever
Version: 26.5.0.4.1665748198
Updated: 2022-10-14 13:49:58

*/

body {
 
}


/*-----------    Topbar   ----------------*/
#Top_bar {
  padding-top: 10px!important;
}


@media only screen and (max-width: 767px) {
  .mobile-header-mini #Top_bar {
    top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-header-mini #Top_bar {#Top_bar {padding-top: 80px!important;} }
}

@media only screen and (min-width: 768px) {
  #Top_bar.is-sticky {padding-top: 80px!important;}
}

@media only screen and (max-width: 767px) {
  .mobile-sticky #Top_bar.is-sticky {
    position: fixed !important; padding-top: 80px!important;}
}


@media only screen and (min-width: 768px) {
  #Top_bar.is-sticky {
    position: fixed !important;
    width: 100%;
    left: 0;
    top: -60px;
    height: 70px;
    z-index: 701;
    background: #fff;
    background-color: rgb(255, 255, 255);
    opacity: .97;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    padding-top: 0px;
  }
}

/*-----------    Topbar end    ----------------*/

/*-----------    social    ----------------*/
.social-links{
	position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  width:40px;
  height:auto;
  /* opacity:.7; */
  right:0;
  
  position:fixed;
  z-index:99;
}

.social-links a:hover {
	background-color: #000;
	color: #fff;
}

.social{
  width:100%;
  height:40px;
     -webkit-transition: width 0.3s;
   -moz-transition: width 0.3s;
  transition: width 0.3s;
  text-align:center;
  float:right;
  padding:5px;
}
.social:hover{
    -webkit-transition: width 0.3s;
   -moz-transition: width 0.3s;
  transition: width 0.3s;
  opacity:.7;
}

.social-image{
  height:40px;
}

@media screen and (max-width: 600px) {
	.social-links{width:40px;}
	.social:hover{
		width:40px;
    -webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		transition: width 0.3s;
		opacity:.7;
}
}

.call {background-color:#f1f1f1;}
.callmail {background-color:#e1e1e1;}
.linkedin {background-color:#0A66C2;}
.xing {background-color:#FFFFFF;}
.facebook {background-color:#3b5998;}
.twitter {background-color:#00acee;}
.instagram {background-color:#dd9933;}
.youtube {background-color:#c4302b;}
/*-----------end of social----------------*/




/*----------- Layout ----------------*/
.big {
  font-size: 1.5rem;
  line-height: 1.5;
}

.display-1, .display-2, .display-3, .display-4, .h1, .h2, .h3, .h4, h1, h2, h3, h4 {
  color: #85807d;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: .5rem;
  margin-top: 0;
}

.style-simple .timeline_items > li h3 span {
  background: none;
  border-radius: 4px;
  font-size: 40px;
  font-style: italic;
  top: 22px;
}

.h10 {
  font-size: 1.125rem;
  text-transform: uppercase;
}
.h1, .h10, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, h1, h2, h3, h4, h5, h6 {
  color: #85807d;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: .5rem;
  margin-top: 0;
}

/*----------- End of Layout ----------------*/

.reihe {
	display: table;
        width: 100%;
}
.spalte-1 {
    display: table-cell;
    padding-right: 5px;
}
.spalte-2 {
    display: table-cell;
    padding-left: 5px;
}

.spalte-70 {
    display: table-cell;
    padding-right: 5px;
	width: 70%;
}
.spalte-30 {
    display: table-cell;
    padding-left: 5px;
	width: 30%;
}

.spalte-30-2 {
    display: table-cell;
    padding-right: 5px;
	width: 30%;
}
.spalte-70-2 {
    display: table-cell;
    padding-left: 5px;
	width: 70%;
}


/*Responsive Design*/
@media (max-width: 480px) {
	.reihe {
		display: block;
	}
	.spalte-1 {
    display: block;
    padding-right: 0px;
	}
	.spalte-2 {
    display: block;
    padding-left: 0px;
	}
}



#stickycontact { 
	display:block; 
	position:fixed; 
	bottom:100px; 
	right:0px; 
	width:120px; 
	height:70px; 
	background:#F7B41A url(/wp-content/uploads/2024/01/mail_blue.svg) no-repeat center 25px; 
	background-size:45px;
	cursor:pointer; 
	text-align:center; 
	padding-top:70px; 
	transition:all ease 0.3s; 
	border-radius:6px 0 0 6px; 
	line-height:1.3; 
	font-weight:600; 
	z-index: 100;
	font-size: 15px;
}
#stickycontact:hover {
	background:#314D79 url(/wp-content/uploads/2024/01/mail_weiss.svg) no-repeat center 25px; 
	background-size:45px;
	color:#fff;
}

@media only screen and (max-width:768px){

	#stickycontact { bottom:0px; right:0px; width:100%; height:50px; background:#F7B41A url(/wp-content/uploads/2024/01/mail_blue.svg) no-repeat 28% center; background-size:30px; padding-top:0px; border-radius:0;}
	#stickycontact span {line-height:50px;}
	#stickycontact:hover {
		background:#314D79 url(/wp-content/uploads/2024/01/mail_weiss.svg) no-repeat 28% center;
		background-size:30px;
	}
}
@media only screen and (max-width:479px){
	#stickycontact { background:#F7B41A url(/wp-content/uploads/2024/01/mail_blue.svg) no-repeat 23% center; background-size:30px; }
	#stickycontact:hover {
		background:#314D79 url(/wp-content/uploads/2024/01/mail_weiss.svg) no-repeat 23% center;
		background-size:30px;
	}
}

/* Hide modal window (aka 'target') when page first loads */
#modal { display: none; }

/* Show target when link is activated */
#modal:target { display: block; }