/**
geradheit.css styles the geradheit.html
page because they diffrent (3xSVG)
to all ohter MarForm Page
*/

p{ display: inline;}

h2{
    font-size: 325%;
    margin: 40px 80px 3px;
}

h3{
   margin-left: 85px;

}

.header{
    background-color: #9d9d9e;
    padding-bottom: 10px;
    margin-bottom: 30px;
}


.icon{
    margin-top: 10px;
    margin-left: 10px;
    width: 64px;
    height: 64px;
    float:left;
    vertical-align: middle;
}


svg{
    width:  250px;
    height: 250px;
    float:left;
    border-style: solid;
    border-color: black;
    margin: 5px;
    background-color: white;
    max-height: 256px;
    max-width: 256px;
    margin-left: 0px;
    margin: 5px 5px 20px 0px;
}
#SVGMarForm{
    border-color: #CA002F;
}

/*
.svgcontent{
    margin: 5px;
}
*/
.red{
    color: red;
    display: inline;
}

articel{
    width: 80%;
}

b{
    font-weight: bold;
    display: block;
    margin: 0px;
}

h3{
    font-weight: bolder;
}

.frame{
    width:auto;
    max-width: 250px;
    max-height: 250px;
}

.defText{
    margin-left: 5px;
}

#svgboxcontent{
        width:auto;
        max-width:900px;
        margin:0 auto;
        padding:20px 0 20px 0;
        vertical-align: middle;
}

#svgboxcontent article{
        float:left;
        width:250px;
        margin-right:45px;
        font-size:17px;
}

#svgboxcontent article h3{
        font-size:20px;
        margin-bottom:10px;
        margin-left:75px;
}

#svgboxcontent article svg{
       float:left;
}

#svgboxcontent article p{
        line-height:25px;
}

#boxcontent{
        width:auto;
        max-width:900px;
        margin:0 auto;
        padding: 0px 0px 0px;
}

@media (max-width: 885px){
       #svgboxcontent article{
           display: block;
           width:70%;
           margin-right:10%;
           margin-left:10%;
           margin-top:10px;
           font-size:17px;
        }
        #boxcontent{
            padding: 10px 0px 0px;
        }
        .articleitem{
            margin: 20px;
            }
        #svgboxcontent article p{
            line-height:25px;
            margin-left:0px;
        }
        h2{
            font-size: 300%;
            margin: 10px 80px 3px;
            margin-bottom: 0px;
        }
        .icon{
            margin: 3px;
        }
        .header{
            padding-bottom: 5px;
        }
}
/*
@media (max-width: 600px){
         footer {
            height: 100px;
        }
}
*/