/* Aptos Font
   ========================================================== */
   @import url("./f/fonts/aptos/normalize.css");

/* Bootstrap
   ========================================================== 
   @import url("../bootstrap/css/bootstrap.css"); */

/* Normalize and Clearfix by Nicolas Gallagher  
   ========================================================== */
   @import url("normalize.css");

/* Grids
   ========================================================== */
   @import url("grid.css");

/* Fonts CSS 
   ========================================================== */
   /* @import url("../fonts/wp-font/wp-font.css"); */
   @import url("../fonts/font-awesome/css/all.min.css");


/* Leaflet
   ========================================================== */
   @import url("../js/leaflet/leaflet.css");
   
/* Eigene Styles  
   ========================================================== */
   @import url("style.css");


/* Responsive Webdesign 
   ========================================================== */
   @import url("desktop.css");

   /* Weitere Responsive Formate */

   @import url("small-desktop.css") screen and (min-width: 1280px) and (max-width: 1989px);

   @import url("laptop.css") screen and (min-width: 769px) and (max-width: 1279px);

   @import url("tablet.css") screen and (min-width: 481px) and (max-width: 768px);

   @import url("mobil.css") screen and (max-width: 480px);



/* General Settings
   ========================================================== */

   * {
      box-sizing: border-box;
      margin:0;
   }
   body, html {
      position:relative;
      height: 100%;
   }

   #error_reports {
      margin: 20px;
      padding: 10px;
      font-size:11px;
      background-color:lightyellow;
   }

   .container {
      max-width: 100%;
      width: 1920px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      background-color: #FFF;
   }

   a:hover {
      text-decoration: none;
   }

   body.testumgebung {
      background-image: repeating-linear-gradient(
        -45deg, 
        rgba(0, 0, 0, 0.25) 0,     /* Schwarze Farbe mit 50% Transparenz */
        rgba(0, 0, 0, 0.25) 12px, /* Schwarze Farbe mit 50% Transparenz */
        rgba(255, 255, 0, 0.25) 12px,  /* Gelbe Farbe mit 50% Transparenz */
        rgba(255, 215, 0, 0.25) 24px,  /* Goldene Farbe mit 50% Transparenz */
        rgba(0, 0, 0, 0.25) 24px       /* Schwarze Farbe mit 50% Transparenz */
    );
   }