/*Topshadow*/
body::before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
  z-index: 100;
}


/* smoothscroll */

html {
  scroll-behavior: smooth;
}

/* img abst*/
.btitle_img{
	margin:13px;
	/*
	margin-top:7px;
	padding: 5px;
	*/
}

/*small*/
.btitle_imgs{
	margin-top:2vw;
}

.menuicon{
  width: 20px;
  height: 3px;
  background-color: grey;
  margin: 3px 0;
}


/* titel zurechtruecken */
.btitle{
	/*padding-top: 16px;
	line-height: 7px;*/
}

.btitle_title{
	letter-spacing:5px;
	color: red;
	font-size: 20px;
}

/* menupunkt einruecken */
.btitle_menu{
	padding:44px 100px 0px 0px; /* div das die menus umschließt */
}
/* menupunkt einruecken */
.w3-button{
	font-family: RobotoL;
  font-size: 1.1vw;
	/*font-weight: bold;*/
	margin-right: 3.1vw; /* menuepunkte abstand nach rechts */
}

/*spacer*/
.bspacer{
	background-color: rgb(190, 49, 68);
	height:2px;
}
  
/* nebenpic problematisch wenn text veraendert wird. kommt auf die line-height an - v.a. bei mobile!*/
.rnebenpic {
	float:right;
	line-height: 1.5;
}

.rnebenpic_s {
	float:right;
	line-height: 1;
}

.picmittext{
	display:flex;
	margin-top:1vh;
	flex-direction:row;
}


/* text into images */
.bpic_container {
  position: relative;
}


/*clin prog "bilder" */
.btext_top-left {
  position: absolute;
  top: 5px;
  left: 16px;
  margin-top:15px;
  margin-bottom: 3px;
}

.btext_top-left2 {
  position: absolute;
  top: 40px;
  left: 16px;
  width: 60%;
  text-align:left;
  font-size: calc(8px + 0.2vw);
  margin-top:calc(1px + 0.5vw);
}

.btext_top-right {
  position: absolute;
  top: 5px;
  right: 16px;
  margin-top:15px;
  margin-bottom: 3px;
}
.btext_top-right2 {
  position: absolute;
  top: 40px;
  right: 16px;
  width: 60%;
  text-align:right;
  font-size: calc(8px + 0.2vw);
  margin-top:calc(1px + 0.5vw);
}

/*clin prog "bilder" smol */
.btext_top-left_s {
  position: absolute;
  top: 5px;
  left: 2%;
  margin-top:1%;
  margin-bottom: 1%;
}

.btext_top-left2_s {
  position: absolute;
  top: 40%;
  left: 2%;
  width: 65%;
  text-align:left;
  font-size: calc(8px + 0.2vw);
  margin-top: calc(1px + 0.5vw);
}

.btext_top-right_s {
  position: absolute;
  top: 5px;
  right: 16px;
  margin-top:1%;
  margin-bottom: 1%;
}
.btext_top-right2_s {
  position: absolute;
  top: 40%;
  right: 2%;
  width: 65%;
  text-align:right;
  font-size: calc(8px + 0.2vw);
  margin-top: calc(1px + 0.5vw);
}

/* outsourcing */
.leftFloat{
	float:left;
}

.b_qm_pic{
	margin:0px 4vw;
}

.w3-fifth{
	width: 19.99999%;
	float: left;
}

.binline { 
    display: inline-block;
}

.bcontact{
	vertical-align: middle;
}


/* b_outs_pic */
.b_outs_pic{
	margin-top: -9%;
	margin-left: 10%;
}


/* list für outsourcing */
.blist{
	vertical-align:unset;
}

.blist_o{
	padding-top:1vw;
}

.btextr {
	text-align:right;	
}

.btextl {
	text-align:left;
  	
}

hr{
	border: 1px solid red;
	opacity: 30%;
	width: 100%;
}

pb{
	display:block;
	padding-left: 1vw;
}

pbs{
	display:block;
	padding-left: 1vw;
}


/* Textformatierung/Farbe -------------------------------*/
.btitle_font{
	color: rgb(145, 150, 155);
	font-family: BebasNeue;
	font-size: 3vw;
	line-height: 0.5;
}

.btitle2_font{
	color: rgb(190, 49, 68);
	font-family: RobotoR;
	font-size: 1.3vw;
	font-weight: bold;
}

/*fuer small*/
.btitle_font_s{
	color: rgb(145, 150, 155);
	font-family: BebasNeue;
	font-size: 7vw;
	line-height: 0.5;
}

.btitle2_font_s{
	color: rgb(190, 49, 68);
	font-family: RobotoR;
	font-size: 3.5vw;
	font-weight: bold;
}

.bwriting_font_download{  
	color: rgb(190, 49, 68);    
	font-family: RobotoL;
}

.bwriting_sidebar{  
  color: rgb(255, 255, 255);    
  font-family: RobotoL;
}

.bheader_font{
	color: rgb(127, 128, 131);
	text-align: justify
    font-family: RobotoL;
}

.bwriting_ueberfont_title{
	color: rgb(71, 72, 74);
    font-family: RobotoL;
	font-style: italic;
}

.bwriting_ueberfont{
	color: rgb(127, 128, 131);
    font-family: RobotoL;
	font-weight: bold;
}

.bwriting_ueberfont_clinical{
  color: rgb(127, 128, 131);
    font-family: RobotoL;
    font-size: 1.1vw;
  font-weight: bold;
}

.bwriting_font_clinical{
  color: rgb(127, 128, 131);
  font-size: 0.9vw;
    font-family: RobotoL;
}

.bwriting_font{
	color: rgb(127, 128, 131);
    font-family: RobotoL;
    
}


/* Lists */
.my-list {
  list-style-type: disc;
  margin-left: 20px;
}

.my-list li {
  font-size:15px!important;
  line-height: 1.5;
  text-align:left;
  color: rgb(127, 128, 131);
    font-family: RobotoL;
}

.my-lists {
  list-style-type: disc;
  margin-left: 20px;
}

.my-lists li {
  font-size:18px!important;
  line-height: 1.5;
  text-align:left;
  color: rgb(127, 128, 131);
    font-family: RobotoL;
}

/* Fonts */
@font-face {
  font-family: BebasNeue;
  src: url(BebasNeue-Regular.ttf);
}
/* roboto fuer menu*/
@font-face {
  font-family: RobotoR;
  src: url(Roboto-Regular.ttf);
}

@font-face {
  font-family: RobotoL;
  src: url(Roboto-Light.ttf);
}

@font-face{
  font-family: RobotoM;
  src: url(Roboto-Medium.ttf);  
}