/* Vantage Horizontal Footer Menu */
#footer-widgets .widget.widget_nav_menu ul {
text-align: center;
}
#footer-widgets .widget.widget_nav_menu li {
display: inline-block;
float: none;
margin-right: 16px;
}
#footer-widgets .widget.widget_nav_menu li:last-of-type {
margin-right: 0;
}

.hgroup {
	max-width: none !important;
}

.logo img {
	width: 50%;
	height: auto !important;
}

.logo, #masthead, .hgroup {
	padding: 5 !important;
}

body.home .entry-content > * {
  display: none !important;
}
body.home #main {
  min-height: 660px !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.home #primary,
body.home #content,
body.home article,
body.home .entry-main,
body.home .entry-content {
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}
#secondary {
  display: none !important;
}

/* =========================================================
   CR TOOLS TEMPORÄRES REDESIGN
   PDF-Vorlage Seite 2
   Theme: SiteOrigin Vantage
   Aktuelles Custom CSS vollständig ersetzen
   ========================================================= */

:root {
  --cr-blue: #264181;
  --cr-white: #ffffff;
  --cr-text: #515151;
  --cr-width: 1196px;
  --cr-footer-bottom-width: 1080px;
}

/* ---------------------------------------------------------
   GLOBAL
--------------------------------------------------------- */

html,
body,
body.layout-full,
body.responsive.layout-full #page-wrapper,
#page-wrapper {
  background: #ffffff !important;
  box-shadow: none !important;
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* ---------------------------------------------------------
   HEADER
--------------------------------------------------------- */

#masthead.site-header {
  background: var(--cr-blue) !important;
  border: none !important;
  box-shadow: none !important;
  padding: 38px 0 52px !important;
  border-radius: 0 0 34px 34px !important;
  position: relative !important;
  z-index: 20 !important;
}

#masthead .hgroup.full-container {
  max-width: var(--cr-width) !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#masthead .logo-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

#masthead .logo {
  display: block !important;
}

#masthead .logo img {
  width: auto !important;
  max-width: 230px !important;
  max-height: 46px !important;
  height: auto !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
}

#masthead .support-text {
  display: none !important;
}

/* ---------------------------------------------------------
   HEADER NAVIGATION
--------------------------------------------------------- */

.main-navigation {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  position: absolute !important;
  top: 42px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 30 !important;
}

.main-navigation .full-container {
  max-width: var(--cr-width) !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

.main-navigation-container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

#menu-header {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  position: relative !important;
}

#menu-header > li {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#menu-header > li > a,
#menu-header::after {
  background: transparent !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 2.4px !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

#menu-header > li > a:hover,
#menu-header > li.current-menu-item > a,
#menu-header > li.current_page_item > a {
  background: transparent !important;
  color: #ffffff !important;
  opacity: 0.75 !important;
}

/* Nicht benötigte Header-Elemente ausblenden */
#menu-item-171,
#menu-item-175,
#menu-item-406-de,
#menu-item-406-en-us,
#search-icon {
  display: none !important;
}

/* Header-Reihenfolge */
#menu-item-173 {
  order: 1 !important;
}

#menu-item-172 {
  order: 2 !important;
}

#menu-header::after {
  content: "Produktentwicklung";
  order: 3 !important;
  display: block !important;
}

#menu-item-174 {
  order: 4 !important;
  margin-left: 0 !important;
}

/* Unternehmen sauber durch "Über uns" ersetzen */
#menu-item-172 > a {
  position: relative !important;
  display: block !important;
  width: 84px !important;
  height: 18px !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
}

#menu-item-172 > a::after {
  content: "Über uns" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  text-indent: 0 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 2.4px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
}

#menu-item-172::after {
  content: none !important;
  display: none !important;
}

/* Dropdown */
.main-navigation ul ul {
  background: var(--cr-blue) !important;
  border: none !important;
  box-shadow: none !important;
  padding: 14px !important;
  border-radius: 0 0 12px 12px !important;
}

.main-navigation ul ul li {
  background: transparent !important;
}

.main-navigation ul ul li a {
  color: #ffffff !important;
  background: transparent !important;
  padding: 7px 0 !important;
  font-size: 11px !important;
  letter-spacing: 1.8px !important;
  white-space: nowrap !important;
}

/* ---------------------------------------------------------
   HERO / SMART SLIDER
--------------------------------------------------------- */

