/*
body { 
	overflow-x: hidden; 
	overflow-y: scroll;
	font-size: 16px;
}
.sidebar-inner {
	font-size: 16px;
}
blockquote p {
	font-size: 16px;
}

.item-page .page-header h2 {
	color: #303030;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
*/
.container-header {
	height: 64px;
	margin: -12px;
}

a, .link {
	color: var(--cassiopeia-color-link);
	text-decoration: none;
}
a:hover, .link:hover {
	text-decoration: underline;
}
button:hover {
	background-color: lightgray;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}
/*
.module-title {
	margin: 0 0 6px 0;
}
*/

/* Bootstrap ***********************************************/
#dropdownbuch, #dropdownkap, #dropdownvers {
	height: 34px;
	width: 200px;
	text-align: left;	
}
#dropdownbuch:hover, #dropdownkap:hover, #dropdownvers:hover {
	background-color: lightgray;
}

.tooltip-inner {
  max-width: 800px;
  text-align: left;
}

.popover {
	max-width: 1000px;
}
/* Radio *************************************************/
.alleweblinks {
	width: 36px;
	float: left;
}

.allesender {
	width: 200px;
}

.alleweblinks, .allesender {
	height: 22px;
	font-size: 16px;
	line-height: 15px;
	padding-bottom: 2px;
	color: var(--cassiopeia-color-link);
	/*border: 0px solid aliceblue;*/
	
	background-color: var(--bs-light);
	border: 1px solid white;
	
}
.alleweblinks {
	width: 15%;
}
.allesender {
	width: 85%;
}

#btnsoundonoff, #btnwerbungaus, #btnnachrichtenaus {
	width: 40px;
	height: 40px;
	float: left;
	color: #827b7b;
	margin-top: 16px;
	/*border: 0px solid aliceblue;*/

	background-color: #fcfc6c; /*gelb*/
	border: 1px solid white;
}
#btnsoundonoff:hover, #btnwerbungaus:hover, #btnnachrichtenaus:hover {
	background-color: lightgray;
}

#btnnachrichtenaus2 {
	width: 40px;
	height: 40px;
	float: left;
	color: #827b7b;
	margin-top: 16px;
	/*border: 0px solid aliceblue;*/

	background-color: var(--bs-light);
	border: 1px solid white;
}
#btnnachrichtenaus2:hover {
	background-color: lightgray;
}

.hochrunter, .linksrechts {
	width: 40px;
	height: 40px;
	float: left;
	color: #827b7b; /*#5C5959;*/
	margin-top: 16px;
	/*border: 0px solid aliceblue;*/

	background-color: var(--bs-light);
	border: 1px solid white;
}

.luecke {
	float: left;
	margin-top: 16px;
}

/* Zufallsvers *******************************************/
.uebersetzungzv {
	float: left;
	margin-right: 1px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: 12px;
	width: 21px;
	height: 22px;
	background: #827b7b;
	color: white;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	border: 2px solid #827b7b;
	border-radius: 2px;
}
.uebersetzungzv:hover {
	background-color: lightgray;
}

#uebersetzungzvselected {
	background: white;
	color: #827b7b;
	/*font-weight: bold;*/
}

.zvcontrol {
	font-size: 20px;
	cursor: pointer;
	color: #827b7b;
}
.zvcontrol:hover {
	color: lightgray;
}

#zvers {
	/*text-align:left;*/
	/*margin-top: 4px;*/
	
}

/* Audio Video TV ****************************************/
.ap {
	width: 90%;
	min-width: 200px;
	max-width: 500px;
	height: 48px;
	margin: auto;
}

/* Losung ************************************************/
#oben {
	/*  php  */
	
}

#losungtag, #tagzurueck, #losungmonat, #tagheute, #losungjahr,
	#tagvorwaerts {
	height: 32px;
	margin: 0;
	padding: 0;
	text-align: center;
	/*border: 0px solid aliceblue;*/
	
	background-color: var(--bs-light);
	border: 1px solid white;
}


#losungtag, #tagzurueck {
	width: 80px;
}

#losungmonat, #tagheute {
	width: 110px;
}

#losungjahr, #tagvorwaerts {
	width: 72px;
}

#losung {
	clear: both;
	width: 95%;
}

/* Bibel *************************************************/

#leseauswahl select, #leseauswahl button, #leseauswahl input,
	#leseauswahl label, #suchmsg, #uebersetzungen
{
	float: left;
	height: 34px;
	margin: 0;
	padding: 0;

	background-color: var(--bs-light);
	border: 1px solid white;
}
/*
#leseauswahl select:hover, #leseauswahl button:hover, #leseauswahl input:hover,
	#leseauswahl label:hover, #suchmsg, #uebersetzungen:hover
{
	background-color: lightgray;
}*/
#leseauswahl select
{
	width: 200px;
}
#leseplan select
{
	float: left;
	height: 34px;
	width: 220px;
	margin: 0;
	padding: 0;
	/*border: 0px solid aliceblue;*/
	
	background-color: var(--bs-light);
	border: 1px solid white;
	
}
#mosleft, #mosright, #moslesen, 
#psaleft, #psaright, #psalesen, 
#sprleft, #sprright, #sprlesen, 
#proleft, #proright, #prolesen, 
#evaleft, #evaright, #evalesen, 
#brileft, #briright, #brilesen
{
	margin: 0;
	padding: 0;
	height: 34px;
	width: 36px;
	
	background-color: var(--bs-light);
	border: 1px solid white;
}
#mosleft:hover, #mosright:hover, #moslesen:hover, 
#psaleft:hover, #psaright:hover, #psalesen:hover, 
#sprleft:hover, #sprright:hover, #sprlesen:hover, 
#proleft:hover, #proright:hover, #prolesen:hover, 
#evaleft:hover, #evaright:hover, #evalesen:hover, 
#brileft:hover, #briright:hover, #brilesen:hover
{
	background-color: lightgray;
}
#platzhalterdisplaynone
	{
	margin: 0;
	padding: 0;
	float: left;
	height: 32px;

	background-color: white;
	border: 0px solid white;
}

