SCSS generiert kein CSS

[ab2211]

Ich habe eine Contao 5 Installation und arbeite dort mit SCSS. Ein File ist eingebunden und zieht dann die anderen. Dummerweise werden Änderungen nicht generiert. Ich lade z.B. ein File via FTP hoch, aber die Änderung ist beim generierten CSS nicht vorhanden. Bei einer anderen Installation klappt das. Cache löschen etc hilft nix . . .

[mlweb]

Änderungen in importierten Files werden m.E. standarmäßig nicht erkannt (auch in Contao 4.13 nicht). Nur Änderungen im verlinkten File.
Ich arbeite in der Regel nicht mit SCSS-Files auf dem Server sondern kompiliere lokal. Wenn ich soetwas doch mal benötige verwende ich in solchen Fällen die https://github.com/erdmannfreunde/theme-toolbox.
In letzter Zeit habe ich von Oveleon folgende Erweiterung getestet https://extensions.contao.org/?q=ove...ompiler-bundle
Kompiliert die SCSS-Dateien auf dem Server und Du bindest die CSS-Datei ein. Bin mir aber gerade nicht sicher, ob Du den Kompilierungsprozess nach Änderung manuell anstossen musst. @zoglo Zu letzterm kann Du sicher etwas sagen.
Ansonsten einfach testen. Die Erweiterung ist für mich auf jeden Fall eine Alternative, wenn ich aus welchem Grund auch immer nicht lokal kompiliere.

[ab2211]

Ja, also ich muss immer bei der enien Installation, bei der das klappt, in der Systemwartung den Cache löschen, bzw. der Einfachheit halber klicke ich alles an. bei der anderen Installation wird zwar das CSS unter assets/css generiert., aber ohne die Änderung - verwunderlich.

[mlweb]

bei der anderen Installation wird zwar das CSS unter assets/css generiert., aber ohne die Änderung - verwunderlich.

Ich denke da wird es wahrscheinlich irgendeinen Unterschied zwischen den Installationen geben.

[ab2211]

Ja, das dumme ist nur, dass es eine Kopie der ersten Seite ist. Alles gleich, nur die Inhalte sind ein bisschen anders (DE/AT).

[zoglo]

Das wurde im Contao Call im Februar besprochen:
https://github.com/contao/contao/issues/6427

Du könntest hier entweder die Theme-Toolbox von EF nutzen:
https://github.com/erdmannfreunde/theme-toolbox

oder deine SCSS auf dem Server kompilieren mit einem compiler:
https://github.com/oveleon/contao-theme-compiler-bundle

Das ist ein Issue / Feature auf meiner ToDo aber wird wahrscheinlich erst in Richtung Contao 5.7 (falls du nur LTS nutzt ) implementiert werden

[zoglo]

Ich denke da wird es wahrscheinlich irgendeinen Unterschied zwischen den Installationen geben.

Der Unterschied wird wahrscheinlich ein Cache sein (ob opcache oder andere caches, welche über den Server und/oder htaccess eingestellt sind).

[mlweb]

@zoglo Die Erweiterungen hatte ich oben schon empfohlen. Kannst Du zu Eurer Erweiterung noch sagenn, ob bei jeder Änderung manuell eine Kompilierung angestossen werden muss? Das weiß ich leider nicht mehr aus dem Kopf.

[zoglo]

@zoglo Die Erweiterungen hatte ich oben schon empfohlen. Kannst Du zu Eurer Erweiterung noch sagenn, ob bei jeder Änderung manuell eine Kompilierung angestossen werden muss? Das weiß ich leider nicht mehr aus dem Kopf.

Wieder mal zu schnell und nicht nachgelesen, nur das aus dem Issue gepostet, was im Februar schon beantwortet wurde (Wie immer zu schnell - Tschuldigung @mlweb)

EF hebelt den Cache komplett aus mit der Einstellung.
ThemeCompiler muss immer via SystemWartung oder Theme oder Theme-Settings angestoßen werden (Kann man aber auch via command, so mach ich es immer )

php vendor/bin/contao-console contao:themecompiler:compile [ID DEINES THEMES]

Also unabhängig davon, gibt es keinen "Watcher" (Hat seine Vor- und Nachteile)

[ab2211]

Die beiden Erweiterungen gehen bei mir nicht. Ich glaube wg. PHP 8.2. So werde ich in dem Fall das SCSS wohl lokal via npm kompilieren.

[zoglo]

@ab2211 du kannst auch eine ältere Version installieren

Theme-Compiler

• Ab ^1.1 ist es noch (PHP 7 und 8) - https://packagist.org/packages/ovele...r-bundle#1.1.2
• Ab ^1.4 ist es PHP ^8.0 - https://packagist.org/packages/ovele...r-bundle#1.4.1
• Ab ^1.5 - latest ist es PHP ^8.1 - https://packagist.org/packages/ovele...r-bundle#1.8.1

Will nur sagen, dass wenn du noch PHP 8.0 oder 7.4 nutzt,
dass der Support schon abgelaufen ist.

Du kannst immer bei Packagist schauen:
https://packagist.org/packages/erdma.../theme-toolbox

[zoglo]

Ich glaube wg. PHP 8.2.

^ Siehe Post oben, du hast geoutet, dass du veraltete und nicht mehr supportete PHP-Versionen im Einsatz hast

[mlweb]

Welche Contao-Version, welche Version der Erweiterung und welche PHP-Version genau wird verwendet?
Welchen Fehler bekommst Du bei der Installation?

[ab2211]

^ Siehe Post oben, du hast geoutet, dass du veraltete und nicht mehr supportete PHP-Versionen im Einsatz hast

Also ich habe 8.2

[zoglo]

Dann solltest du beide Erweiterungen installieren können, sofern du hier nicht Contao 4.9 nutzt.

Poste den Fehler

[ab2211]