#main-slider {
  background: var(--cr-blue) !important;
  margin-top: -52px !important;
  padding: 48px 0 58px !important;
  border-radius: 0 0 34px 34px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Slider-Breite bleibt auf bisherigem Raster */
#main-slider .n2-section-smartslider,
#n2-ss-3-align,
#n2-ss-3-align .n2-padding,
#n2-ss-3 {
  width: 1380px !important;
  max-width: calc(100% - 96px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Smart-Slider innere Container */
#n2-ss-3,
#n2-ss-3 .n2-ss-slider-wrapper-inside,
#n2-ss-3 .n2-ss-slider-1,
#n2-ss-3 .n2-ss-slider-2,
#n2-ss-3 .n2-ss-slider-3 {
  border-radius: 0 0 36px 36px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Slider-Höhe */
#n2-ss-3,
#n2-ss-3 .n2-ss-slider-1,
#n2-ss-3 .n2-ss-slider-2,
#n2-ss-3 .n2-ss-slider-3,
#n2-ss-3 .n2-ss-slider-4,
#n2-ss-3 .n2-ss-slide,
#n2-ss-3 .n2-ss-slide-background,
#n2-ss-3 .n2-ss-slide-background-image,
#n2-ss-3 .n2-ss-slide-background-image picture,
#n2-ss-3 .n2-ss-slide-background-image img {
  height: 360px !important;
  min-height: 360px !important;
}

#n2-ss-3 .n2-ss-slide-background-image img {
  width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#n2-ss-3 svg.n2-ss-preserve-size {
  height: 360px !important;
}

#n2-ss-3 .nextend-arrow,
#n2-ss-3-arrow-previous,
#n2-ss-3-arrow-next,
.n2-ss-slider-controls {
  display: none !important;
}

/* ---------------------------------------------------------
   CONTENT BLEIBT NORMAL SICHTBAR
--------------------------------------------------------- */

#main.site-main,
#main,
#main .full-container,
#primary,
#content,
.site-content,
article,
.entry-main,
.entry-content {
  background: #ffffff !important;
}

#main {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

#main .full-container {
  max-width: 1080px !important;
  margin: 0 auto !important;
}

/* Startseite: zusätzlicher Abstand nach Header und vor Footer */
body.home #main {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

body.home .entry-content,
body.home .entry-content > *,
body.home .entry-content p,
body.home .entry-content h1,
body.home .entry-content h2,
body.home .entry-content h3,
body.home .entry-content ul,
body.home .entry-content li,
body.home .entry-content figure,
body.home .entry-content div,
body.home .wp-block-image,
body.home .wp-block-envira-envira-gallery {
  visibility: visible !important;
  opacity: 1 !important;
}

body.home .entry-content > p,
body.home .entry-content > h1,
body.home .entry-content > h2,
body.home .entry-content > h3,
body.home .entry-content > ul,
body.home .entry-content > figure,
body.home .entry-content > div {
  display: block !important;
}

.entry-content,
.entry-content p,
.entry-content li,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: var(--cr-text) !important;
}

#secondary {
  display: none !important;
}

#primary {
  width: 100% !important;
}

/* ---------------------------------------------------------
   FOOTER
   Hintergrund vollflächig blau, oberer und unterer Inhalt auf 1080px begrenzt
--------------------------------------------------------- */

#colophon.site-footer {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: var(--cr-blue) !important;
  color: #ffffff !important;
  padding: 56px 0 42px !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* Footer Grid: gleicher 1080px-Bereich wie Divider und untere Footer-Zeile */
#footer-widgets.full-container {
  width: var(--cr-footer-bottom-width) !important;
  max-width: calc(100% - 192px) !important;
  margin: 0 auto !important;
  padding: 0 0 58px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 1.35fr 0.9fr 1fr !important;
  gap: 90px !important;
  align-items: start !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
}

/* Linke Footer-Spalte: Logo als Grafik */
#footer-widgets::before {
  content: "Ihr Spezialist für individuelle Befestigungslösungen." !important;
  display: block !important;
  padding-top: 62px !important;
  background-image: url("https://cr-tools.heinrich.biz/wp-content/uploads/2025/04/CR-Tools_logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
  background-size: 230px auto !important;
  filter: brightness(0) invert(1) !important;
  white-space: normal !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
  letter-spacing: 1.4px !important;
  font-weight: 600 !important;
}

/* Mittlere Footer-Spalte */
#footer-widgets .widget {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#footer-widgets .widget_nav_menu {
  grid-column: 2 !important;
  text-align: left !important;
}

