@charset "UTF-8";
/*!
Theme Name: Schlüter Logistic Group
Description: Schlüter Logistic Group (Wordpress Theme)
Author: Tölle Studios GmbH
Author URI: https://toellestudios.de
Version: 1.0
*/
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Poppins Regular"), local("Poppins-Regular"), url(assets/fonts/poppins-v15-latin-regular.woff2) format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Poppins Medium"), local("Poppins-Medium"), url(assets/fonts/poppins-v15-latin-medium.woff2) format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins Bold"), local("Poppins-Bold"), url(assets/fonts/poppins-v15-latin-bold.woff2) format("woff2");
}
#page-kontakt, #page-home .content-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-template-default.page section.page {
  min-height: calc(100vh - 85px);
}

@media only screen and (max-width: 700px) {
  #page-ihr-gut .content-wrap, #page-und-einem-grossartigen-team .content-wrap, #page-mit-unserer-lkw-flotte .content-wrap {
    text-align: center;
    width: 100%;
    left: initial !important;
    right: initial !important;
  }
}

#site-footer {
  background-color: #434343;
  color: white;
  padding: 1em 0;
}
#site-footer a {
  color: white;
}
#site-footer .footer-mn ul {
  display: flex;
  justify-content: center;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
#site-footer .footer-mn ul li:not(:last-child):after {
  content: "|";
  margin: 0 1.5rem;
}
#site-footer .contact-data {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
@media only screen and (max-width: 1100px) {
  #site-footer .contact-data {
    margin: 0 auto;
    display: block;
    width: max-content;
  }
}

#site-header {
  width: 100%;
  z-index: 2;
  height: 85px;
  display: flex;
  position: fixed;
  top: 0;
  flex-direction: row;
  padding: 0 2em;
  justify-content: space-between;
  align-items: center;
  font-size: 1.25em;
  background-color: white;
}
#site-header.has-background {
  background-color: black !important;
}
.home #site-header {
  background-color: initial;
}
@media only screen and (max-width: 700px) {
  .home #site-header {
    background-color: black;
    opacity: 0.8;
  }
}
#site-header .menu-button {
  display: none;
  margin-left: auto;
}
@media only screen and (max-width: 1330px) {
  #site-header .menu-button {
    display: block;
  }
}
.home #site-header .menu-button {
  color: white;
}
#site-header .custom-logo {
  max-width: 300px;
  object-fit: contain;
}
#site-header .navbox {
  display: flex;
  flex-direction: column;
  text-align: center;
}
#site-header .navbox a {
  color: black;
}
.home #site-header .navbox a {
  color: white;
}
#site-header .navbox a:hover {
  color: #999;
}
#site-header .navbox .main-mn .menu-item-has-children {
  cursor: default;
}
@media only screen and (max-width: 1330px) {
  #site-header .navbox {
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%;
  }
  #site-header .navbox .main-mn {
    display: none;
  }
}
#site-header .navbox .sub-menu {
  display: none;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 1.2em;
  font-size: 1rem;
  position: absolute;
  width: max-content;
  left: 50%;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 1330px) {
  #site-header .navbox .sub-menu {
    background-color: initial;
    font-size: inherit;
    padding: 0;
  }
  #site-header .navbox .sub-menu li {
    margin: 2rem auto;
  }
}
#site-header .navbox .menu {
  display: flex;
  list-style: none;
  font-size: 1em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1331px) {
  #site-header .navbox .menu > li:hover .sub-menu {
    display: block;
  }
}
#site-header .navbox .menu > li:hover ~ #menu-background {
  opacity: 0.75;
  height: auto;
}
#site-header .navbox .menu > li:hover a {
  color: white;
}
#site-header .navbox .menu > li:hover a:hover {
  color: #999;
}
#site-header .navbox .menu > li:not(:last-child) {
  margin-right: 5rem;
  position: relative;
}
@media only screen and (max-width: 1330px) {
  #site-header .navbox .menu {
    flex-direction: column;
    text-align: center;
    height: calc(100vh - 85px);
    font-size: 1.2em;
    background-color: black;
  }
  #site-header .navbox .menu > li {
    padding: 1em;
    margin: 0 !important;
  }
  #site-header .navbox .menu a {
    color: white;
  }
  #site-header .navbox .menu a:not(:last-child)::after {
    content: " >";
  }
  #site-header .navbox .menu a.current {
    text-decoration: underline;
  }
  #site-header .navbox .menu a.current::after {
    content: none;
  }
  #site-header .navbox .menu a.current::before {
    content: "< ";
  }
}

