@charset "UTF-8";


html, body {
  font-family: "Raleway";
}

/* Überschriften */
h1 {
  text-transform: uppercase;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 5px;
  line-height: 1.3em;
  color: #666666;
}

h2 {
  font-weight: 400;
  padding-top: 3px;
  line-height: 1.2em;
  color: #0f034e;
  font-size: 26px !important;
}

h1 + h2 {
  font-size: 22px !important;
}

h2.et_pb_module_header {
  font-size: 20px !important;
}

h3 {
  font-style: normal;
  font-weight: 450;
  font-size: 15px;
  padding-top: 3px;
  line-height: 1em;
  color: #a10f42;
}

h4 {
  font-weight: 400;
  padding-top: 0px;
  line-height: 1em;
}

#page-container,
#top-header .container,
#main-header,
#main-header .container {
  margin: auto;
  max-width: 2200px;
}
#page-container .logo_container a:focus-visible,
#top-header .container .logo_container a:focus-visible,
#main-header .logo_container a:focus-visible,
#main-header .container .logo_container a:focus-visible {
  outline: 2px solid #a10f42;
  border-radius: 3px;
}

#page-container {
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.flex {
  display: flex;
}
.flex.center {
  justify-content: center;
  align-items: center;
}

#main-content a:not(.et_pb_button):focus-visible {
  outline: 2px solid #a10f42 !important;
  border-radius: 3px !important;
}
#main-content a.et_pb_button:focus-visible {
  outline: 2px solid black !important;
  border-radius: 3px !important;
}
#main-content a:focus-visible img {
  outline: 2px solid #a10f42 !important;
  border-radius: 4px !important;
  outline-offset: 2px;
}

#main-header a:focus-visible, #top-header a:focus-visible, #main-footer a:focus-visible {
  outline: 2px solid #a10f42 !important;
  border-radius: 3px !important;
}

.et_mobile_menu {
  padding: 0;
}
.et_mobile_menu li a {
  padding: 5%;
}
.et_mobile_menu li:last-child {
  border-bottom: 0;
}
.et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
  font-weight: 600;
}
.et_mobile_menu .current_page_item a {
  font-weight: bold;
  text-decoration: underline;
}

html body #page-container #top-header {
  background-color: #565656 !important;
}
html body #page-container #top-header.et-fixed-header {
  background-color: #565656 !important;
}

#top-header .clearfix {
  padding: 0 !important;
}
#top-header .clearfix #et-info {
  display: flex;
  align-items: center;
  float: right;
  padding: 1.1rem 0 !important;
}
#top-header .clearfix #et-info *:not(:last-child) {
  margin-right: 20px;
}
#top-header .clearfix #et-info span#et-info-phone {
  transition: all 0.4s ease-in-out;
}
#top-header .clearfix #et-info span#et-info-phone:hover {
  opacity: 0.7;
}
#top-header .clearfix #et-info span {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  line-height: 0.9rem;
}
#top-header .clearfix #et-info span::before {
  position: static;
  font-size: 1.1rem;
  margin-right: 6px;
}

.twentytwenty-container,
.twentytwenty-container > img {
  width: 100% !important;
}

#leistungen .et_pb_blurb span.et_pb_image_wrap {
  max-width: 150px;
}

.et_pb_gallery_items {
  display: flex;
  flex-wrap: wrap;
}
.et_pb_gallery_items .et_pb_gallery_image {
  height: 200px;
}
.et_pb_gallery_items .et_pb_gallery_image img {
  object-fit: cover;
}
.et_pb_gallery_items .et_pb_gallery_image * {
  height: 100%;
}

.et_pb_filterable_portfolio_grid .et_pb_portfolio_items, .et_pb_filterable_portfolio_grid .et_pb_portfolio_grid_items, .et_pb_portfolio_grid .et_pb_portfolio_items, .et_pb_portfolio_grid .et_pb_portfolio_grid_items {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.et_pb_filterable_portfolio_grid .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image, .et_pb_filterable_portfolio_grid .et_pb_portfolio_grid_items .et_pb_portfolio_item .et_portfolio_image, .et_pb_portfolio_grid .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image, .et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_portfolio_item .et_portfolio_image {
  display: block;
  height: 200px;
}
.et_pb_filterable_portfolio_grid .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image img, .et_pb_filterable_portfolio_grid .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image span, .et_pb_filterable_portfolio_grid .et_pb_portfolio_grid_items .et_pb_portfolio_item .et_portfolio_image img, .et_pb_filterable_portfolio_grid .et_pb_portfolio_grid_items .et_pb_portfolio_item .et_portfolio_image span, .et_pb_portfolio_grid .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image img, .et_pb_portfolio_grid .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image span, .et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_portfolio_item .et_portfolio_image img, .et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_portfolio_item .et_portfolio_image span {
  object-fit: cover;
  height: 100%;
}

.section_red_background {
  background-color: #a10f42;
}
.section_red_background * {
  color: white;
}

footer#main-footer #footer-widgets .footer-widget h4 {
  font-weight: bold;
}
footer#main-footer #footer-widgets .footer-widget > div {
  float: unset;
}
footer#main-footer #footer-widgets .footer-widget ul li {
  padding-left: 0;
}
footer#main-footer #footer-widgets .footer-widget ul li::before {
  display: none;
}

@media only screen and (max-width: 980px) {
  #section_schneidetisch .et_pb_column {
    margin-bottom: 0px;
  }
  #section_schneidetisch ul {
    padding-bottom: 0px;
  }
  #section_schneidetisch h1, #section_schneidetisch h2, #section_schneidetisch h3 {
    text-align: left !important;
  }
}
@media only screen and (max-width: 1158px) {
  #logo {
    max-width: 35%;
  }
}
.et_pb_contact_form_container label {
  display: block;
}
.et_pb_contact_form_container input::placeholder, .et_pb_contact_form_container textarea::placeholder {
  color: transparent;
}

/*# sourceMappingURL=custom.css.map */
/*
 Theme Name:     Fliesen Seybold
 Theme URI:      http://www.elegantthemes.com
 Description:    Fliesen Seybold
 Author:         Michael Fischer
 Author URI:     https://wsfischer.de
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
/* raleway-100 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-100.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-100.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-100.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-100.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-100.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-100.svg#Raleway) format('svg'); /* Legacy iOS */
}

/* raleway-200 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-200.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-200.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-200.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-200.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-200.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-200.svg#Raleway) format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-300.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-300.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-300.svg#Raleway) format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-regular.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-regular.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-regular.svg#Raleway) format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-500.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-500.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-500.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-500.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-500.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-500.svg#Raleway) format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-600.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-600.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-600.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-600.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-600.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-600.svg#Raleway) format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-700.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-700.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-700.svg#Raleway) format('svg'); /* Legacy iOS */
}

/* raleway-800 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-800.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-800.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-800.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-800.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-800.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-800.svg#Raleway) format('svg'); /* Legacy iOS */
}

/* raleway-900 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    src: url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-900.eot); /* IE9 Compat Modes */
    src: local(''),
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-900.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-900.woff2) format('woff2'), /* Super Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-900.woff) format('woff'), /* Modern Browsers */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-900.ttf) format('truetype'), /* Safari, Android, iOS */
    url(//fliesen-seybold.de/wp-content/themes/fliesen-seybold/fonts/raleway-v18-latin-900.svg#Raleway) format('svg'); /* Legacy iOS */
}