html {
	-ms-overflow-style: scrollbar;
}

.ibro-normal {
	font-size: 1.5em;
	font-family: arial; 
}

.ibro-fs {
	font-size: 0.7em;
	
}

.ibro-h5 {
	font-size: 2em;
	font-family: Times New Roman; 
}

.ibro-klein {
	font-size: 0.8em;
	font-family: arial; 
}

.ibro-ks {
	font-size: 0.6em;
	font-family: arial; 
}

.ibro-la {
	padding: 0px 0px 0px 20px;
}

.ibro-la-artikel {
	padding: 0px 0px 20px 20px;
}

.ibro-h3 {
  margin: 0.67em 0;
  font-size: 0.7em;
}

.ibro-h3ar {
  
  font-size: 0.5em;
}

.ibro-h3su {
  margin: 0.3em 0.2em;
  font-size: 0.6em;
}

.ibro-h4 {
 
  font-size: 0.5em;
}


.ibro-h7 {
  margin: 0.67em 0;
  font-size: 1.2em;
}

.ibro-h8 {
	
	margin-top: 3em;
	font-size: 3em;
	font-family: Times New Roman; 
}


.ibro-bild {
 	padding: 0.5em  0.5em 0.5em 0.5em;
	margin: 0px  0.5em 0em 0em;
	border:1px solid #ccc;
	width: 200px;
}



.ibro-logo {

	max-height: 70px;
}

.ibro-video {
    padding: 0.5em  0.5em 0.5em 0.5em;
	margin: 0px  0.5em 0.5em 0em;
	border:1px solid #ccc;
	width: 600px;
	height: 425px;

}

.ibro-tab-content {
	border-top:1px solid #cccccc;
}

@media ( min-width :469px) {
	.ibro-bild {
		float: left;		
	}
	.ibro-fr:focus {
		display: inline-block;
		outline: 1px solid #333;
		float: left;
		width: 200px;		
    	margin-right: 0.5em; 
    }
}

.ibro-bild-klein {
    padding: 0.5em  0.5em 0.5em 0.5em;
	margin: 0px  0.5em 0.5em 0em;
	border:1px solid #ccc;
	width: 200px;
}


.fr:focus{
	display: inline-block;
	outline: 1px solid #333;
}

.ibro-fr:focus{
	display: inline-block;
	outline: 1px solid #333;
	width: 200px;
	margin-right: 0.5em;
}





.ibro-bild-klein-col {
    padding: 0.5em  0.5em 0.5em 0.5em;
	margin: 0px  0.5em 0.5em 0em;
	border:1px solid #ccc;
	width: 100px;
}

.ibro-bild-kleiner {
	width: 80px;
	padding: 1px;
}

@media ( min-width :469px) {
	.ibro-bild-klein {
		float: left;		
	}
}

.ibro-nz {
	
}

@media (max-width :468px) {
	.ibro-nz::before {
		content: "\A";
        white-space: pre;
	}
	
}

.ibro-bild-ende {
		clear: left;	
}

.ibro-kurz {
	max-width: 100%;
}

.ibro-gk {
	width: 60px;
}

.ibro-lang {
	max-width: 100%;
}

.ibro-mittel {
	max-width: 300px;
}

.ibro-label {

	font-weight: normal; 
	
}

.ibro-rot {
  color: #e2001a;
}

.ibro-rot-fett {
	color: #e2001a;
	font-weight: bold;
}

.ibro-rechts {
    float: right;
    padding: 0 0 0 0;
    min-height: 3em;
}



.bt-link-dokument:before {
	font-family: "bt-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e810';
}