#leseauswahl, #leseplan {
	width: 100%;
	margin: 0px 0 0px 0;
	display: flex;
	flex-flow: row wrap;
}

.boxauswahl {
	flex: 1;
}

#platzhalterdisplaynone {
	width: 272px;
	float: left;
	display: block; /* mobile: none */
}

.auswahlzeile {
	clear: left;
}

#buchleft, #buchright, #kapleft, #kapright, #versleft, #versright {
	width: 36px;
}
#buchleft:hover, #buchright:hover, #kapleft:hover, #kapright:hover, #versleft:hover, #versright:hover {
	background-color: lightgray;
}

#btnllidel, #btnlliok {
	width: 36px;
}
#btnllidel:hover, #btnlliok:hover {
}

#selliste {
	width: 200px;
}

#uebersetzungen {
	width: 272px;
	box-sizing: initial;
}

.uebersetzung {
	width: 30px;
	height: 100%;
	/*background: #e1e1e1;  /* ButtonFace Wert*/
}
.uebersetzung:hover {
}

#uebersetzungenfixed {
	width: 22px;
	top: 60%;
	position: fixed;
}

.uebersetzungfixed {
	width: 22px;
	height: 30px;
	line-height: 16px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	/*background: #e1e1e1;  /* ButtonFace Wert*/
}
/*--------------Bibel--------------------*/
#wort {
	text-align: justify;
}

.nrvers {
	color: var(--cassiopeia-color-link);
}

#lesenkapitel a {
	color: silver;
}
/*--------------Bibel Audio Lesen--------------------*/
#myaudiogruppe {
	float:right;
	max-width: 100%;
	width: 350px;
}
#myplayer {
	width: 100%;
}
#myaudiolesen {
	width:80%; 
	height: 32px; 
	margin-right: 0px;
	display: inline-block;
}
.myaudioskip {
	width: 10%; 
	height: 32px; 
	font-size: 1.5rem; 
	color: white; 
    background: #474747; 
    vertical-align: top; 
    text-align: center;
    line-height: 1.3; 
    display: inline-block;
}
.myaudioskip:hover {
    background: #555555; 
    color: #48A0F7;
}
#myrangelesen, #myplayrange {
	clear:both; 
	width: 100%; 
	background: white; 
	margin-bottom: 0px; 
	color: yellow;
}
/* Suche *************************************************/
#suchecontrols {
	clear: both;
	width: 272px;
}

#suchecontrols button, #suchecontrols input {
	height: 34px;
	float: left;
	
		
	background-color: var(--bs-light);
	border: 1px solid white;
}
#suchecontrols button:hover, #suchecontrols input:hover {
	background-color: lightgray;
}

#suchmsg{
	border: none;	
}

#btnlsf {
	width: 36px;
}

#btnsuche {
	width: 36px;
}

#suchfeld {
	clear: both;
	height: 34px;
	width: 272px;
	float: left;
	padding-left: 4px;
}

.uebersetzungsuche {
	width: 28px;
	background: var(--bs-light);
	padding: 0;
}

/* Notiz *************************************************/
.padder {
	padding-left: 7px;
	padding-right: 7px;
}

.sidebar { /* nur mobile */
	padding-right: 0px;
}

#notiz {
	width: 100%;
}

#notizarea { /* pc 97 */
	max-width: 100%;
	width: 100%;
}


/******************* Modal Bibeltext GUT ************************/
/* The Modal (background) */

.mymodal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	font-size: 16px;
	background: #eeeeee; /* Fallback color */
	background: rgb(247, 186, 160, 1); /* Black w/ opacity */
}

/* Modal Content/Box */
.mymodal-content {
	background-color: #fefefe;
	margin: 10% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	max-width: 800px;
	color: #111;
}

/* The Close Button */
.myclosemodal {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.myclosemodal:hover, .myclosemodal:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/************ Bergpredigt **************/
.bp {
	border: 1px solid white;
	display: flex;
	flex-flow: row wrap;
}

.bpv {
	border: 0px solid black;
	min-width: 100px;
	max-width: 100%;
	flex: 1 1 100px;
	background: #f9d9d9;
	padding: 4px;
}

.bpa {
	border: 0px solid grey;
	min-height: 0;
	min-width: 0;
	max-width: 100%;
	flex: 1 1 600px;
	background: #dcf2cd;
	padding: 4px;
}

.bpnav {
	float: right;
	margin-right: 20px;
}