.DEVFrame{
    display: none;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6px; /* Fallback für alte Browser, die rem nicht kennen */
    font-size: 1.2rem; /* 16px */
    line-height: 1.5; /* 24px */
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; /* Google Webfont */
    color: #444; /* dunkelgrau */
    width:auto;
    background-image: linear-gradient( rgba(255, 255, 255, 0.2)), url("/img/background.jpg");
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif; /* Google Webfont */
    font-weight: 500;
    line-height: 130%;
    padding: 0px;
    margin-top: 12px;
    margin-bottom: 6px;
}

h1 {
    font-size: 2.6rem; 
}

h2 {
    font-size: 2.2rem; 
}

h3 {
    font-size: 2.0rem; 
}

h4 {
    font-size: 1.8rem;
}

h5 {
    font-size: 1.6rem; 
}

h6 {
    font-size: 1.5rem; 
}


a:link::before{
    content: attr(normal-text) ;
}

a:link, a:visited {
    text-decoration: none;
    color: #444;
}

a:hover, a:focus, a:active {
    color: #474743;
    background-color: rgb(107, 43, 226);
}




.heroline{
    height: auto;
    border: 0px solid  black;
    font-size:1.4em;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 0px dotted black;
    position: fixed;
    top: 0px;
    left: 0px;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    background-color: white;
}

div.contentField div.content{
    margin-top: 3%;
    margin-left: 3%;
    margin-right: 2%;
}

div.contentField  div.topItem{
    position: fixed;
    top: 0px;
    width: 100%;
    margin-top: 0px;
    margin-left: 0%;
    margin-right: 0%;
    background-color: rgba(255, 255, 255, 0.9);
}

div.contentField  div.topItem h2{

width: 90%;
margin: 0px;
    margin-left: 3%;
    margin-right: 2%;

}



div.contentField div.content div.contentItemBox{
    margin-top: 20px;
    width: 32%;
    border: 2px dotted #5a5a5a;
    border-radius: 10px;
    float: left;
    height:200px;
    background-color: rgba(255, 255, 255, 0.9);
    
}




div.contentField div.content div.contentItemBox h3{
    font-size: 2.3rem; 
    color: black;
    margin: 6px 0px 0px 1px;
}

div.contentField div.content div.contentItemBox ul.menuBlock{
   margin: 6px 0px 0px 24px;
   padding: 0px;
}

div.contentField div.content div.contentItemBox ul.menuBlock li{
   font-size: 2.0rem;
   margin: 0px;
   padding: 0px;
   line-height: 2.8rem;
}

div.footer{
    height: 100px;
    text-align: right;
    margin-right: 10%;
}

div.footerDebug{
    height: 100px;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
}

#footerBox{
    width: 70%;
    position: fixed;
    bottom: 0px;
    z-index: 100000;
    font-size: 1.1em;
    margin-left: 55%;
    margin-right: 0%;
    background-color: azure;
    opacity: 60%;

}