Welche Contao-Version, welche Version der Erweiterung und welche PHP-Version genau wird verwendet?
Welchen Fehler bekommst Du bei der Installation?

Contao 5 und PHP 8.2. Für den Fehler müsste ich das ganze nochmal durchlaufen. Aber ich habe mich im Grunde entschieden das lokal zu machen. Ist u.U. eh besser.

[zoglo]

Ich hoffe doch Contao 5.3 (Denn beide Erweiterungen funktionieren m.E erst ab 5.1 bzw. sogar 5.3)
Es wäre dennoch interessant zu wissen, was der Fehler ist.

[ab2211]

Ich hoffe doch Contao 5.3 (Denn beide Erweiterungen funktionieren m.E erst ab 5.1 bzw. sogar 5.3)
Es wäre dennoch interessant zu wissen, was der Fehler ist.

Die Version 5.3.8 habe ich.

[zoglo]

Contao 5.3.8 ist veraltet, sollte aber nicht das Problem sein.
Wie gesagt, du kannst sicherlich über den Manager einen Dry-run starten und mal schauen, warum es nicht installiert.
Es geht nur um die Fehlermeldung.
Sollte es sich um einen Fehler seitens Plugins, kann man hier zumindest nachhelfen, nur so kann Software besser werden.

[ab2211]

12:47:16 CRITICAL [console] An error occurred while using the console. Message: "An error occurred while executing the "/usr/bin/php8.2 -dmemory_limit=-1 /var/www/clients/client0/web22/web/vendor/contao/manager-bundle/bin/contao-console contao:symlinks public --env=prod --no-ansi" command: " ["exception" => RuntimeException { …},"message" => "An error occurred while executing the "/usr/bin/php8.2 -dmemory_limit=-1 /var/www/clients/client0/web22/web/vendor/contao/manager-bundle/bin/contao-console contao:symlinks public --env=prod --no-ansi" command: "]
In ContaoSetupCommand.php line 142:

An error occurred while executing the "/usr/bin/php8.2 -dmemory_limit=-1 /v
ar/www/clients/client0/web22/web/vendor/contao/manager-bundle/bin/contao-co
nsole contao:symlinks public --env=prod --no-ansi" command:

contao:setup
Script @php vendor/bin/contao-setup handling the post-install-cmd event returned with error code 1
# Process terminated with exit code 1
# Result: General error

[ab2211]

Jetzt habe ich das CSs lokal erstellt und im Thema dann dieses anstelle des SCSS ausgewählt. Der Knaller ist, auch hier ist immer ein altes drin. In der Dateiverwaltung ist das File aktuell, im Browser (Console) nicht. Wie kann das sein?

[Spooky]

Poste einen Link zur Seite und den Original Code deiner CSS Datei.

[ab2211]

Die Site ist hier: https://contao.global-office.at
CSS:

.main_header {
  max-width: 1120px;
  margin: 0 auto;
  position: absolute;
  top: 0px;
  margin-top: -50px;
  font-size: 52px !important;
  line-height: 55px !important;
  color: #8db8c6 !important;
  font-weight: 300 !important;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: auto;
}
.main_header p {
  margin: 0px;
  color: #8db8c6 !important;
}
.main_header .inside {
  padding: 0px !important;
}
.main_header h2 {
  padding: 0px;
  margin: 0px;
  position: absolute;
  padding: 20px 20px 20px 20px;
  top: 0;
  top: -50px;
  background-color: #fff !important;
  font-size: 52px !important;
  line-height: 55px !important;
  font-weight: 300 !important;
}

#slider {
  background-attachment: scroll !important;
  overflow: auto;
  height: 750px;
  width: 100%;
}

#header_top .inside {
  max-width: 1160px;
  padding: 0 20px;
  box-sizing: border-box;
  height: 95px;
}

.logo {
  margin-top: 15px;
  margin-bottom: auto;
  float: left;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
}

.logo a {
  background-image: url(../cssimages/logo.png);
  width: 136px;
  height: 50px;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left;
}

.menu-icon-phone {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-weight: 500;
  line-height: 61px;
  color: #8b9aa2;
}

.ion-md-phone {
  float: left;
  background-image: url(../cssimages/icons8-headset-50.png) !important;
  background-size: auto 40%;
  background-position: left top 20px;
  background-repeat: no-repeat;
  width: 40px;
  height: 61px;
}

#header_top {
  overflow: auto;
  background: #293b43;
  background: -moz-linear-gradient(left, #293b43 0, #4f6b78 40%, #4f6b78 59%, #293b43 100%);
  background: -webkit-linear-gradient(left, #293b43 0, #4f6b78 40%, #4f6b78 59%, #293b43 100%);
  background: linear-gradient(to right, #293b43 0, #4f6b78 40%, #4f6b78 59%, #293b43 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#293b43",endColorstr="#293b43",GradientType=1);
}

.claim {
  float: right !important;
  position: relative;
  top: 38px;
  right: 0;
  margin: 0 !important;
  line-height: 20px !important;
  padding: 0 !important;
}

.claim_orange {
  color: #f8a711;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  font-size: 22px;
  font-weight: 400 !important;
  font-style: italic;
}

#bottom {
  background-color: #2c3136;
}
#bottom .inside {
  max-width: 1117px !important;
  align-items: flex-start;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  width: 100%;
}
#bottom #bottom .inside, #bottom #bottom .inside a {
  color: rgba(255, 255, 255, 0.4);
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
}
#bottom .mod_navigation .inside {
  padding: 0px !important;
}

#bottom .inside {
  padding: 20px 20px 20px 20px !important;
  max-width: 1077px !important;
}

.site-footer-below-section-1 {
  float: left;
  font-size: 14px;
}

.site-footer-below-section-2 {
  align-items: flex-start;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  width: 190px;
  margin: 0 auto;
}

#footer .site-footer-below-section-2 a:hover {
  border: 0px;
}

