body {
    font-family: Arial, sans-serif;
    /* background-image: linear-gradient(90deg, #FBEFEF, #F3E2A9, #FBEFEF); */
    background-image: linear-gradient(90deg, #F5ECCE -10%, #FBEFEF 50%, #F5ECCE 110%);
}

fieldset {
    display: inline;  
    vertical-align:top;
}

fieldset fieldset {
    border: none; 
    display: inline;
}

.error {
    font-weight : bold;
    color : red;
}

.errorCheckbox {
    background-color : gray;
    outline : 1px solid red;
}

#mj, #mm, #mt, #ms {
    text-align: center;
}

#verlaufsvgp, #fumfang {
    float: right;
}

#ausgabe, #ppform { /* , #ppform */
    display : none; 
}

#ohtext, #mhtext, #chtext {
    font-size: 0.9rem;
    padding: 1% 15% 1% 5%;
    color: navy;
}

main {
    display : block;
}

text {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

svg {
    /* border: 1px solid red; */
}

.subjekt {
    font-weight: bold;
    font-size: 1.5rem;
}

.mitte {
    text-align: center;
}

* {
    box-sizing: border-box;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}
	
[class*="col-"] {
	float: left;
	padding: 5px;
	/* border: 1px solid blue; */
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

#paypal-button-container {
    width: 200px;
}

@media only screen and (max-width: 768px) {
    [class*="col-"] {
	width: 100%;
    }
}
@media screen {
    #verlaufsvgp { display : none; }
}

@media print {
    #eingabe, #verlaufsvgs, footer { display : none; }
    body { font-size: 11pt; }
    text { font-size: 11px; }
}