/*                                                                                                      */
/* #################################################################################################### */
/* # 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: #333333;
  --main-txt-size: 20px;
  --main-footer-size: 20px;
  
  --main-h2-color: #193c6c;
  --main-link-color: #193c6c;
  --main-link-hover-color: #c3a16a;
  --main-nav-color: #333333;
  --main-nav-hover: #000000;
  --main-nav-aktiv: #229821;

  --main-btn-bgcolor: #e7e7ef; 
  --main-btn-color: #193c6c; 
  --main-btn-bordercolor: #193c6c;
  --main-btn-font:TitilliumWeb,Arial,Helvetica,sans-serif;
  --main-btn-fontsize: 24px; 

  --main-sys-bgcolor-1: #193c6c;    
  --main-sys-color-1: #ffffff; 


  --main-bl-color: #193c6c;   
  --main-wrt-color: #b51702;   
  --main-gn-color: #229821;    
  --main-rt-color: #d51130;	
  --main-ws-color: #ffffff;
  --main-sw-color: #333333;
   
  
	 
  --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: 24px;
  --main-h2-size: 24px;
  --main-h3-size: 21px;
  --main-h4-size: 24px;

 	interpolate-size: allow-keywords; /* für Accordion detail */
}
@media screen and (max-width: 1570px){
         :root {
      --main-font-size: calc(9px + (20 - 9) * ((100vw - 820px) / (1570 - 820)));
      --main-h1-size: calc(13px + (20 - 13) * ((100vw - 820px) / (1570 - 820)));
      --main-titel-size: calc(15.6px + (24 - 15.6) * ((100vw - 820px) / (1570 - 820)));
      --main-h3-size: calc(13.65px + (21 - 13.65) * ((100vw - 820px) / (1570 - 820)));
      --main-txt-size: calc(15px + (20 - 15) * ((100vw - 820px) / (1570 - 820)));
      --main-red-size: calc(13.5px + (18 - 13.5) * ((100vw - 820px) / (1570 - 820)));
       --main-link-size: calc(13.65px + (21 - 13.65) * ((100vw - 820px) / (1570 - 820)));
     --main-footer-size: calc(13px + (20 - 13) * ((100vw - 820px) / (1570 - 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(15.6px + (18 - 15.6) * ((100vw - 480px) / (820 - 480)));
      --main-h3-size: calc(13.65px + (15.75 - 13.65) * ((100vw - 480px) / (820 - 480)));
      --main-link-size: calc(13.65px + (15.75 - 13.65) * ((100vw - 480px) / (820 - 480)));
      --flex-size: calc(6px + (22 - 6) * (100vw - 480px) / (1570 - 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(15.6px + (20.4 - 15.6) * ((100vw - 320px) / (480 - 320)));

      --main-link-size: calc(15.6px + (20.4 - 15.6) * ((100vw - 320px) / (480 - 320)));
      --flex-size: calc(4px + (20 - 4) * ((100vw - 320px) / (1570 - 320)));     
   }
}