Денис Белевцов

в файле перевода de_De.csv.

название не по нужному формату. правильно - de_DE.csv

<?php foreach ($this->getStores() as $_lang) : ?>
    <?php if ($_lang->getId() !== $block->getCurrentStoreId()) : ?>
        ...
    <?php endif; ?>
<?php endforeach; ?>

смотри Magento_Store::switch/flags.phtml для примера

*:not(path):not(g) {
    color:                    hsla(210, 100%, 100%, 0.9) !important;
    background:               hsla(210, 100%,  50%, 0.5) !important;
    outline:    solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;
    box-shadow: none !important;
}

https://medium.freecodecamp.org/heres-my-favorite-...

CSS можно вставить в "User CSS" и включать/выключать при надобности

background-clip: padding-box

Попробуй uncss

Насчёт ОС. Всё-таки попробуйте XP. Можно второй системой. Просто пробуйте, может норм будет.
Насчёт перегрева. Возможно я скажу что-то странное для некоторых, но можно просветлить отверстие под вентилятором. Зачастую под СО ноутбука очень маленькая вентиляционная решеточка или её вообще нет.
На фото мой ноутбук. Сверлил сам насадкой для гипсокартона. Я не мастер, но получилось с первого раза, так что любой, я полагаю, сможет. Желательно ещё использовать подставку для ноутбука(или "ножки" для ноутбука(1$ на Ali)), для лучшего забора воздуха и защитить отверстие металлической сеточкой(по желанию).
Для несогласных:
ДО - троттлинг(85c), после 15 минут игры(ноутбук чистый, паста новая).
ПОСЛЕ - 75c, после 1 часа игры.

c9.io, конечно серьёзнее, но можно и на JSFiddle(кнопка Collaborate).

Попробуй

max-height: 300px; // fallback
max-height: 85vh; // fallback 2
max-height: calc(100vh - 50px); // отнять высоту отступа сверху

1. Для "$" vertical-align: top; Для "25" line-height: [нужное значение].
2. Каждой строчке списка дать padding-left, а галочки посадить на псевдоэлемент. Либо сверстать таблицей.
P.s. изучите БЭМ, хотя бы основы. Ваши селекторы - ад.

Используй градиент для фона. Прочитай "Леа Веру - Секреты CSS" 5 главу. Пример на JSFiddle

Если следовать терминологии Bootstrap, то это "Jumbotron". А пока что это просто секция, потенциальный слайдер.

якорь выглядит следующим образом(ссылка/#якорь)

Насколько я понимаю ссылка ведёт на другую страницу. Как вы это хотите анимировать?
Если это элемент на текущей станице, то классика должна сработать,

$('a[href ^= "#"]').click(function () {
		var elementClick = $(this).attr("href");
		var destination = $(elementClick).offset().top;
		$('html,body').animate( { scrollTop: destination }, 1000 );
		return false;
	});

Вот тут всё великолепно расписано. Если умеете пользоваться sass, это что что нужно.
Ещё можно просто сделать размеры фиксированными, и менять с помощью медиа запросов. Для того чтобы имея 2 размера экрана и 2 размера шрифта на них найти 3 размер шрифта для 3-го экрана я сделал вот такой простенький калькулятор