.site-footer-below-section-3 {
  justify-content: right;
  text-align: right;
  float: right;
}
.site-footer-below-section-3 .inside {
  display: block !important;
}

.icon_ {
  width: 24px;
  height: 24px;
  display: block;
  background-repeat: no-repeat;
}

.icon_instagram {
  background-image: url(../cssimages/instagram.png);
}

.icon_facebook {
  background-image: url(../cssimages/facebook.png);
}

.icon_xing {
  background-image: url(../cssimages/xing.png);
}

.icon_youtube {
  background-image: url(../cssimages/youtube.png);
  width: 26px;
  height: 18px;
  margin-top: 4px;
}

#footer {
  color: rgba(255, 255, 255, 0.4);
}
#footer a {
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  transition: All 0.3s ease;
  font-size: 14px;
  -webkit-transition: All 0.3s ease;
  margin-left: 15px;
}
#footer:hover {
  color: #fff;
  border-bottom: 1px solid;
  text-decoration: none;
}

#footer a:hover {
  color: #fff !important;
  border-bottom: 1px solid;
  text-decoration: none;
}

.block_facts {
  max-width: 1120px;
  margin: 0 auto;
}
.block_facts .box_container {
  width: 33%;
  color: #f7a70a;
  text-align: center;
  float: left;
  padding-top: 90px;
  font-size: 17px;
  line-height: 30px;
  text-transform: uppercase;
}

.box_icon {
  width: 50%;
  height: 430px;
  float: left;
  margin: 0;
  padding: 0 60px;
  text-align: center;
  box-sizing: border-box;
}

.box_icon_img img {
  width: 248px;
}

.icon_line {
  width: 70px;
  border: 2px solid #f7a70a;
  margin: auto;
  margin-bottom: 20px;
  height: 0px;
}

.ok ul li::before {
  position: absolute;
  left: -36px;
  top: -2px;
  content: url(../cssimages/go-check-icon.png);
}

.jobs .box_container {
  margin-bottom: 30px;
}

.box_container {
  float: left;
  width: 100%;
}
.box_container ul {
  padding: 0;
}
.box_container li {
  width: 25% !important;
  float: left;
  min-height: 65px;
  padding-bottom: 20px;
  padding-left: 5px;
  list-style-type: none !important;
  font-size: 15.5px !important;
  font-weight: 300 !important;
  margin-left: 40px;
  margin-right: 30px;
  box-sizing: border-box;
}

.checkmark .box_container li {
  width: 30% !important;
}

.checkmark .box_container li:before {
  left: -36px;
  top: -2px;
  content: url(../cssimages/go-check-icon.png) " ";
}

.____box_container li::before {
  position: absolute;
  left: -36px;
  top: -2px;
  content: url(../cssimages/go-check-icon.png) " ";
}

.we_care .box_container {
  width: 50%;
}

.we_care .box_container li {
  margin-left: 10px;
  width: 450px !important;
  position: relative;
  padding-bottom: 20px;
  padding-left: 5px;
  list-style-type: none !important;
  font-size: 15.5px !important;
  font-weight: 300 !important;
}

.we_care .box_container:nth-of-type(2) {
  text-align: right;
}

.we_care .button_calltoaction a {
  margin-top: 100px !important;
  margin-left: 50px !important;
  letter-spacing: 0.2em;
}

#article-38 .content_left {
  padding-right: 50px;
}

#article-38 .content_left, #article-38 .content_right {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
#article-38 .content_left ul, #article-38 .content_right ul {
  padding-left: 20px;
}
#article-38 .content_left li, #article-38 .content_right li {
  width: 100%;
  padding-left: 20px;
  padding-bottom: 20px;
}

.mod_article_padding {
  padding: 0px 60px 80px 60px;
}

.content_person {
  padding: 40px 0 50px 0;
}

.person_left {
  float: left;
  display: block;
  width: 131px;
  height: 131px;
  margin: 0 20px 0 0;
}

.person_icons2 {
  align-items: flex-start;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  max-width: 200px;
  padding-top: 7px;
}

.aw {
  background-image: url(contentimages/employees/anke_westerveld.png);
}

.mh {
  background-image: url(contentimages/employees/melanie_heil.png);
}

.go {
  background-image: url(contentimages/employees/global-office-systemzentrale.png);
}

.mlb {
  background-image: url(contentimages/employees/maria-linz-bender.png);
}

.icon_xing {
  background-image: url(../cssimages/xing.png);
  width: 22px;
  height: 26px;
  display: block;
}

.icon_linkedin {
  background-image: url(../cssimages/linkedin.png);
  width: 26px;
  height: 22px;
  margin-top: 2px;
  display: block;
}

.medienueberuns .box_container {
  padding-bottom: 40px;
}

.press .box_container .shadow_box:first-child {
  margin-left: 0px !important;
}

.checkmark .box_container li {
  margin-left: 0px !important;
}

.box_container .shadow_box:first-child {
  margin-left: 0px !important;
}

.box_container .shadow_box {
  -webkit-box-shadow: 5px 5px 17px -3px #293b42;
  box-shadow: 5px 5px 17px -3px #293b42;
  width: 30% !important;
  float: left;
  min-height: 260px;
  background-color: #293b42;
  margin-right: 0px !important;
  margin-left: 35px;
  padding: 0 !important;
  list-style-type: none;
}
.box_container .shadow_box .box-inner {
  text-align: center;
  margin: 0 0 40px 0;
}
.box_container .shadow_box h1 {
  font-size: 20px;
  color: #93bccc;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 30px;
}
.box_container .shadow_box hr {
  width: 70px;
  margin: 0 auto;
  text-align: center;
  border: 0;
  border-bottom: 3px solid #f7a70a;
}
.box_container .shadow_box h2 {
  font-weight: 400;
  font-size: 14px;
  color: #c5cdd1;
  width: 100%;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 40px;
  line-height: 20px;
  text-transform: none;
}
.box_container .shadow_box .link {
  color: #fa0;
  text-transform: uppercase;
  line-height: 30px;
  display: inline-block;
  letter-spacing: 0.2em;
  border-bottom: 2px solid #f7a70a;
}

