:host ::ng-deep p { display: block; //margin-top: 1em; //margin-bottom: 1em; margin-left: 0; margin-right: 0; font-size: 1rem; /* oder 1rem, abhängig vom Browser und den Standardeinstellungen */ line-height: 1.5; min-height: 1.5em; } :host ::ng-deep h1 { display: block; font-size: 2em; /* etwa 32px */ margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; } :host ::ng-deep h2 { display: block; font-size: 1.5em; /* etwa 24px */ margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; } :host ::ng-deep h3 { display: block; font-size: 1.17em; /* etwa 18.72px */ margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold; } :host ::ng-deep ul { display: block; list-style-type: disc; /* listet Punkte (•) vor jedem Listenelement auf */ margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; /* Standard-Einrückung für Listen */ } :host ::ng-deep li { display: list-item; /* Zeigt das Element als Listenelement an */ margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; } button.share { font-size: 13px; transform: translateY(-2px) scale(1.03); margin-right: 4px; margin-left: 2px; border-radius: 4px; cursor: pointer; i { font-size: 15px; } } .share-edit { background-color: #0088cc; } .share-save { background-color: #e60023; } .share-email { background-color: #ff961c; } .share-facebook { background-color: #1877f2; } .share-twitter { background-color: #000000; } .share-linkedin { background-color: #0a66c2; } :host ::ng-deep .ng-select-container { height: 42px !important; border-radius: 0.5rem; .ng-value-container .ng-input { top: 10px; } } /* details.scss */ /* Stil für das Adress-Info-Feld */ .address-control { background: rgba(255, 255, 255, 0.9); padding: 10px; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 1.4; } .address-control a { color: #007bff; text-decoration: none; } .address-control a:hover { text-decoration: underline; }