#footer-widgets .menu-footer-container {
  text-align: left !important;
}

/* Headline mittlere Spalte */
#footer-widgets .menu-footer-container::before {
  content: "Erfahren Sie mehr";
  display: block !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.9 !important;
  letter-spacing: 1.6px !important;
  font-weight: 400 !important;
  margin-bottom: 12px !important;
  text-align: left !important;
}

/* Footer-Liste */
#menu-footer {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
}

/* Kontakt in der echten Liste ausblenden, weil Kontakt rechts steht */
#menu-item-176 {
  display: none !important;
}

/* Footer-Mitte: Über uns / Produkte / Produktentwicklung */
#footer-widgets .menu-footer-container::after {
  content: "Über uns\A Produkte\A Produktentwicklung";
  display: block !important;
  white-space: pre-line !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.9 !important;
  letter-spacing: 1.6px !important;
  font-weight: 400 !important;
  text-align: left !important;
}

/* Alle Listenlinien entfernen */
#footer-widgets .widget_nav_menu,
#footer-widgets .widget_nav_menu *,
#footer-widgets .menu-footer-container,
#footer-widgets .menu-footer-container *,
#menu-footer,
#menu-footer li,
#menu-footer li a {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Rechte Kontakt-Spalte inkl. Social-Icons */
#footer-widgets::after {
  content: "Kontakt\A +49 89 568 246 42\A info@cr-tools.de";
  white-space: pre-line !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.9 !important;
  letter-spacing: 1.6px !important;
  font-weight: 400 !important;
  padding-bottom: 34px !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120'%3E%3Crect x='10' y='18' width='140' height='84' rx='18' ry='18' fill='%23ffffff'/%3E%3Cpolygon points='65,38 65,82 102,60' fill='%23264181'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8A53.79 53.79 0 0 1 53.79 0c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 26px 20px, 18px 18px !important;
  background-position: left bottom, 42px bottom !important;
}

/* SiteOrigin Attribution entfernen */
#theme-attribution {
  display: none !important;
}

/* Footer-Bottom-Line: 1080px breit */
#colophon::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 68px !important;
  transform: translateX(-50%) !important;
  width: var(--cr-footer-bottom-width) !important;
  max-width: calc(100% - 192px) !important;
  height: 1px !important;
  background: rgba(255,255,255,0.9) !important;
}

/* Copyright links unten: bündig mit 1080px-Divider */
#colophon::after {
  content: "2010 – 2026 CR TOOLS" !important;
  position: absolute !important;
  left: calc(50% - (var(--cr-footer-bottom-width) / 2)) !important;
  bottom: 30px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  letter-spacing: 1.1px !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Legal-Links rechts unten: bündig mit 1080px-Divider */
#menu-item-177,
#menu-item-322 {
  display: inline-block !important;
  position: absolute !important;
  bottom: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
}

#menu-item-177 {
  right: calc(50% - (var(--cr-footer-bottom-width) / 2) + 150px) !important;
}

#menu-item-322 {
  right: calc(50% - (var(--cr-footer-bottom-width) / 2)) !important;
}

#menu-item-177 a,
#menu-item-322 a {
  color: #ffffff !important;
  font-size: 11px !important;
  letter-spacing: 1.1px !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

#menu-item-177::after {
  content: "·";
  color: #ffffff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  position: absolute !important;
  right: -12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Back-to-top entfernen */
#scroll-to-top {
  display: none !important;
}

/* Real Cookie Banner Powered-by entfernen */
#a430eac62-4e6c-4440-8f71-785d04539160-powered-by {
  display: none !important;
}