.shadow_box:hover {
  background-color: #fff;
}

.top {
  --distance-to-scroll: 50px;
  margin-top: calc(var(--container-height) + var(--distance-to-scroll));
  position: sticky;
  bottom: 0;
  left: 5px;
}

.contact_header {
  font-size: 2.5rem;
  color: #8db8c6 !important;
  background-color: #fff !important;
  font-weight: 300;
  padding: 20px 20px 20px 20px;
  width: 450px;
  line-height: 45px !important;
  margin-left: 0;
}

.contact_header2 {
  color: #546a77 !important;
}

.slide_title {
  margin-top: 220px;
  padding-bottom: 20px;
}

.slide_title.slide_small {
  margin-top: 50px;
}

.slide_title.slide_none {
  margin-top: 10px;
}

.box_slide_text {
  margin: 0 auto;
  text-align: center;
  max-width: 632px;
}

.quotmarks {
  color: #f7a70a;
  font-size: 22px;
}

.swiper-button-next, .swiper-button-prev {
  color: #d3d3d3;
}

.swiper-pagination-bullet-active {
  height: 15px;
  width: 15px;
  -webkit-box-shadow: 0 0 16px -1px rgba(253, 235, 136, 0.94) !important;
  -moz-box-shadow: 0 0 16px -1px rgba(253, 235, 136, 0.94) !important;
  box-shadow: 0 0 16px -1px rgba(253, 235, 136, 0.94) !important;
}

.swiper-pagination-bullet {
  background: #fff !important;
}

.nb {
  background-image: url(contentimages/testimonial/testimonial_nikolaus_brandl.png);
  background-repeat: no-repeat;
  background-position: center;
}

.mt {
  background-image: url(contentimages/testimonial/testimonial_mark_traubel.png);
  background-repeat: no-repeat;
  background-position: center;
}

.ll {
  background-image: url(contentimages/testimonial/testimonial_lutz_leuthold.png);
  background-repeat: no-repeat;
  background-position: center;
}

.cs {
  background-image: url(contentimages/testimonial/testimonial_christian_schleicher.png);
  background-repeat: no-repeat;
  background-position: center;
}

.tl {
  background-image: url(contentimages/testimonial/testimonial_thomas_lerch.png);
  background-repeat: no-repeat;
  background-position: center;
}

.rb {
  background-image: url(contentimages/testimonial/testimonial_ralf_brandenburg.png);
  background-repeat: no-repeat;
  background-position: center;
}

.shadow .inside {
  padding: 0px;
}
.shadow img {
  box-shadow: 2px 11px 44px -6px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 11px 44px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 11px 44px -6px rgba(0, 0, 0, 0.75);
}

.euro {
  background-image: url(contentimages/testimonial/testimonial_euro.png);
  background-repeat: no-repeat;
  background-position: center;
}

.sl {
  background-image: url(contentimages/testimonial/testimonial_it-support.png);
  background-repeat: no-repeat;
  background-position: center;
}

.help {
  background-image: url(contentimages/testimonial/testimonial_help.png);
  background-repeat: no-repeat;
  background-position: center;
}

.it {
  background-image: url(contentimages/testimonial/testimonial_help.png);
  background-repeat: no-repeat;
  background-position: center;
}

.m {
  background-image: url(contentimages/testimonial/testimonial_mentoring.png);
  background-repeat: no-repeat;
  background-position: center;
}

.e {
  background-image: url(contentimages/testimonial/testimonial_events.png);
  background-repeat: no-repeat;
  background-position: center;
}

.slide_text.slide_only {
  width: 632px;
  margin: 0 auto;
}

