/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/standard.css 3.40                                                 */
/* #################################################################################################### */
/* # Copyright © 05.2024 ISS-Oberlausitz (www.iss-ol.de)                                                   */
/* # Author: T.Hojenski                                                                                 */
/* # Email:  info@iss-ol.de                                                                             */
/* # URL:    http://www.bluepage-cms.com                                                                  */
/* #################################################################################################### */
/*                                                                                                      */
@import url("./layout.css");
@import url("./basis.css"); 
@import url("./addon.css"); 
@import url("./rdb.css"); 
@import url("./dsgvo.css"); 

:root {
  --main-text-color: #000000;
  --main-txt-size: 20px;
  --main-footer-size: 20px;
  
  --main-h2-color: #000000;
  --main-link-color: #000000;
  --main-link-hover-color: #e50465;
  --main-nav-color: #333333;
  --main-nav-hover: #000000;
  --main-nav-aktiv: #e50465;

  --main-bl-color: #0009dcc;   
  --main-wrt-color: #b51702;   
  --main-gn-color: #39aa40;    
  --main-rt-color: #d51130;	
  --main-ws-color: #ffffff;
  --main-sw-color: #333333;
  --main-btn-bgcolor: #34495e; 
  --main-btn-color: #ffffff; 
  --main-btn-bordercolor: #000000;
	 
  --nav1-font-size: 20px;
  --nav2-font-size: 18px;

  --main-font-size: 20px;
  --main-red-size: 18px;
  --main-exp-size: 22px;
  --main-small-size: 16px;
  --main-link-size: 22px;
  --flex-size: 20px; 

  --main-h1-size: 20px;
  --main-titel-size: 28px;
  --main-h2-size: 28px;
  --main-h3-size: 25px;
  --main-h4-size: 28px;
}
@media screen and (max-width: 1690px){
         :root {
      --main-font-size: calc(9px + (20 - 9) * ((100vw - 820px) / (1690 - 820)));
      --main-h1-size: calc(13px + (20 - 13) * ((100vw - 820px) / (1690 - 820)));
      --main-titel-size: calc(18.2px + (28 - 18.2) * ((100vw - 820px) / (1690 - 820)));
      --main-h3-size: calc(16.25px + (25 - 16.25) * ((100vw - 820px) / (1690 - 820)));
      --main-txt-size: calc(15px + (20 - 15) * ((100vw - 820px) / (1690 - 820)));
      --main-red-size: calc(13.5px + (18 - 13.5) * ((100vw - 820px) / (1690 - 820)));
      --main-footer-size: calc(13px + (20 - 13) * ((100vw - 820px) / (1690 - 820)));
     --flex-size: 0.99em;
   }                    
}
@media screen and (max-width: 820px){
            :root {
      --main-font-size: calc(13.5px + (18 - 13.5) * ((100vw - 480px) / (820 - 480)));
      --main-txt-size: calc(13.5px + (18 - 13.5) * ((100vw - 480px) / (820 - 480)));
      --main-red-size: calc(12px + (16 - 12) * ((100vw - 480px) / (820 - 480)));
      --main-footer-size: calc(11.25px + (15 - 11.25) * ((100vw - 480px) / (820 - 480)));
      --main-titel-size: calc(18.2px + (21 - 18.2) * ((100vw - 480px) / (820 - 480)));
      --main-h3-size: calc(16.25px + (18.75 - 16.25) * ((100vw - 480px) / (820 - 480)));
      --flex-size: calc(6px + (22 - 6) * (100vw - 480px) / (1690 - 480 + 22));          
   }
}
@media screen and (max-width: 480px){
            :root {
      
      --main-font-size:20px;
      --main-h1-size: 12px;
      --main-txt-size: calc(17px + (20 - 17) * ((100vw - 320px) / (480 - 320)));
      --main-red-size: calc(13.5px + (18 - 13.5) * ((100vw - 320px) / (480 - 320)));
      --main-titel-size: calc(18.2px + (23.8 - 18.2) * ((100vw - 320px) / (480 - 320)));

      --flex-size: calc(4px + (20 - 4) * ((100vw - 320px) / (1690 - 320)));     
   }
}