/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media screen and (max-width: 900px) {
  #masthead.site-header {
    padding: 28px 0 42px !important;
    border-radius: 0 0 28px 28px !important;
  }

  #masthead .hgroup.full-container {
    padding: 0 28px !important;
    display: block !important;
  }

  #masthead .logo img {
    max-width: 200px !important;
    max-height: 40px !important;
  }

  .main-navigation {
    position: static !important;
    margin-top: -18px !important;
  }

  .main-navigation .full-container {
    padding: 0 28px !important;
  }

  .main-navigation-container {
    justify-content: flex-start !important;
    margin-top: 24px !important;
  }

  #menu-header {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
  }

  #menu-header > li > a,
  #menu-header::after,
  #menu-item-172 > a::after {
    font-size: 11px !important;
    letter-spacing: 2px !important;
  }

  #menu-item-172,
  #menu-item-172 > a {
    width: 72px !important;
    min-width: 72px !important;
  }

  #main-slider {
    margin-top: -36px !important;
    padding: 36px 0 46px !important;
    border-radius: 0 0 28px 28px !important;
  }

  #main-slider .n2-section-smartslider,
  #n2-ss-3-align,
  #n2-ss-3-align .n2-padding,
  #n2-ss-3 {
    width: calc(100% - 56px) !important;
    max-width: none !important;
  }

  #n2-ss-3,
  #n2-ss-3 .n2-ss-slider-1,
  #n2-ss-3 .n2-ss-slider-2,
  #n2-ss-3 .n2-ss-slider-3,
  #n2-ss-3 .n2-ss-slider-4,
  #n2-ss-3 .n2-ss-slide,
  #n2-ss-3 .n2-ss-slide-background,
  #n2-ss-3 .n2-ss-slide-background-image,
  #n2-ss-3 .n2-ss-slide-background-image picture,
  #n2-ss-3 .n2-ss-slide-background-image img,
  #n2-ss-3 svg.n2-ss-preserve-size {
    height: 250px !important;
    min-height: 250px !important;
  }

  #footer-widgets.full-container {
    width: calc(100% - 56px) !important;
    max-width: none !important;
    padding: 0 28px 40px !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  #footer-widgets .widget_nav_menu {
    grid-column: auto !important;
  }

  #footer-widgets::before {
    background-size: 200px auto !important;
    padding-top: 56px !important;
  }

  #footer-widgets::after {
    background-size: 26px 20px, 18px 18px !important;
    background-position: left bottom, 42px bottom !important;
  }

  #colophon::before {
    left: 28px !important;
    right: 28px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  #colophon::after {
    position: static !important;
    display: block !important;
    margin: 26px 28px 0 !important;
  }

  #menu-item-177,
  #menu-item-322 {
    position: static !important;
    display: inline-block !important;
    margin-top: 12px !important;
  }

  #menu-item-177 {
    right: auto !important;
    margin-left: 28px !important;
  }

  #menu-item-322 {
    right: auto !important;
  }

  #menu-item-177::after {
    position: static !important;
    margin: 0 8px !important;
    transform: none !important;
  }
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media screen and (max-width: 480px) {
  #masthead.site-header {
    padding: 24px 0 34px !important;
    border-radius: 0 0 24px 24px !important;
  }

  #masthead .hgroup.full-container {
    padding: 0 20px !important;
  }

  #masthead .logo img {
    max-width: 170px !important;
  }

  .main-navigation {
    background: transparent !important;
    margin-top: 0 !important;
  }

  .main-navigation .full-container {
    padding: 0 20px !important;
  }

  .mobilenav-main-link {
    color: #ffffff !important;
    background: transparent !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    padding: 0 !important;
    margin-top: 20px !important;
  }

  #main-slider {
    margin-top: -28px !important;
    padding: 28px 0 38px !important;
    border-radius: 0 0 24px 24px !important;
  }

  #main-slider .n2-section-smartslider,
  #n2-ss-3-align,
  #n2-ss-3-align .n2-padding,
  #n2-ss-3 {
    width: calc(100% - 40px) !important;
    max-width: none !important;
  }

  #n2-ss-3,
  #n2-ss-3 .n2-ss-slider-1,
  #n2-ss-3 .n2-ss-slider-2,
  #n2-ss-3 .n2-ss-slider-3,
  #n2-ss-3 .n2-ss-slider-4,
  #n2-ss-3 .n2-ss-slide,
  #n2-ss-3 .n2-ss-slide-background,
  #n2-ss-3 .n2-ss-slide-background-image,
  #n2-ss-3 .n2-ss-slide-background-image picture,
  #n2-ss-3 .n2-ss-slide-background-image img,
  #n2-ss-3 svg.n2-ss-preserve-size {
    height: 190px !important;
    min-height: 190px !important;
    border-radius: 0 0 24px 24px !important;
  }

  #footer-widgets.full-container {
    width: calc(100% - 40px) !important;
    padding: 0 24px 40px !important;
  }

  #footer-widgets::before {
    background-size: 170px auto !important;
    padding-top: 50px !important;
  }

  #footer-widgets::after {
    background-size: 26px 20px, 18px 18px !important;
    background-position: left bottom, 42px bottom !important;
  }

  #colophon::before {
    left: 24px !important;
    right: 24px !important;
  }

  #colophon::after {
    font-size: 10px !important;
  }
}