.ibro-error .form-control {
	border-color: #e2001a;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
 
.ibro-hn {
	color: #e2001a;
}

.ibro-wk {
	padding: 0 0 0 0;
	font-family: arial; 
	font-size: 0.7em;
	text-align: center;
	width: 30px;
    height: 30px;
	border: 2px solid #ccc;
    border-radius: 100%;
    cursor: pointer;
  /*  margin-right: -4.3em;*/
}

.ibro-wk01 {
	position: relative;
	padding: 0.2em 0.6em 0.2em 0.6em ;
	font-family: arial; 
	font-size: 0.7em;
	text-align: center;
/*	width: 30px; */
    height: 30px;
	border: 2px solid #ccc;
    border-radius: 100%;
    cursor: pointer;
    background-color: #fff;
    position: 0em 0.5em;
  /*  margin-right: -4.3em;*/
}

.ibro-rechts-wk {
    float: left;
    padding: 0 0 0 0;
    height: 80px;
  /*  min-height: 3em;*)
    /*width: 4em;*/
    /*background: no-repeat url('/static/appdata/includes/icons/ibro-wk.png');
    background-position: 0em 0.5em;*/
    
}

.ibro.wkf {
	float: right;
}

.icon-im:before {	
	margin-left: .1em !important;
    content: '\e82b';
    font-size: 4em !important;
}


.icon-wk:before {	
	 
    content: '\e846';
}

.icon-kt:before {	
 /*   content: '\e825'; */
     content: '\e85a';
     font-size: 2.5em !important;
}

.icon-ds:before {	
	content: '\e82c';
	font-size: 4.8em !important;
} 
.icon-hw:before {	
    content: '\e84f';
    font-size: 2.5em !important;
}

* {
  box-sizing: border-box;
}

/* Style the search field */
form.ibro-suche input[type=text] {
  padding: 10px 0px 10px 10px;
  font-family: arial; 
  font-size: 16px;
  color: #000 !important;
  border: 1px solid #FFF;
  float: left;
 height: 47px;
/*  width: 85%; */ 
    flex: 1; 

/*  background: #f1f1f1; */
}

form.ibro-suche-rahmen:hover {

	border: 1px solid #ff7100;  
	

}

/* Style the submit button */
form.ibro-suche button {
  float: right;
  width: 46px; 
  padding: 4px; 
  background: #FFF;
  color: #000 !important;
  font-size: 26px;
  border: 1px solid #fff; 
  border-left: none;  /* Prevent double borders */
  cursor: pointer;
  text-align: center;
 /*   position: absolute;*/
  right: 0;
}

form.ibro-suche button:hover {
	color: #ff7100 !important;

 /* background: #0b7dda;*/
}

/* Clear floats */
form.ibro-suche::after {
  content: "";
  clear: both;
  display: table;
}

.ibro-ws {
	 color: white;
}


@media ( max-width :767px) {
.ibro-sr {
/*	margin-top: 25px; */
	display: flex;
	 border: 1px solid #fff;
	  height: 49px;
	  background: #FFF;
	  /* max-width: 85%; */
}
}

@media ( min-width :767px) {
	.ibro-sr {
		margin-top: 25px;  
	display: flex;
	 border: 1px solid #fff;
	  height: 49px;
	  background: #FFF;
	 
}	  
}	


.ibro-h2h {
	margin-top: 30px;


}

.ibro-sr:hover {
	 border: 1px solid #ff7100;


	
}

.ibro-sr-info {
	display: flex;
	 border: 1px solid #000;
	  height: 50px;
	  background: #FFF;
	  max-width: 500px;
	  
	      
  margin-left: auto;
  margin-right: auto;

}
.ibro-sr-info:hover {
	 border: 1px solid #ff7100;


	
}


.ibro_fn:link {
 display: inline-block;

 border: 2px solid #c8c8c8;

}

.ibro_fn:visited {
 display: inline-block;

 border: 2px solid #c8c8c8;

}

.ibro_fn:link:hover, .ibro_fn:visited:hover {
 display: inline-block;

 border: 2px solid #969696;

}

.ibro_fn:link:active, .ibro_fn:visited:hover {
 display: inline-block;

 border: 2px solid #969696;

}

.ibro_ki {
	
    font-size: 0px;

	max-height: 14px;
}
.ibro_kia {
	
    font-size: 0px;

	max-height: 18px;
}


@media (min-width :992px) {
.ibro_wkh {
	float: left;
	position: fixed;
	top: 280px; 
  	left: 90%;
    font-size: 2em;

    	
}
}      

@media (max-width :991px) {
.ibro_wkh {
	float: left;
	position: fixed;
	top: 260px; 
  	left: 90%;
    font-size: 2em;
	
}
}



@media (max-width :767px) {
.ibro_wkh {
	float: left;
	position: fixed;
	top: 170px; 
  	left: 185%;
    font-size: 2em;
    /* mit 185% WK ausgeblendet */
	
}
}      

.ibro-wki {
	position: relative;
	left: 20px;
  	top: 20px;
	z-index: -1;
} 

.ibro-fr-wk:focus{
	display: inline-block;
	outline: 1px solid #333;
	height: 80px;
}


.ibro-ic {
	height: 25px;

}

.ibro-sprung {
	visibility: hidden; 
	height: 0px !important; 
	position: absolute; 
	margin: -130px;
	
}

hr { 
	border: 1px solid #ccc;
}

.ibro-lr {
	writing-mode: vertical-rl;
	height: 60px !important;
}
.ibro-tab-h {
	height: 60px !important;
	
}
  
  
.ibro-player-rahmen {

	border:5px solid #ccc;
	
	
}      
      
      
 /* Dropdown Button */
.dropbtn {
  background-color: #888;
  color: white;
  padding: 14px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 3px 10px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #aaa;} 
      
 
 .ibro-center {
    display: block;
  margin-left: auto;
  margin-right: auto;
 
 }
 
 .ibro-frsu:focus {
	background-color: #eee;
 } 
 
.ibro-ul {
	list-style: none;
}
 
.ibro-wsn {
	white-space: nowrap;
}