* {
  box-sizing: border-box;
}

html,
body {
  font-family: "Poppins", sans-serif;
  font-size: 1em;
  width: 100%;
  overflow-x: hidden;
}
html.admin-bar #site-header,
body.admin-bar #site-header {
  top: 32px;
}

a {
  text-decoration: none;
  color: white;
}
a:hover {
  color: #999;
}
a.wp-block-button__link {
  display: block;
  width: max-content;
  padding: 1em;
  text-transform: uppercase;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0.8196078431);
  color: white;
}
@media only screen and (max-width: 700px) {
  a.wp-block-button__link {
    width: 90%;
    margin: 0 auto !important;
  }
}
a.btn-arrow-down {
  position: absolute;
  bottom: 1rem;
  font-size: 2rem;
  left: 0;
  right: 0;
  text-align: center;
}

img {
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

h2.section-header {
  text-transform: uppercase;
  font-size: 1.8em;
}
.home h2.section-header {
  margin: 0;
  color: white;
  font-size: 6em;
}
@media only screen and (max-width: 750px) {
  .home h2.section-header {
    font-size: 12vw;
  }
}

.collapseomatic {
  background-position: right;
  width: 100%;
  display: block;
  border-bottom: 1px solid black;
  margin-bottom: 2rem;
  padding: 0 !important;
}
.collapseomatic:hover {
  text-decoration: none;
}

.fa-times {
  color: white;
}

.stellenangebote-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.stellenangebote-form .wpcf7-form-control.wpcf7-text {
  padding: 0.5rem;
  margin: 0.5rem;
  width: 100%;
}
.stellenangebote-form .wpcf7-form-control.wpcf7-textarea {
  width: 100%;
}
.stellenangebote-form .wpcf7-form-control.wpcf7-submit {
  border: solid 1px black;
  padding: 0.5rem;
  background-color: initial;
  display: block;
}
.stellenangebote-form a {
  color: #4d4d4d;
}

.full-page {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.has-text-align-center {
  text-align: center;
}

.header-image img {
  width: 100%;
}

.anchor {
  position: absolute;
  top: 0;
}

#top {
  position: relative;
}
#top.page main {
  margin-top: 85px;
}

.text-page .content-wrap {
  width: 48%;
  margin: 6.5rem auto;
}
@media only screen and (max-width: 600px) {
  .text-page .content-wrap {
    width: 80%;
    margin-top: 0;
  }
}
.text-page h2 {
  font-weight: normal;
}

.page-template-default.page .content-wrap {
  width: 48%;
  margin: 0 auto;
}
.page-template-default.page .content-wrap h2 {
  font-weight: normal;
}
@media only screen and (max-width: 600px) {
  .page-template-default.page .content-wrap {
    padding: 0 2rem;
    width: initial;
  }
}
#menu-background {
  position: fixed;
  background-color: black;
  left: 0;
  top: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: opacity 0.3s ease-in-out;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

#page-home {
  height: 100vh;
  position: relative;
}
#page-home .content-wrap {
  height: 100%;
}
#page-home .content-wrap h1 {
  font-size: 7.5em;
  color: white;
}
#page-home .content-wrap .content {
  width: 40%;
  background-color: rgba(0, 0, 0, 0.8196078431);
  padding: 1em 3em;
  position: absolute;
  left: 4%;
  bottom: 8%;
  color: white;
}
#page-home .content-wrap .content h2 {
  text-transform: uppercase;
  font-size: 2.5em;
  margin-bottom: 0;
}
#page-home .content-wrap video {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 700px) {
  #page-home .content-wrap {
    flex-direction: column;
  }
  #page-home .content-wrap .content {
    width: 90%;
    padding: 1em 2em;
    font-size: 4vw;
    position: initial;
  }
  #page-home .content-wrap h1 {
    font-size: 12vw;
  }
  #page-home .content-wrap h2 {
    font-size: initial;
  }
}

#page-mit-unserer-lkw-flotte .content-wrap {
  position: absolute;
  bottom: 12%;
  right: 5%;
}

#page-und-einem-grossartigen-team .content-wrap {
  position: absolute;
  bottom: 12%;
  left: 5%;
}

#page-ihr-gut .content-wrap {
  position: absolute;
  bottom: 12%;
  left: 5%;
}
#page-ihr-gut .content-wrap .wp-block-button__link {
  margin: 0;
}

