body {
	margin-left:auto;	
	margin-right:auto;
    max-width:1000px;
}	

.inhalt {
    margin: 3% 10% 3% 10%; 
}  

p {
    font-family: "Roboto", sans-serif;
	font-size:2.4vw;
    line-height:1.3;
    font-weight: 200;	
    hyphens: auto;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
@media only screen and (min-width: 700px) {	
    p {
        font-size: 17.5px;
    }
}

#schrzug {
    padding-left: 25%;
    padding-right: 25%;
    width: 50%;
}

#komponenten, #adressaten {
    width: 100%;
}

hr { 
    color: gray;
}

.linkzeile {
    display: grid;
    grid-template-columns: 15% 80%;
    justify-content: space-between;
}

.linkzeile svg {
    grid-area: 1 / 1 / 2 / 2;
    display: -webkit-flex;    
	display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.linkzeile svg:hover #rahmen{
    fill:rgb(233, 76, 22);
   
}
.kontakt {
    text-decoration: none;
    margin-top: 2vw;
    padding-left: 35%;
    padding-right: 35%;
}
.kontakt svg:hover #schild{
  fill: rgb(233, 76, 22);

}



.kontakt svg:hover text {
    fill: white;
}

p a {
    text-decoration: none;
    color: rgb(233, 76, 22);
}

p a:hover {
    background-color: rgb(233, 76, 22);
    color: white;
}

.adr {
    font-family: "Roboto", sans-serif;
	font-size: 2vw;
    line-height: 2;
    font-weight: 600;
    color: gray;
    text-align: center;
}
@media only screen and (min-width: 700px) {	
    .adr {
        font-size: 14px;
    }
}