/*
Theme Name: WebDesignLand
Theme URI: https://www.webdesignland.at
Template: Divi
Author: MIKAS ISP Werbe GmbH
Author URI: https://www.webdesignland.at
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
*/

/* Lokale Schriftarten */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/raleway-v34-latin-300.woff2') format('woff2'),
       url('fonts/raleway-v34-latin-300.woff') format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/raleway-v34-latin-regular.woff2') format('woff2'),
       url('fonts/raleway-v34-latin-regular.woff') format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/raleway-v34-latin-500.woff2') format('woff2'),
       url('fonts/raleway-v34-latin-500.woff') format('woff');
}

/* Typografie nur für echte Inhaltsbereiche */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content a,
.et_pb_text,
.et_pb_text p,
.et_pb_text li,
.et_pb_text a,
.et_pb_post p,
.et_pb_post li,
.et_pb_post a,
.et_pb_blurb_description {
  font-family: 'Raleway', Helvetica, sans-serif;
  font-weight: 400;
}

.entry-content h1,
.et_pb_text h1,
.et_pb_post h1 {
  font-family: 'Raleway', Helvetica, sans-serif;
  font-weight: 400;
  color: #333333!important;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.et_pb_text h2,
.et_pb_text h3,
.et_pb_text h4,
.et_pb_text h5,
.et_pb_text h6,
.et_pb_post h2,
.et_pb_post h3,
.et_pb_post h4,
.et_pb_post h5,
.et_pb_post h6 {
  font-family: 'Raleway', Helvetica, sans-serif;
  font-weight: 500;
  color: #333333!important;
}

/* Blog */
.et_pb_row {
  width: 95% !important;
  max-width: 1800px !important;
}

/*Menu*/
#menu-1-top-menue-de {
  font-family: 'Raleway', Helvetica, sans-serif;
  font-weight: 400;}

/* Submenu */
.et_pb_menu_0_tb_header .sub-menu li a {
  text-transform: none !important;
  font-size: 18px !important;
}

.et-menu li li a {
  padding: 6px !important;
}

/* Mobile Menu */
#dtb-m-menu .dtb-mobile-menu > li > a {
  border-width: 0 !important;
}

/* Blog Beitrag CodeBox */
.codebox {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 18px 22px;
  margin: 20px 0;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  color: #222;
  overflow: hidden;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.codebox code {
  background: none;
  color: inherit;
}

/* Responsive Typografie */
@media (max-width: 980px) {
  .entry-content h2,
  .entry-content h3,
  .et_pb_text h2,
  .et_pb_text h3,
  .et_pb_module h2,
  .et_pb_module h3 {
    font-size: 30px !important;
  }

  .et_pb_toggle h3.et_pb_toggle_title {
    font-size: 22px !important;
  }
}

.entry-content ul {
  padding: 0 !important;
}

/* Divi 5 Fehler Ende */

/* Date 02-03-2026 css start Pfeile Portfolio */
.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a {
  position: relative;
}

.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a .et_portfolio_image {
  overflow: unset;
}

.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a .et_portfolio_image .et_pb_post_main_image {
  border-radius: 20px;
}

.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a .et_portfolio_image .et_pb_inline_icon {
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
  width: 50px;
  height: 50px;
  z-index: 2;
  opacity: 1;
  border: 0;
  transition: transform 0.35s ease-in-out;
}

.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a .et_portfolio_image .et_pb_inline_icon::before {
  width: 100%;
  height: 100%;
  font-size: 24px;
  color: #fff !important;
  background: var(--gcid-secondary-color) !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'ETmodules' !important;
}

.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a .et_portfolio_image::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 81px;
  height: 87px;
  z-index: 1;
  background: url('https://mikas.at/wp-content/uploads/2026/03/Frame.png') no-repeat center;
  background-size: contain;
  transition: transform 0.3s ease-in-out;
}

.kg-grey-portfolio-section.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a .et_portfolio_image::after {
  background: url('https://mikas.at/wp-content/uploads/2026/03/Frame-2.png') no-repeat center;
  background-size: contain;
}

.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a:hover .et_portfolio_image .et_pb_inline_icon {
  transform: scale(1.2) rotate(-30deg);
}

.kg-portfolio-section.et_pb_section .et_pb_column .et_pb_posts .et_pb_grid_item > a:hover .et_portfolio_image::after {
  transform: scale(1.2) translateX(-5px) translateY(-5px);
}
/* Date 02-03-2026 css end */

.wp-pagenavi {
  border-top: none;
}

#main-header {
  box-shadow: none;
}

/* Theme Option */
@media (max-width: 1350px) {
  #menu-1-menu-1-top-menue-de li {
    padding-right: 11px !important;
  }

  #menu-1-menu-1-top-menue-de li a {
    font-size: 18px !important;
  }
}

@media (max-width: 1250px) {
  #top-menu-nav li {
    padding-right: 15px !important;
  }

  #top-menu-nav li a,
  .cta-link {
    font-size: 15px !important;
  }
}

@media (max-width: 1220px) {
  #menu-1-top-menue-de li {
    padding-right: 5px !important;
  }

  #menu-1-top-menue-de li a {
    font-size: 17px !important;
  }
}

@media (max-width: 1200px) {
  #top-menu-nav li {
    padding-right: 11px !important;
  }

  #top-menu-nav li a,
  .cta-link {
    font-size: 14px !important;
  }
}

@media (max-width: 1180px) {
  #menu-1-top-menue-de li {
    padding-right: 2px !important;
  }

  #menu-1-top-menue-de li a {
    font-size: 16px !important;
  }

  .et_pb_menu__logo {
    max-width: 260px !important;
  }
}

@media (max-width: 1150px) {
  #top-menu-nav li {
    padding-right: 2px !important;
  }

  #top-menu-nav li a {
    font-size: 14px !important;
  }

  .cta-link {
    padding: 5px 5px !important;
  }
}

@media (max-width: 1090px) {
  #top-menu-nav li {
    padding-right: 2px !important;
  }

  #top-menu-nav li a {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  header img#logo {
    width: 70%;
  }
}