#page-kontakt {
  padding: 75px 0 50px;
  background-color: #434343;
}
#page-kontakt .content-wrap {
  width: 55%;
}
@media only screen and (max-width: 500px) {
  #page-kontakt .content-wrap {
    width: 90%;
  }
}
#page-kontakt .content-wrap .elements {
  display: grid;
  align-items: center;
  grid-gap: 1em;
  grid-template-areas: "a a b b" "c c c c" "d d d e";
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1550px) {
  #page-kontakt .content-wrap .elements {
    grid-template-areas: "a" "b" "c" "d" "e";
    grid-template-columns: 1fr;
    text-align: center;
  }
}
#page-kontakt .content-wrap .elements .your-email, #page-kontakt .content-wrap .elements [data-name=your-email] {
  grid-area: a;
}
#page-kontakt .content-wrap .elements .your-name, #page-kontakt .content-wrap .elements [data-name=your-name] {
  grid-area: b;
}
#page-kontakt .content-wrap .elements .your-message, #page-kontakt .content-wrap .elements [data-name=your-message] {
  grid-area: c;
}
#page-kontakt .content-wrap .elements .acceptance-data, #page-kontakt .content-wrap .elements [data-name=acceptance-data] {
  grid-area: d;
  color: white;
}
#page-kontakt .content-wrap .elements .acceptance-data .wpcf7-list-item, #page-kontakt .content-wrap .elements [data-name=acceptance-data] .wpcf7-list-item {
  margin: 0;
}
#page-kontakt .content-wrap .elements .acceptance-data a, #page-kontakt .content-wrap .elements [data-name=acceptance-data] a {
  color: white;
  text-decoration: underline;
}
#page-kontakt .content-wrap .wpcf7-textarea,
#page-kontakt .content-wrap .wpcf7-text {
  width: 100%;
  padding: 0.5rem;
}
#page-kontakt .content-wrap .wpcf7-submit {
  padding: 1rem 3rem;
  color: black;
  background-color: #e11d2a;
  border: none;
}
#page-kontakt .content-wrap .wpcf7-submit:hover {
  opacity: 0.6;
}

/* ----------- SUB-PAGES ----------- */
#page-error {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#page-weiterbildung .wp-block-columns {
  display: flex;
  justify-content: space-around;
}
#page-weiterbildung .wp-block-button__link {
  padding: 2em 6em;
  color: white;
}

#page-historie h1 {
  font-size: 6vw;
  text-transform: uppercase;
  text-align: center;
  color: #e11d2a;
  margin: 12rem 0 0;
}
#page-historie h2 {
  color: #e11d2a;
  font-weight: bold;
  font-size: 4rem;
  margin: 0;
}
#page-historie .section-header {
  display: none;
}
#page-historie .wp-block-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#page-historie .wp-block-columns:first-of-type {
  margin-top: 12rem;
}
#page-historie .wp-block-columns:last-child {
  margin-bottom: 2rem;
}
#page-historie .wp-block-column:first-child {
  border-right: 5px solid #434343;
  padding-right: 4rem;
  text-align: right;
}
#page-historie .wp-block-column:last-child {
  padding-left: 4rem;
}
@media only screen and (max-width: 600px) {
  #page-historie .wp-block-columns {
    grid-template-columns: 1fr;
  }
  #page-historie .wp-block-column {
    padding: 0 !important;
    text-align: left !important;
    border: none !important;
  }
}

#page-das-unternehmen h1 {
  position: absolute;
  color: #e11d2a;
  font-size: 6vw;
  left: 5%;
  top: 4%;
  text-transform: uppercase;
}
@media only screen and (max-width: 700px) {
  #page-das-unternehmen h1 {
    position: initial;
    text-align: center;
    font-size: 10vw;
  }
}
#page-das-unternehmen .content > p {
  margin: 8rem auto 1rem;
  width: 50%;
}
@media only screen and (max-width: 700px) {
  #page-das-unternehmen .content > p {
    margin: 2rem auto;
    width: 80%;
  }
}
#page-das-unternehmen .head-area .wp-block-image {
  margin: 0;
  text-align: right;
}
#page-das-unternehmen .head-area .wp-block-image img {
  height: calc(100vh - 85px);
  width: 75%;
}
@media only screen and (max-width: 700px) {
  #page-das-unternehmen .head-area .wp-block-image img {
    height: initial;
    width: initial;
  }
}
#page-das-unternehmen .wp-block-button__link {
  margin-right: auto;
}

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