.feedback {
  background-image: url(contentimages/testimonial/testimonial_feedback.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.truthspeaking {
  background-image: url(contentimages/testimonial/testimonial_truth_speaking.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.truthspeaking {
  background-image: url(contentimages/testimonial/testimonial_truth_speaking.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.positivethinking {
  background-image: url(contentimages/testimonial/testimonial_positive_thinking.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.commitment {
  background-image: url(contentimages/testimonial/testimonial_commitment.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.freeopinions {
  background-image: url(contentimages/testimonial/testimonial_free_opinions.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.transparency {
  background-image: url(contentimages/testimonial/testimonial_transparency.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.development {
  background-image: url(contentimages/testimonial/testimonial_development.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.teamspirit {
  background-image: url(contentimages/testimonial/testimonial_teamspirit.png);
  background-repeat: no-repeat;
  background-position: center;
}

.content_person {
  align-items: flex-start;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

.person_right {
  float: right;
  min-width: 400px;
}

.ce_image .inside {
  padding: 0px;
}

#swiper-315 {
  max-width: 1120px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.swiper-wrapper {
  height: 100% !important;
}

.swiper-container {
  max-width: 1120px;
  margin-bottom: 70px;
}

.carousel-cell {
  width: 315px !important;
  height: 550px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 10px;
  text-align: center;
}
.carousel-cell h1 {
  color: #93bccc;
  font-size: 38px;
  font-weight: 300 !important;
  padding-top: 25px;
  margin-bottom: 10px;
  text-transform: none;
}
.carousel-cell h2 {
  font-weight: 400;
  font-size: 14px;
  color: #c5cdd1;
  width: 100%;
  margin: 0 auto;
  padding-top: 15px;
  line-height: 20px;
  text-transform: none;
}
.carousel-cell hr {
  margin: 0 auto;
  border: 0px;
  border-bottom: 3px solid #f7a70a;
  width: 100px;
}
.carousel-cell .inside {
  padding: 0px !important;
}

.swiper-slide-active .carousel-inner {
  background-color: #fff;
  margin-top: 0px;
  height: 535px;
}

.swiper-slide-active a.carousel {
  color: #000 !important;
}

.swiper-slide-active h2 {
  color: #4f6b78;
}

.carousel-inner {
  margin-top: 20px;
  height: 515px;
  background-color: #4f6b78;
}
.carousel-inner img {
  margin-top: 25px;
}

a.carousel {
  color: #f7a70a;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2em;
  border-bottom: 2px solid #f7a70a;
  width: 160px;
  margin: 0 auto;
  display: block;
  margin-top: 30px;
}

a.carousel:hover {
  color: #000 !important;
}

.box_slide_text.box_slide_portrait, .slide_text.slide_portrait {
  width: 320px;
}

video.slide_video_portrait {
  width: 70%;
}

.box_slide_text.box_slide_landscape, .slide_text.slide_landscape {
  width: 660px;
}

.slide_video_landscape {
  width: 84%;
  height: 100%;
}

@media screen and (min-width: 900px) {
  .inside {
    max-width: 100%;
    margin: 0 auto !important;
  }
  #bottom .inside {
    padding: 20px 20px 20px 20px !important;
    max-width: 1077px !important;
  }
  .logo a {
    background-image: url(cssimages/logo.png) !important;
  }
  .mobile-header {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  h1 {
    line-height: 1em !important;
  }
  .main_header {
    width: 90%;
    left: 0px;
  }
  .main_header h2 {
    font-size: 27px !important;
    line-height: 29px !important;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    top: -25px;
  }
  .darkblue .inside {
    padding: 0px 20px;
  }
  .checkmark .box_container li {
    width: 100% !important;
  }
  #header_bottom {
    display: none;
  }
  #header_top .inside {
    height: 60px !important;
  }
  .claim {
    top: 23px;
  }
  .claim_orange {
    color: #f8a711;
    font-size: 16px;
  }
  .logo {
    margin-top: 5px;
  }
  .logo a {
    width: 124px;
  }
  #slider {
    height: 250px;
  }
  .block_facts .box_container {
    width: 100%;
    padding-top: 60px;
  }
  #bottom .inside {
    grid-template-columns: none !important;
  }
  .site-footer-section {
    text-align: center;
    padding: 20px;
  }
  .site-footer-below-section-1 {
    grid-row: 3;
  }
  .site-footer-below-section-3 {
    grid-row: 1;
  }
  .box_icon {
    width: 100%;
  }
  .content_person {
    padding-bottom: 0;
    padding-top: 0;
    align-items: flex-start;
    grid-template-columns: none !important;
    display: grid;
  }
  .person_left {
    margin-bottom: 30px;
  }
  #article-38 .content_left, #article-38 .content_right {
    width: 100%;
  }
  pl-20 {
    padding-left: 20px;
  }
  .we_care .box_container {
    width: 100%;
  }
  .we_care .button_calltoaction a {
    margin: 0px !important;
    width: 100%;
  }
  .box_container .shadow_box {
    width: 100% !important;
    margin-bottom: 30px;
    margin-left: 0px;
  }
  p.txt-call {
    font-size: 17px !important;
    text-align: center;
  }
  .button_calltoaction a {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  h1 {
    line-height: 1em !important;
  }
  .contact_header {
    font-size: 1.8rem;
    line-height: 30px !important;
    width: auto;
    margin: 0px 20px;
    padding: 10px;
  }
  .light_blue, .dark_blue {
    font-size: 2.1rem !important;
  }
}
@media (max-width: 575.98px) {
  .col-8 {
    flex: 0 0 60%;
    max-width: 60% !important;
    font-size: 17px !important;
  }
  .col-88 {
    flex: 0 0 50% !important;
    max-width: 50%;
  }
  .col-3 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-33 {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }
  .col-7 {
    flex: 0 0 50% !important;
    max-width: 50%;
  }
  .col-77 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .col_result_first {
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 30px;
  }
  .col_third {
    vertical-align: middle !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 17px !important;
  }
  .col_four {
    margin-left: 5px;
  }
  .col_result_second {
    padding-top: 15px;
    font-size: 20px !important;
    width: 40%;
    line-height: 30px;
  }
  .col_result_second2 {
    padding-top: 15px;
    padding-right: 15px;
    font-size: 20px !important;
    width: 50%;
    line-height: 30px;
  }
}
.small_form .formbody.inside {
  max-width: 800px;
  padding: 0px 20px;
  box-sizing: border-box;
}

input[type=text], input[type=email], input[type=number], input[type=tel], textarea {
  background-color: rgba(45, 65, 73, 0) !important;
  color: #dbe7eb !important;
  letter-spacing: 0.2em !important;
  border: 1px solid #dbe7eb;
  font-size: 17px !important;
  padding: 15px;
  margin-bottom: 25px;
  max-width: 800px;
  width: 100%;
}

::placeholder {
  text-transform: uppercase;
  color: #c5cdd1;
  font-weight: 300;
}

select {
  padding: 15px;
  background-color: transparent;
  color: #dbe7eb;
  border: 1px solid #dbe7eb;
}

fieldset {
  padding: 0px;
}

select {
  margin-bottom: 25px !important;
  max-width: 800px;
  width: 100%;
}

option {
  background: #91becc;
}

label.upload {
  background-color: transparent;
  color: white;
  border: 1px solid #dbe7eb;
  padding: 10px;
  font-family: sans-serif;
  cursor: pointer;
  margin-top: 1rem;
}

button, input.submit[type=submit] {
  background-color: #fff !important;
  color: #f9a404 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  font-size: 17px !important;
  font-weight: 300 !important;
  border-radius: 0;
  display: inline-block;
  padding: 15px 20px;
  cursor: pointer;
  border: 0;
}

.checkbox_container {
  border: 0px;
}

.button_calltoaction {
  overflow: visible;
}

.button_calltoaction a {
  overflow: visible !important;
  display: inline-block;
  -webkit-box-shadow: 0 0 6px 2px rgb(250, 200, 115);
  -moz-box-shadow: 0 0 6px 2px rgb(250, 200, 115);
  box-shadow: 0 0 6px 2px rgb(250, 200, 115);
  padding: 20px 40px 20px 40px;
  margin-top: 100px;
  margin-left: 50px;
  letter-spacing: 0.2em;
  color: #f7a70a;
  border: 1px solid #fff;
  margin-bottom: 10px !important;
  font-weight: 400;
  text-align: center;
  margin: 0 auto !important;
}
.button_calltoaction a .inside {
  padding: 0px !important;
}
.button_calltoaction a:hover {
  background-color: #fff !important;
  color: #f7a70a !important;
  box-shadow: none;
  text-decoration: none;
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/files/fonts/roboto-v30-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("/files/fonts/roboto-v30-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/files/fonts/roboto-v30-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("/files/fonts/roboto-v30-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/files/fonts/roboto-v30-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("/files/fonts/roboto-v30-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/files/fonts/roboto-v30-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("/files/fonts/roboto-v30-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("/files/fonts/roboto-v30-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("/files/fonts/roboto-v30-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  src: url("/files/fonts/hanken-grotesk-v8-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 400;
  src: url("/files/fonts/hanken-grotesk-v8-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 500;
  src: url("/files/fonts/hanken-grotesk-v8-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 500;
  src: url("/files/fonts/hanken-grotesk-v8-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 600;
  src: url("/files/fonts/hanken-grotesk-v8-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 600;
  src: url("/files/fonts/hanken-grotesk-v8-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 700;
  src: url("/files/fonts/hanken-grotesk-v8-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 700;
  src: url("/files/fonts/hanken-grotesk-v8-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 800;
  src: url("/files/fonts/hanken-grotesk-v8-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 800;
  src: url("/files/fonts/hanken-grotesk-v8-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  font-family: "Roboto", sans-serif !important;
  color: #c5cdd1 !important;
  font-weight: 300 !important;
  line-height: 24px !important;
}

h1, h2, h3, h4 {
  line-height: 1.3em;
  margin-bottom: 29px;
  text-transform: uppercase;
  font-weight: 400;
}

h3 {
  font-size: 1.3rem !important;
  font-weight: 300 !important;
}

h3.color_yellow {
  font-weight: 400 !important;
}

p {
  color: #c5cdd1;
}

a {
  text-decoration: none;
}

a:hover {
  color: #f7a70a !important;
  text-decoration: none !important;
}

b, strong {
  font-weight: 500 !important;
}

.dark_blue {
  color: #91becc;
  font-size: 2.5rem;
  font-weight: 300 !important;
  margin: 0px;
}

.light_blue {
  color: #fdffff;
  font-size: 2.5rem;
  font-weight: 300 !important;
  margin: 0px;
}

.big_font {
  font-size: 100px;
  font-weight: 300;
  display: block;
  margin-bottom: 10px;
}

.orange, .slide_link {
  color: #f7a70a;
}

.orange:hover, .slide_link:hover {
  color: #fff !important;
}

.color_yellow {
  color: #f7a70a;
  font-weight: normal;
  text-transform: none;
}

.bold-400 {
  font-weight: 400 !important;
}

.bold {
  font-weight: 700;
}

.mt-50 {
  margin-top: 50px;
}

.mt-100 {
  margin-top: 100px;
}

.txt-call {
  font-size: 20px;
}

.txt-kontakt {
  margin-left: 4px;
  line-height: 1.7em !important;
}

.link {
  color: #fa0;
  text-transform: uppercase;
  line-height: 30px;
  display: inline-block;
  letter-spacing: 0.2em;
  border-bottom: 2px solid #f7a70a;
}

.link:hover {
  color: #000 !important;
}

.no_padding {
  padding: 0px;
}

.darkblue {
  background-color: #293b42 !important;
  color: #c5cdd1;
  padding: 100px 0px;
}
.darkblue p {
  color: #c5cdd1;
}
.darkblue .inside {
  max-width: 1120px;
}

.darkdarkblue {
  background-color: #14222d !important;
}

.header_small {
  max-width: 800px;
}

.smaller_content .inside {
  max-width: 800px;
}

.blue_gradient {
  padding: 100px 0px;
  background: #293b42 !important;
  background: -moz-linear-gradient(45deg, #293b42 0, #4f6b78 71%, #293b42 100%) !important;
  background: -webkit-linear-gradient(45deg, #293b42 0, #4f6b78 71%, #293b42 100%) !important;
  background: linear-gradient(45deg, #293b42 0, #4f6b78 71%, #293b42 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#293b42",endColorstr="#293b42",GradientType=1) !important;
}
.blue_gradient .inside {
  max-width: 1160px;
  padding: 0px 20px;
  box-sizing: border-box;
}

.bg_testimonial {
  background-image: url("backgrounds/bg-testimonial.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
}

.bg_telefonengel {
  background-image: url("backgrounds/fakten_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 20px;
  box-sizing: border-box;
}
.bg_telefonengel .inside {
  max-width: 1120px;
}
.bg_telefonengel .ce_image {
  text-align: center;
}

.bg_branchen {
  background-image: url(backgrounds/bg_branchen.jpg);
  padding: 70px 0px 70px 0px;
}
.bg_branchen .inside {
  max-width: 1120px;
}
.bg_branchen .button_calltoaction .inside {
  text-align: center;
}

.pr-50 {
  padding-right: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-90 {
  padding-top: 90px;
}

.pl-50 {
  padding-left: 50px;
}

.nav_right {
  left: 200px;
}

.mod_megamenu.block.mod_megamenu.block {
  overflow: visible;
}

#main-navigation > div > ul > li {
  font-family: "Hanken Grotesk";
  color: #293b42;
  float: left;
  height: 61px;
  box-sizing: border-box;
  list-style-type: none;
  text-transform: uppercase;
  font-size: 18px;
  position: static;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: 0.05em;
  border: 0;
  outline: 0;
  padding: 0px;
  padding-top: 20px;
  margin-right: 2.5rem;
}

#main-navigation > div > ul > li a {
  color: #293b42;
}

#main-navigation > div > ul > li a:hover {
  color: #f7a70a;
}

#main-navigation > div > ul > li:hover {
  color: #f7a70a;
  cursor: pointer;
  border-bottom: 2px solid #f7a70a;
  box-sizing: border-box;
}

#main-navigation > div > ul > li:hover > ul, #main-navigation > div > ul > li:hover > div.mega-dropdown {
  max-height: 9999px;
  opacity: 1;
  padding: 0.875em 1em;
  pointer-events: auto;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.2s ease 0s;
  z-index: 1;
}

#main-navigation > div > ul > li:hover > div.mega-dropdown {
  position: absolute;
  right: 0px;
  color: white;
}

ul.level_1 {
  max-width: 1120px;
  margin: 0 auto;
  padding-left: 20px;
}

.mega-dropdown {
  backface-visibility: hidden;
  background: #fff;
  display: block;
  font-size: 0.875em;
  right: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 61px;
  transition: max-height 0s ease 0.3s, padding 0s ease 0.3s, opacity 0.3s ease 0s;
  width: 100%;
  text-transform: none;
  box-shadow: 1px 5px 18px -9px rgba(120, 120, 120, 0.49) inset;
  -webkit-box-shadow: 1px 5px 18px -9px rgba(120, 120, 120, 0.49) inset;
  -moz-box-shadow: 1px 5px 18px -9px rgba(120, 120, 120, 0.49) inset;
}
.mega-dropdown h4 {
  text-transform: none;
  color: #8b9aa2;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0px;
}
.mega-dropdown .list-item {
  float: left;
  margin-right: 80px;
}

.mega-dropdown h1, .mega-dropdown h2, .mega-dropdown h3, .mega-dropdown h5, .mega-dropdown h6, .mega-dropdown h7 {
  text-transform: none;
  color: #ffbe1f;
  font-size: 1em;
}

.mega-dropdown .image_container {
  background: none;
  border: none;
}

.mega-dropdown a:hover {
  color: #ffbe1f !important;
}

.mm-btn--next:after, .mm-btn--prev:before {
  border-color: #fff !important;
}

.nav_submenu3 {
  padding: 0px;
}
.nav_submenu3 li {
  list-style-type: none;
}

.body_sub_menu {
  max-width: 1120px;
  margin: 0 auto;
  padding: 20px 20px;
  box-sizing: border-box;
}

ul.group-list {
  padding-left: 0px;
}

.group-list a {
  display: inline-block;
  font-family: "Hanken Grotesk";
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3;
  padding: 0.5rem 0;
  border: 0;
  outline: 0;
  color: #293b42;
  text-rendering: optimizeLegibility;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.mobile-header {
  height: 48px;
  padding: 10px 20px;
  box-sizing: border-box;
}

.mm-menu a {
  font-family: "Hanken Grotesk" !important;
  font-size: 15px;
  color: #293b42 !important;
  text-transform: uppercase;
}

.mm-menu a:hover {
  color: #f7a70a !important;
}

.mm-navbar {
  background: #4e6a77;
}

.mm-navbar__title > span {
  color: #fff;
}

.mm-listitem__text {
  text-transform: uppercase;
}

span.active.mm-listitem__text {
  font-family: "Hanken Grotesk" !important;
  font-size: 15px;
}

.header-item-right {
  float: right;
}

.mlink {
  float: left;
  height: 40px;
  width: 40px;
}

#menu_text {
  padding-left: 48px;
  padding-top: 3px;
  font-size: 15px;
  color: #293b42;
  font-weight: bold;
}

.menu-icon_login {
  display: block;
  float: left;
  width: 60px;
  height: 26px;
  background-image: url(cssimages/login.png);
  background-size: 20px 20px;
  background-position: center top;
  background-repeat: no-repeat;
}

.menu-icon_telefon {
  display: block;
  float: left;
  width: 60px;
  height: 25px;
  background-image: url(cssimages/phone.png);
  background-size: 20px 20px;
  background-position: center top;
  background-repeat: no-repeat;
}

.ion-md-login {
  padding-top: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #334b55;
  width: 100%;
  text-align: center;
}

.ion-md-telefon {
  padding-top: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #334b55;
  width: 100%;
  text-align: center;
}

.grid_start {
  max-width: 1120px;
  margin: 0 auto;
}

h3.icon_headline {
  margin-top: -32px !important;
  margin-bottom: 25px !important;
  line-height: 1.3 !important;
  font-size: 20.15px !important;
}

.col-6 {
  flex: 0 0 72% !important;
  max-width: 72%;
}

.col-8 {
  flex: 0 0 70% !important;
  max-width: 70%;
}

.col-77 {
  flex: 0 0 45% !important;
  max-width: 45% !important;
}

.col-1 {
  flex: 0 0 4.333333% !important;
}

.block_calculator {
  max-width: 800px;
  margin: 0 auto;
}

.calculator {
  margin-top: -20px !important;
  max-width: 840px;
  margin: 0 auto;
  padding: 0px 20px;
  box-sizing: border-box;
  position: relative;
}

.calculator .col, .calculator .last, .calculator .block, .calculator .einfach {
  font-style: normal !important;
  font: 17px Roboto;
  font-weight: 300;
  line-height: 24px !important;
  color: #c5cdd1 !important;
}

.calculator input[type=text] {
  background: transparent !important;
  color: #dbe7eb !important;
  letter-spacing: 0.2em !important;
  border: 0px;
  border-bottom: 1px solid #6b8996 !important;
  font-size: 17px !important;
  width: 100px !important;
  text-align: center;
}

.calculator input:hover:not([type=submit]), .calculator button:hover:not([type=submit]), .calculator textarea:hover {
  border: 1px solid rgb(153, 153, 153);
}

.custom-range {
  background: transparent !important;
  border: 0px !important;
  padding-bottom: 30px;
  padding-top: 20px;
}

.custom-range:hover {
  border: 0px !important;
}

.custom-range2 {
  padding-top: 20px;
  padding-bottom: 30px;
}

input[type=range]::-webkit-slider-runnable-track {
  border-radius: 1.3px;
  width: 100%;
  height: 4.1px;
  cursor: pointer;
}

input[type=range]::-moz-range-track {
  border-radius: 1.3px;
  width: 100%;
  height: 4.1px;
  cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 4px solid #f7a70a;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  margin-top: -12px;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: 4px solid #f7a70a;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  margin-top: -12px;
}

.col_first {
  font-size: 20px;
  font-weight: 300;
  padding-top: 15px;
}

.col_third {
  font-size: 20px;
  font-weight: 300;
  float: right;
  text-align: right;
  padding: 0px 0px 0px 0px !important;
}

.col_four {
  padding: 0px 0px 0px 0px !important;
}

.col_little {
  font-size: 17px;
  font-weight: 300;
  padding-top: 5px;
  padding-left: 15px;
}

.col_result_first {
  font-size: 28px;
  font-weight: 400 !important;
  color: #fff;
}

.col_result_second {
  padding-top: 15px;
  float: right;
  text-align: right;
  font-size: 28px;
  width: 30%;
  padding-right: 15px;
}

.col_result_second2 {
  padding-top: 15px;
  float: right;
  text-align: right;
  font-size: 28px;
  width: 55%;
}

.info_svg {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 20px;
  height: 20px;
}

.row-border {
  border-top: 1px solid #e9e9e9;
}

#result_more_sales, #result_proportionate_cost {
  font-weight: bold;
  color: #f7a70a;
}

#result_cost_go {
  font-weight: bold;
}

/*# sourceMappingURL=styles.css.map */

[Spooky]

Du musst beide Dinge posten.

[Spooky]

Und in welcher Datei befindet sich dieses CSS? Wie hast du dieses CSS eingebunden?

[Spooky]

Ich nehme an es geht um die Datei https://contao.global-office.at/asse...css?v=b2cf1f3a

Was genau fehlt dir da?

[zoglo]

Eventuell "Immer aus dem Shared Cache laden" aktiviert + "Disable cache" im Browser nicht eingestellt?
Die CSS-Datei scheint auf den ersten Blick identisch zu sein?

[ab2211]

Ich nehme an es geht um die Datei https://contao.global-office.at/asse...css?v=b2cf1f3a

Was genau fehlt dir da?

Z.B.

.press .box_container .shadow_box:first-child {
  margin-left: 0px !important;
}

Da ist nicht viel, hauptsächlich, da ich gemerkt habe, dass Änderungen nicht durchgehen ...

[Spooky]

Folgendes ist noch unbeantwortet:

Wie hast du dieses CSS eingebunden?

[ab2211]

Folgendes ist noch unbeantwortet:

Ahso, im Theme, externes CSS.

[ab2211]

Jetzt habe ich das CSS umbenannt und eingebunden, das geht.

[zoglo]

Dann wird es wohl eine Art von Caching sein, sodass du die Änderungen nicht übernehmen konntest / sehen konntest.

Dennoch wäre dein Problem von hier nicht gelöst, da es aussieht, als wenn du keine Plugins installieren kannst.

12:47:16 CRITICAL [console] An error occurred while using the console. Message:
"An error occurred while executing the "/usr/bin/php8.2 -dmemory_limit=-1 /var/www/clients/client0/web22/web/vendor/contao/manager-bundle/bin/contao-console contao:symlinks public --env=prod --no-ansi" command: " ["exception" => RuntimeException { …},"message" => "An error occurred while executing the "/usr/bin/php8.2 -dmemory_limit=-1 /var/www/clients/client0/web22/web/vendor/contao/manager-bundle/bin/contao-console contao:symlinks public --env=prod --no-ansi" command: "]
In ContaoSetupCommand.php line 142:

An error occurred while executing the "/usr/bin/php8.2 -dmemory_limit=-1 /v
ar/www/clients/client0/web22/web/vendor/contao/manager-bundle/bin/contao-co
nsole contao:symlinks public --env=prod --no-ansi" command:

contao:setup
Script @php vendor/bin/contao-setup handling the post-install-cmd event returned with error code 1
# Process terminated with exit code 1
# Result: General error

Nur eine Vermutung:
Der Fehler scheint mehr damit zu tun zu haben, dass hier keine symlinks erstellt werden können?

• Sind diese Ordner in /public vielleicht geschützt und auch keine symlinks?
• Wurden diese Ordner irgendwann einfach hochgeladen?
• Schreibschutz und Berechtigungsprobleme?

[ab2211]

Das ist eine Kopie, d.h. alles wurde dort hochgeladen . .

[mlweb]

Das ist eine Lopie, d.h. alles wurde dort hochgeladen . .

Komplette Kopien sind in der Regel keine so gute Idee. Eventuell sind die Symlinks jetzt als Ordner vorhanden.

[ab2211]

Ja, wie komme ich dem auf die Spur bzw. wie behebe ich das?

[Spooky]

Poste mal die Konsolenausgabe von vendor/bin/contao-setup

[ab2211]

Poste mal die Konsolenausgabe von vendor/bin/contao-setup

Sorry, war ein paar Tage malade (Bauch). Was meinst Du genau ?