@charset "UTF-8";

html {
    scroll-behavior: smooth;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
  
}


body {
	background-image: radial-gradient(circle, #795548, black);
	margin: 0;
}


span.code {
    display: inline-block;
    font-size: small;    
    font-family: 'Roboto Mono', monospace;    
}


span.headline {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1.0em;
}



div.Letter::first-letter {
	color: white;
	font-size: xx-large;
}


h1.Letter::first-letter {
  color: white;
  font-size: xx-large;
}


	
p.Letter::first-letter {
  color: #FFFFFF;
  font-size: xx-large;
}	


div.javacomm::first-letter {
	color: white;
	font-size: xx-large;
}


a.hyperlinkformat {
	text-decoration:none;
	color:white; 
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
	display: inline-block;
}

a.notunderline {
    text-decoration:none;
    color:white; 
    display: inline-block;
}


div.javacomm {
	max-width: 1200px;
	margin:auto; /* zentrieren */
	padding:0em;
	text-align:left;
	padding-top:0em;
	overflow:auto;
	column-count: 2;
	column-gap: 30px;
	column-rule: 1px outset white;
	text-align:left;
	text-align-last: left;
	z-index:-1;
}


.liesmich {
  padding:0em;
  text-align:left;
  overflow:auto;
/*   column-count: 3;
  column-gap: 30px;
  column-rule: 1px outset white;
 */
   line-height:150%;
  
}


div.twoColumn {
  max-width:1020px;
  margin:auto; /* zentrieren */
  padding:0em;
  text-align:left;
  overflow:auto;
  column-count: 2;
  column-gap: 45px;
  column-rule: 1px outset white;
  line-height:150%;
  
}


div.Linespace {
	height:1em;
}  


div.Linespace2 {
  height:2em;
}  

div.Linespace3 {
	height:3em;
}  


div.Linespace4 {
  height:4em;
}  


div.Linespace5 {
	height:5em;
}  

div.Linespace6 {
  height:6em;
}  


div.Linespace7 {
  height:7em;
}  

div.Linespace8 {
  height:8em;
}  


div.version {
	font-size: 1.0em;
    background: rgba(255,255,255,0.3);
	border-radius: 15px;
	padding-left:15px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:15px;

}


.handwriting {
	font-family: 'Gloria Hallelujah', cursive;
	font-size: 1.1em;
}


div.content {
    max-width: 1264px;
    width: 100%;
    margin: 0 auto; /* zentrieren */
    color: white;
}


div.impressum {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1em;
}


div.center {
  margin:auto; 
  display:table;
}


.fontGloria {
  font-family: 'Gloria Hallelujah', cursive;
  font-size: 1.3em;
}

.fontMontserrat {
  font-family: 'Montserrat', sans-serif;
  font-weight:500; 
  font-size: 1em;
}




#buttonTop {
  font-size: 48px;
  color: #DAD4F7; 
  position: fixed; 
  bottom: 40px; 
  right: 80px; 
  cursor: pointer;
}


:focus {
    outline: 0 !important;
}

 


/* ------------------------------------------------------*/

header {
    background-image: linear-gradient(to right, white , rgba(121, 85, 72, 0.90));
    position: fixed; 
    width:1260px;
    left: 50%;
    transform: translateX(-50%);
    top: 1.5em;
    z-index: 10;
}

nav {
    margin: 12px auto;      
}


.menubar {
    padding-left: 0px;
    margin: 0 auto;
    display: table;

}

nav ul li {
    position: relative;
    display: block;
    float: left;
}


nav a:hover {
    background-color: rgb(218, 212, 247);
}


nav ul li ul {
    top: 50px;   /*  lineheight=40 + 12 margin-bottom + 2*1padding*/
}


a.menuitem {
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size : 1.2em;  
    color: black;
    display: block;
    border-radius: 3px;
    padding: 9px;
}



a.menu {
    display: block;
    border-radius: 3px;
    padding: 1px 12px;
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size : 1.2em;  
    color: black;
}




/* alle Menuitems werden unter Babelfish ausgeblendet */
.Babelfish_Block {
    display: none;
    background-color: rgba(121, 85, 72, 0.8);
    padding:0px;
    position: absolute;
    z-index: 10;
}


nav img {
    vertical-align: middle;
}

.positionstatic {
    position: static;
}


.fontImpressum {
  font-family: 'Gloria Hallelujah', cursive;
  font-size: 1.0em;
}

h2, h3 {
    font-size: 1.0em;
    background: rgba(255,255,255,0.3);
    border-radius: 15px;
    padding-left:15px;
    padding-top:6px;
    padding-bottom:6px;
    padding-right:15px;
}


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


div.container {
    max-width:1020px;
    margin:auto;
                
}

p.hint {
  border-left: 6px solid #FEFE33;
  padding-left:1em;
}