/*Für scss:
1) Ordner anlegen: css.esdynamo
2) darein scss datei
-> macht css Ordner mit kompilierter Datei*/

/*

double-colon selectors are pseudo-elements.
single-colon selectors are pseudo-selectors.
::before is definitely a pseudo-element, 
so it should use the double colon.

That differs from pseudo-selectors which are selecting things 
that already exist, like the :nth-child(2) or whatever.




*/



/*

background-color: #eae6e1; // braun hell
background-color: #f5f4f2; // braun ganz hell
border-left: 2px solid #d0572e; // rote linie links

#F0BF42 das Gelb
#C77C0C das cognac
#629DA8 das Petrol 
#cd4008 my red
#d0572e my red 2
#f5f4f1 my fond hell

footer bg
background-color: #eae6e1;


*/



/*-----------------------------*/ 
/*	JAN
/*-----------------------------*/

.bxh {
background-color: #d8c52d;
color: #181818;
padding: 10px;
position: fixed;
right: 0;
width: 190px;
bottom: 0;
z-index: 5000;
opacity:1;
font-size: 0.9rem;
text-align: left;
display: none;
}

#pwnav {
position: fixed;
bottom: 0;
left: 0;
z-index: 1500;
display: flex;
opacity: 0.2;
}

#pwnav a.editpage {
font-size: 1em; 
font-weight: bold!important; 
text-transform: uppercase;
padding: 15px 12px; 
background: #50c7e1; 
color: #fff; 
display: block;
text-decoration: none;
}

#pwnav a.editpage.stat {
background: #5098e0; 
}

#pwnav a.editpage.options {
background: #8a33b6; 
}

#pwnav a.editpage.forms {
background: #143694; 
}

#pwnav a.editpage:hover {
background-color: #4f88e1;
}



/*-----------------------------*/ 
/*	SCROLLBAR
/*-----------------------------*/

/* width */
::-webkit-scrollbar {
width:15px;
}

/* Track */
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 1); 
border-radius: 0;
}

/* Handle */
::-webkit-scrollbar-thumb {
border-radius: 0;
width: 15px;
background: #281b1a; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #281b1a; 
}


/*-----------------------------*/ 
/*	MOBIL SCROLLBAR
/*-----------------------------*/

/* Track */
.layer_open ::-webkit-scrollbar-track {
/*background: rgb(255, 255, 255); 
border-radius: 0;*/
/*background-color: #7f807f;*/
}

/* Handle */
.layer_open ::-webkit-scrollbar-thumb {
/*background-color: #7f807f;*/
/*background: #a08d7f; */
}

/* Handle on hover */
.layer_open ::-webkit-scrollbar-thumb:hover {
/*background-color: #545554;*/
/*background: #a08d7f;  */
}





/*---------------------------*/ 
/*	GLOBAL
/*---------------------------*/

::selection {
/*background: rgba(238, 231, 202, 12);*/
/*background-color: #f5f4f2;*/
/*background-color: #e3ded8;*/
background-color: #e8e5e2;
}

.ff {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.hidden {
display: none;
}

.inv {
visibility: hidden;
}

.sr-visible {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}

.hide-text { 
overflow: hidden; 
text-indent: 100%; 
white-space: nowrap;
}

.cf:after,
.wrap:after {
content: "";
display: table;
clear: both;
}



/*

double-colon selectors are pseudo-elements.
single-colon selectors are pseudo-selectors.
::before is definitely a pseudo-element, 
so it should use the double colon.

That differs from pseudo-selectors which are selecting things 
that already exist, like the :nth-child(2) or whatever.

*/