:root {
  --button-color: #ef4339;
  --text-color: #1E1E1E;
  --secondary-color: #1E1E1E;
}

@font-face {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/Arial-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../fonts/Arial-Bold.woff2') format('woff2');
}

body {
  font-family: "Arial", sans-serif;
}

.logo {
  background-image: url(sfp-rkp-logo.svg); 
  background-repeat: no-repeat;
  width: 100%;
  height: 80px;
  background-position: center;  
}

.logo-button{
  width: 182px;
  padding: 61px 91px;
}

.header {
  /* background-image: url(https://sfp.fi/wp-content/uploads/2022/05/SFP-banner.jpg); Soll erstmal rausgenommen werden/weißer Hintergrund nach Kunden Styleguide */
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.footer {
  background: #007ac9;
}