/* (c) 2015 Bundesanstalt Statistik Österreich
 * This code is licensed under the GPL 2.0 license, available at http://www.statistik.at/licenses/gpl2_0.html
 */


/* @font-face {
  font-family: "Source Sans Pro";
  src: url(../Assets/Fonts/SourceSansPro/source-sans-pro-v14-latin-regular.woff2) format("woff2");
} */


@font-face {
  font-display: fallback;
  font-family: "source-sans-3";
  font-style: normal;
  font-weight: 700;
  src: url(../Assets/Fonts/SourceSans3/SourceSans3-Bold.ttf.woff2) format("woff2"),url(../Assets/Fonts/SourceSans3/SourceSans3-Bold.ttf.woff) format("woff")
}

@font-face {
  font-display: fallback;
  font-family: "source-sans-3";
  font-style: normal;
  font-weight: 400;
  src: url(../Assets/Fonts/SourceSans3/SourceSans3-Regular.ttf.woff2) format("woff2"),url(../Assets/Fonts/SourceSans3/SourceSans3-Regular.ttf.woff) format("woff")
}

@font-face {
  font-display: fallback;
  font-family: "source-sans-3";
  font-style: normal;
  font-weight: 600;
  src: url(../Assets/Fonts/SourceSans3/SourceSans3-Semibold.ttf.woff2) format("woff2"),url(../Assets/Fonts/SourceSans3/SourceSans3-Semibold.ttf.woff) format("woff")
}



:root {

  --weiss: #ffffff;
  --schwarz: #303030;

  --grau-1: #cccccc;
  --grau-2: #dedede;
  --grau-3: #e5e5e5;
  --grau-4: #efefef;
  --grau-5: #ebebeb;

  --statrot: #b0063d;

  --rot-1: #8c0430;
  --rot-2: #be3c55;
  --rot-3: #dd5f69;
  --rot-4: #fae1e1;
  --rot-5: #ffe9e9;

  --gruen-1: #376e50;
  --gruen-2: #42825f;
  --gruen-3: #e1f0e6;
  
  --blau-1: #19415a;
  --blau-2: #235578;
  --blau-3: #2d628c;
  --blau-4: #417db4;
  --blau-5: #e1ebf5;
  --blau-6: #e2f1ff;

  --orange-1: #aa5341;
  --orange-2: #be6450;
  --orange-3: #fff0c3;
  
  --box-shadow: rgba(50, 50, 50, 0.1);
  --modal: rgba(0, 0, 0, 0.73);


  --mdc-typography-font-family: "source-sans-3","Helvetica Neue",arial,sans-serif;  
  --mdc-theme-primary: var(--blau-2);
  --mdc-theme-secondary:var(--weiss);
  --mdc-theme-background: var(--grau-1);
  
  --content_width: 1200px;
  --drawer_width: 20rem;
  /* --mdc-theme-primary: #235578;
  --mdc-theme-secondary: #fff;
  --mdc-theme-background: #d1d1d1; */
}




body {
  display: flex;
  height: 100vh;
  margin: 0px;
  /* font-family: Roboto, sans-serif; */
  /* font-family: "Source Sans Pro","Helvetica Neue",arial,sans-serif; */
  font-family: var(--mdc-typography-font-family);
  color: #323232;
}

hr{
  border-top: 1px solid #eee;
}

h3{
  font-weight: 400;
  font-size: 1.5em;
}

button{
  background-color: unset;
  border: none;
  display: inline-flex;
  align-items: center;
}

.mdc-drawer{
  width: var(--drawer_width); 
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
  margin-left:  var(--drawer_width);  
}



.mdc-drawer-app-content {
  flex: auto;
  overflow: auto;
  position: relative;
}

.mdc-list-item--activated{
  font-weight: bold !important;  
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before{
  background-color: unset !important;
}

.mdc-list-item:focus{
  background-color: var(--grau-4);
}

.main-content {
  overflow-y: auto;
  overflow-x: hidden;
  /* overflow: hidden; */
  height: 100%;
  /* padding-top: 10.75rem; */
}

.app-bar {
  position: absolute;
}


.mdc-top-app-bar {
  /* z-index: 7; */
  background-color: var(--mdc-theme-secondary);
  color: #323232;
  z-index: 200;
  /* border-bottom: 1px solid var(--grau-1); */
  box-shadow: 0px 1px 4px 0px var(--grau-1);
}

.mdc-top-app-bar__section--align-end{
  margin-top: 15px;
}

#tertiary_container {
  top: 1rem;
  position: absolute;
  right: 1rem;
}

#tertiary_container button {
  padding: unset;
  font-size: .95em;
  font-weight: 400;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  color: #323232;
  cursor: pointer;
  font-size: 1.25em;
  font-weight: 600;
}

#lbl_all_mun:hover, #lbl_info:hover{
  border-bottom: 3px solid var(--statrot);
  color: var(--statrot);
}

#lbl_all_mun, #lbl_info{
  border-bottom: 3px solid var(--weiss);
}

.more-button{
  margin-left: 20px;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item span{
  margin-left: 5px;
  margin-right: 5px;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item{
  margin-left: 20px;
}

.searchgem_wrapper{
  padding-right: 6px;
  display: none;
}

/* .mdc-top-app-bar {
  color: #505050;
  border-bottom: 1px solid var(--mdc-theme-secondary);
} */

.mdc-top-app-bar--fixed-adjust {
    padding-top: 0px;

}

.mdc-drawer__header {
    padding: 10px 0px 10px 0px;
    min-height: 10.75rem;
}

.mdc-top-app-bar__title{
  /* padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 5px;
  width: 80%;
  display: inline-block; */
  white-space: break-spaces;
  font-size: 1.5em;
  width: 150px;
  display: inline-block;
}

.drawer_open{
  width: 185px;
  padding: 5px;
  border: 1px solid #b1b1b1;
  font-size: 1em;
  float: left;
  cursor: pointer;
}

.mdc-tab-bar {
  width: max-content;
}

.mdc-drawer_search{
  padding-left: 10%;
  padding-right: 10%;
  background-color: #e6e6e6;
}

.mdc-drawer_info{
  padding-bottom: 20px;
  margin-top: 5px;
  padding-left: 5px;
}

.mdc-drawer_info:focus {
  /* background-color: #d1d1d1;   */
}

.mdc-drawer__content{
  padding-left: 2rem;
  padding-right: 2rem; 
}

.material-icons-outlined, .material-icons {
  /* color: #505050; */
  padding-right: 0.2em;
}

.top_bar_header {
    /* height: 84px; */
    height: 8.125rem;
    border-bottom: 1px solid var(--grau-3);
 }

.top_bar_breadcrumbs {
    /* height: 84px; */
    height: 2.625rem;
    line-height: 2.625rem;
    display: flex;
    font-size: 0.875rem;
    padding-left: 2rem;
    display: none;
}
#info_dialog{
  z-index: 200;
}

.top_bar_mobile_menu {
  /* line-height: 2.625rem; */
  display: flex;
  /* font-size: 0.875rem; */  
  display: none;
  height: unset;
  padding-top: 1.75rem;
}
#menue_mobile{
  display:none;
  padding: 0px;
  border-bottom: 1px solid gray;
}

.mobile_back{
  margin-left: 10px;
  margin-bottom: 5px;
}

#mobile_back_wrapper{
  display:none;
}

.mobile_angle_right{
  right: 2%;
  position: fixed;
  line-height: 3.75rem !important;
  font-size: 25px;
}

.mdc-top-app-bar i.fa-regular{
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1.4em;  
}

.mobile_menue_item{
  margin-left: unset;
  font-size: 16px;
  border-left: unset;
  /* background-color: #868686; */
  font-weight: unset;
  line-height: 3.75rem;
  border-bottom: 1px solid var(--grau-5);
  width: 100%;
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
}


.bc_theme_link{
  color: var(--statrot) !important;
}

.bc_theme_link:hover {
  text-decoration: underline;
}

.top_bar_breadcrumbs .mdc-list-item, .bc_no_link {
  padding-left:  0.5rem;
  padding-right:  0.5rem;
}

/* .bc_theme_link::after {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  content: "\203A";
} */

.dm_list{
  height: 0px;
  padding: 0px;
}

.title_cell {
  /* height: 159px; */
  height: 8.125rem;
  /* background-color: var(--mdc-theme-primary); */
  color: #fff;
  padding: 0px !important;   
  /* margin-top: 1.3rem; */
  background-image: url("img/balken.png");
  align-content: center;

}

#gemlist_grid_header{
  margin-bottom: 30px;
}

.gemlist-cell{
  padding-left: 40px;
  padding-right: 40px; 
}


.gemlist-cell_container{
  /* border-top: 1px solid #323232; */
  border-bottom: 1px solid #868686;
  min-height: 50px;
  min-width: 300px;
}

#pdflist_grid_header{
  margin-bottom: 30px;
}

#pdflist_grid_bestell{
  margin-top: 30px;  
}

#pdflist_grid_bestell a{ 
  text-decoration: none !important;
  color: #b0063d !important;
  font-weight: bold;
}

.pdflist-cell{
  padding-left: 40px;
  padding-right: 40px; 
}

.pdflist-cell_subtitle{
  padding-top: 20px;
  font-weight: bold;
}

.pdflist-cell_container{
  /* border-top: 1px solid #323232; */
  border-bottom: 1px solid rgba(0,0,0,.12);
  min-height: 50px;
  min-width: 300px;
}

.pdflist-cell_separator{
  border-bottom: 1px solid #868686; 
}

.mdc-layout-grid{
  padding-left: 0px;
  padding-right: 0px;  
}



#lbl_all_mun{
  /* color: #B0063D; */
}

#gem_list_button .arrow_list{
  color: #B0063D;
}

#pdf_list_button .arrow_list{
  color: #B0063D;
}

.search_icon{
  color: #B0063D;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #fff;
}

.theme_link{
  padding: 0.5em;
}

.mun_info_active{
  cursor: pointer;
  /* text-decoration: underline; */
}

.subtheme_link{
  margin-left: 2.5em;
  font-size: 0.95em;
   display: none; 
   border-left: 2px solid #e1e1e1;
}
.content-grid {
    background: rgba(255, 255, 255, 0.2);
    min-width: 360px;
    padding-top: 10.75rem;
}

.gemlist-grid {
  padding-top: 10.75rem;
}

.start-grid {
  padding-top: 8.125rem
}


#content_grid{
  padding-left: calc((100vw - var(--content_width) - var(--drawer_width)) / 2);
  padding-right: calc((100vw - var(--content_width) - var(--drawer_width)) / 2); 
  padding-top: 2em;
}

.ind_header, .text h2{
  font-size: 1rem;
  font-weight: 600;
  display: block;
}

.ind_date{
  font-size: 1rem;
  display: block;
}

.ind_value{
  font-size: 2rem;
  display: block;
}

.text_cell{
  margin: auto;
  min-width: 220px;
}

.content-cell {
    /* background: rgba(255, 255, 255, 0.2); */
     /* height: 400px;  */
     /* margin: 20px; */
  
  /* padding: 25px; */
  /* margin-left: calc((100vw - 1217px - 20rem) / 2);
  margin-right: calc((100vw - 1217px - 20rem) / 2); */
  /* max-width: 1200px; */
  /* margin: auto; */

}

.map {
    width: 100%; 
    height: 500px;
    /* border: 1px solid #b6b6b6; */
}





.mdc-data-table {
  /* max-width: unset; */
  display: table;
}

.mdc-data-table__table {
  /* width: unset; */
}


.mdc-data-table__cell {
overflow: unset;
}


.mdc-data-table {
  border-style: none;
}

.mdc-data-table__header-cell--with-sort, .mdc-data-table__header-cell {
    /* background-color: var(--mdc-theme-secondary); */
    /* color: #FFF; */
    color: #646464;
    /* font-size: .875rem; */
    letter-spacing: 0.5px;
    text-transform: uppercase;   
    border-bottom: 2px solid #e6e6e6;
    font-weight: bold;
    text-align: right;
    padding: 0 6px 0 6px;
}
.mdc-data-table__header-row, .mdc-data-table__row {
    height: 35px;
    
}

.pdf_table .mdc-data-table__header-row {
  height: 0px;  
}

.mdc-data-table__sort-icon-button{
  padding-left: 0px;
  width: unset;
}

/* .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
  color: #FFF;
} */

  /* .mdc-text-field {
    height: 40px;
    background-color: rgb(119, 119, 119); 
   
}   */

/* .mdc-text-field .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-25.75px) scale(0.75);
    transform: translateY(-25.75px) scale(0.75);
} */


.geom_select, .geom_select_start{
    font-size: 0.9em; 
    line-height: 15px;
    color: rgba(0, 0, 0, 0.7);
    padding: 0.5em;
    margin-left: 4px;
    margin-right: 4px;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{
  color: rgb(0, 0, 0);
}

.mdc-text-field {
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* border: 1px solid var(--schwarz); */
}


.mdc-text-field.mdc-text-field--focused{
  /* border: 1px solid #B0063D; */
  box-shadow: 0px 0px 0px 2px rgba(176, 6, 61, 0.5);
}

#searchgem{
  height:40px;
  width: 250px;
  /* display: none; */
}

#searchgem_start{
  height:40px;
  width: 500px;
  background-color: var(--weiss);
}

#lbl_info_start{
    margin: auto;
    padding: 30px;
    max-width: 800px;
}

#gemlist_grid{
  width: 70%;
  padding-top: 10px;
}

#pdflist_grid{
  width: 70%;
  padding-top: 10px;
}


div{
  max-width: 100%;
}

.tabs{ 
  max-width: calc(100vw - 50px);
} 

.table, .tab_content{
  overflow-x: auto;
}

.gem_table{
  display:none;
}
.gem_table_title{
  /* min-width: 80%;
  display: inline-block; */
  font-size: 1.1em;
}

.gem_table_button, .gem_table_button_n{
   font-size: 2.5em;
   color: #B0063D;
   float: right;
   margin-top: -8px;
   cursor: pointer;
   border:none;
   background-color: unset;
   display: inline-block !important;
}


.pdf_table{
  display:none;
  padding-bottom: 10px;
}

.pdf_table_title{
  min-width: 80%;
  display: inline-block;
  font-size: 1.1em;
}

.pdf_table_button, .pdf_table_button_n{
   font-size: 2.5em;
   color: #B0063D;
   float: right;
   margin-top: -8px;
   cursor: pointer;
   border:none;
   background-color: unset;
}


.neighbour_table_button{
  width: max-content;
  padding: 25px;
  margin-bottom: 50px;
}
.menu-neighbour{
  width: max-content;
}
.button_select_gem, .button_select_gem_n{
    /* margin-bottom: 5px;
    margin-top: 5px; */
  color: #B0063D;
  cursor: pointer;
 }


.button_download_pdf a{
  color: #B0063D; 
  cursor: pointer;
}

#gemlist-menu {   
    top: 42px !important;
    width: 12.5em;    
}

#gemlist-menu_start {   
  top: 42px !important;
  bottom: unset !important;
  z-index: 200;
  max-height: calc(100vh - 600px) !important;
  min-height: 30px;
  /* width: 16.5em;     */
}

.gemlist-grid {   
  display: none;  
}

#menu-more {
  top: 40px !important;
  width: 12.5em;
  right: -12px !important;
  border-radius: unset;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

#menu-more hr, .menu-more_table hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.menu-more_table{
  width: 9em;
  top: 40px !important;  
  left: -90px !important;
  border-radius: unset;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 14px;
}

.menu-more_table .mdc-list-item__text{
  font-size: 14px;
}

/* #menu-lang{
display: none;
} */
#menu-more_list > a{
  padding: 5px 15px 5px 10px;
  text-align: right;
  display: block;
}

#menu-lang > li{
  padding: 5px 15px 5px 25px;
  text-align: right;
  display: block;
}

.title_subtheme{
  padding-left: 30px;
}

#menue{
  display:none;
}

.content {
  display: none;
}

.content--active {
  display: block;
}

/* .tabs{
  border: 1px solid #b1b1b1;
  border-radius: var(--mdc-shape-medium, 4px); 
} */

.tab_content {
  margin: 0.4em;
}
.tab_content_map {
  margin: unset;
}

.highcharts-menu{
  border-radius: var(--mdc-shape-medium, 4px);
}

.highcharts-contextbutton{
  z-index: 200 !important; 
}

div.highcharts-button span {
  pointer-events: none;
}

/* .custom_hc_button{ 
  stroke: var(--statrot) !important;
  font-size: 16px; 

}
.custom_hc_button rect{ 
  height: 35px;
} */

.highcharts-subtitle{
  font-size: 16px;
}

.table_icon{
  /* float: right; */
  /* margin-top: 25px; */
  cursor: pointer;
  display: inline-block;
}
 
/* .tabs .table_icon{
    float: right; 
    margin-top: 10px;
} */

.table-title_wrapper{
  margin-bottom: 10px;
}

.table-title{
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
  font-size: 1.0em; 
} 

.mdc-data-table__header-cell-label{
  white-space: initial;
  font-size: 0.9em;
}

#share_link_txt {
  width: 350px;
}


.text {
  background-color: #efefef;
  border-radius: 4px;
  color: #323232;
  padding: 2px 20px 20px 20px;
  position: relative;
  width: fit-content;
  margin-top: 20px;
  /* line-height: 1.5em; */
  /* width: max-content; */
}

.content-grid[data-theme="theme_0"] .text{
  background-color: #efefef;
  color: #323232;
  /* font-size: 1.4em; */
  width: 80%;
  /* margin: 0 auto; */
  /* padding: 1px 20px 23px 20px; */
}


.start-grid .text{
  /* color: #fff;   */
  background-color: var(--grau-3);
  /* max-width: 1000px; */
  margin: auto;
  /* padding-top: 25px; */ 
}
#lbl_search_mun_start{
  display: inline-block;
  padding-top:12px;
  padding-bottom:12px;
}
.mdc-text-field__icon{
  /* background-color: #b0063d; */
  margin: auto;
  padding-right: 10px;
  /* padding: 21px 20px 0px 20px; */
  /* height: 40px; */
  color: var(--schwarz);
}

.mdc-drawer_search .mdc-text-field__icon{
  padding-right: 10px;
}

.arrow_list{
  padding-top: 4px;
  padding-right: 4px;
}

.theme_link:hover {
  color: #b0063d !important;
}

.text_title h2{
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
}


.text_title h1{
  font-weight: 400;
  margin: unset;
  /* line-height: 8.125rem; */
  font-size: 2.502rem;
  text-align: center;
}

/* .text_title h1{
  margin-bottom: 5px;
  padding-top: 10px;
  font-size: 1.2em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
} */

/* .text_title {
  margin-top: 24px;
} */

.text_title_gemlist h1{
  font-weight: 400;
  margin: unset;
  /* line-height: 8.125rem; */
  font-size: 2.502rem;
  text-align: center;
}


.title_icon {
  color: white;
  text-align: center;
  border: 1px solid #d6d6d6;
  border-radius: 100px;
  padding: 15px;
  width: 50px;
  height: 50px;
  margin: auto;
  float: left;
  margin-right: 20px;
  margin-top: 5px;
  margin-left: 40px;
}


.theme_icon_svg {
  height: 25px;
  padding-right: 10px;
  /* filter: invert(10%) sepia(93%) saturate(7338%) hue-rotate(333deg) brightness(70%) contrast(99%); */
  filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

.theme_icon_fa {
  width: 20px;
  padding-right: 8px;
  padding-top: 3px;
  color: #000;
}

.title_icon_fa {  
  /* border: 1px solid #fff;
  border-radius: 100px; */
  padding-top: 8px;
  /* color: #B0063D; */
  font-size: 2em;
}

.title_icon_svg {
  width: 50px;
  max-height: 50px;
  /* border: 1px solid #fff; */
  /* border-radius: 100px; */
  /* vertical-align: bottom; */
  /* padding-right: 10px; */
  filter: invert(15%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(400%);
}


#div_drawer_close {
  cursor: pointer;
  font-size: 2em;
  position: absolute;
  right: 0px;
}

/* .closer_tab_icon {
    padding-left: 5px;
    padding-top: 24px;
} */

.closer_tabs {
  width: 25px;
  height: 83px;
  background-color: #B0063D;
  color: #fff;
}

#div_drawer_open {
  cursor: pointer;
  font-size: 2em;
  border: 2px solid #B0063D;
  border-radius: 0px 3px 3px 0px;
}  


.opener_tabs {
  /* width: 20px; */
  /* height: 83px; */
  background-color: #B0063D;
  color: #fff;
  float: left;
}

.opener_tab_icon {
  padding-left: 2px;
  padding-top: 2px;
}

.mdc-top-app-bar__section--align-start{
  display: inline-flex; 
  /* padding-left: 3.25rem; */
  /* padding-top: 1rem; */
  padding-left: 0px;
  /* max-width: 20rem; */
  align-items: center;
}



#footer {
  color: #fff;
  /* background: #235578; */
  /* height: 25px; */
  position: fixed;
  bottom: 0px;
  width: 100%; 
  z-index: 101;
  /* display: block; */
  border: none !important;

  width: 100%;
  background: var(--blau-1);
  height: 4rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

#footer-left{
 margin: auto;
 padding-left: 30px;
 padding-right: 30px;
}


.footer-left-items {  
  /* text-align: left; */
  /* font-size: 0.8em !important; */
  font-weight: 100 !important;
  margin-top: 7px;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none;
  color: #fff !important; 
  cursor: pointer;
  white-space: nowrap;
}

#footer-left_link_items {
  /* text-align: center; */
  font-weight: 100 !important;
}

#start_logo{
  width: 250px;
  margin: auto;
  display: block;
  padding-top: 50px;
  padding-bottom: 30px;
}


#drawer_img{
  /* margin-top: 30px;
  margin-bottom: 10px; */
  /* padding-left: 3.25rem; */
  /* border-right: 1px solid var(--schwarz); */
  /* width: 16.75rem; */
  float: left;
  width: auto;
}


#drawer_logo{
  height: 6rem;
}

.mdc-tab-indicator{
  background-color: var(--weiss);
}

.mdc-tab .mdc-tab__icon, .mdc-tab__text-label {
  color: #000 !important; 
  font-weight: 400;
  width: auto;
  height: auto;
}

.mdc-tab--active .mdc-tab-indicator{
  background-color:  var(--weiss);  
  color:#000;
}

.mdc-tab--active .mdc-tab__text-label, .mdc-tab--active .mdc-tab__icon{
  color: var(--rot-2) !important;
  font-weight: 600;
}

.mdc-tab-indicator .mdc-tab-indicator__content--underline{
  border-color:var(--rot-2);    
  border-width: 3px;
}

.mdc-tab {
  margin: 3px; 
  text-transform: none;
}

.highcharts-menu{
  box-shadow: rgb(136, 136, 136) 0px 0px 3px !important;
}

.highcharts-menu-item{
  font-size: 16px !important;
}

.highcharts-button-pressed span{
  font-weight: 400 !important;
}

.menu_table{
  /* display: inline-block; */
  /* margin-left: 20px; */
  height: 0px;
  float: right;
  right: -30px;
  height: 40px;
}

.more-button_table{
  padding: 10px;
  cursor: pointer;
  font-size: 15px;
}
/* .highcharts-menu-item::hover{
  background: #B0063D none repeat scroll 0% 0% !important;
} */

.mdc-dialog .mdc-dialog__surface {
  border-radius: 0px;
  
}

#info_close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 1.5em;
  cursor: pointer;
}

.mdc-drawer--modal {
  box-shadow: none;
}

#info-dialog-content a{
  text-decoration: none;
  color: #b0063d;
  font-weight: bold;
}

#info-dialog-content a:hover{
  text-decoration: underline;
}


/* these are pre-built files from my fork */
.mdc-ripple-upgraded--background-focused > .mdc-tab-indicator {
  background: var(--grau-4) !important; 
  /* border: 1px solid black;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; */
}


#mobile_buttons{
  display: none;
}


/* custom table styles */

td.mdc-data-table__cell:nth-child(1) {  
  text-align: left;
}

.ts1_txt_bold{
  font-weight: 800;
}

.ts1_txt_italic{
  font-style: italic;  
}

tr.ts1_bg_grey{
  background-color: #e0e0e0;
}

.ts1_align_left{
  text-align: left;
}
.ts1_align_center{
  text-align: center;
}

.ts1_align_right{
  text-align: right;
}






/**       mobile css            **/
@media screen and (max-width: 500px) and (min-width: 0px) {
	
  .mdc-drawer-app-content {
    margin-left: 0px !important;   
  }

  .title_icon {
    margin-left: 5px !important;
  }

  .text_title_gemlist h1 {
    font-size: 22px;
  }

  .text_title h1 {
    font-size: 22px;
  }

  .gemlist-cell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pdflist-cell {
    padding-left: 20px;
    padding-right: 20px;
  }

  #lbl_options, #lbl_info{
    display: none;
    
  }

  .mdc-top-app-bar__action-item{
    padding-right: 10px;
    /* font-size: 1.5em !important; */
  }
  #lbl_mobile_menu{
    display: none;
  }

}

/**       tablet css            **/
@media screen and (max-width: 990px) and (min-width: 500px) {
  
  .mdc-drawer-app-content {
    margin-left: 0px !important;   
  }

  .text_title_gemlist h1 {
    font-size: 26px;
  }

  .text_title h1 {
    font-size: 26px;
  }

  .gemlist-cell {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pdflist-cell {
    padding-left: 30px;
    padding-right: 30px;
  }


}


/**       tablet css            **/
@media screen and (max-width: 990px) and (min-width: 0px) {

  .mdc-drawer, .top_bar_breadcrumbs{
    display:none !important;
  }

  .top_bar_header {  
    height: 4.375rem;
  }

  .mdc-top-app-bar__section--align-start, .mdc-top-app-bar__section--align-end {  
    height: 4.375rem;
    margin-top: 0px;
    padding: 0px;
  }

  #drawer_logo {
    height: 3.5rem;
  }

  #drawer_img {
    padding-left: .5rem;
    width: 9rem;    
  }

  .mdc-top-app-bar__title { 
    font-size: 1em;
    width: 100px;
    line-height: 1.2em;
}

.searchgem_wrapper{
   display: none;
   position: absolute;
   top: 4.375rem;
   width: 100%;
   left: 0rem;
   background-color: white;
   padding: 10px 0px 10px 0px;
  }

  #searchgem_wrapper{
    padding-left: 5%;
  }
  #searchgem {   
     width: calc(90vw);
  }

  #gemlist-menu {
    top: 32px !important;
    left: 50px !important;    
  }

  .content-grid, .gemlist-grid, .start-grid {
    padding-top: 4.375rem;
  }
  #gemlist_grid{
    width: 100%
  }

  #searchgem_start {
    max-width: calc(100vw - 100px);
    
  } 

  .gem_list_button, .info-button, #tertiary_container{
      display: none;
  }

  #mobile_buttons{
    display: block;     
  }

  .theme_link_mobile{
    border-bottom: 1px solid var(--grau-5);
    font-size: 16px;
    line-height: 3.75rem;
    font-weight: bold;
  }

  .subtheme_link_mobile {
    margin-left: unset;
    font-size: 16px;
    display: none;
    border-left: unset;
    /* background-color: #868686; */
    font-weight: unset;
  }

  .mdc-top-app-bar .mdc-top-app-bar__action-item {
    margin-left: unset;
  }

}



/**       tablet css            **/
@media screen and (max-width: calc(1200px + 20rem)) and (min-width: 0px) {

  #content_grid{
    padding-left: 25px;
    padding-right: 25px; 
  }
  
}







/* Suchfeld Input => Breite vergrößern, so dass das Suchfeld gleich breit ist wie der Text */
#searchgem_start {
  width: 600px;
}


/* Textblock => Breite verkleinern, so dass das Suchfeld gleich breit ist wie der Text */
#lbl_info_start	{
  padding: 30px; 
  max-width: 640px;
  line-height: 1.5;
}


/* Menüpunkte => Schriftart = Source Sans statt Arial */
button {
  font-family: var(--mdc-typography-font-family);	
}


/* Menüleiste => Abstand Bildschirmrand links & rechts vergrößern */
.top_bar_header	{
  padding: 0 2rem;
}


/* Menüleiste => Schatten schwarz statt grau */
.mdc-top-app-bar {
  box-shadow: 0 2px 7px 0 var(--box-shadow);	
}


/* Logo => Abstand Bildschirmrand links verkleinern  */
#drawer_img	{
  padding-left: 1rem;	
  cursor: pointer;
}


/* "Standort verwenden" Button	=> Abstand Bildschirmrand rechts vergrößern	*/
#tertiary_container	{
  right: 3rem;	
}


/* "Standort verwenden" Button => Schriftart Source Sans statt Arial u.a.  */
#tertiary_container button {
  font-family: var(--mdc-typography-font-family);
  font-size: 0.875rem;
  padding: 0 0.8rem;
  height: 2rem;
  background: var(--weiss);
  border-radius: 5px;
  border-color: var(--weiss);
  border-width: 2px;
  border-style: solid;
}

#tertiary_container button:hover {
  border-color: var(--grau-4);
  background: var(--grau-4);
}


/* Buttons => :focus-Rahmen blau */
button {
border-radius: 5px;
}

button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

button:focus-visible {
 outline: 0;
 box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
}

@supports not selector(:focus-visible) {
  button:focus {
      outline: 0;
      box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
  }
}

button:focus:active {
  outline: 0;
  box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
}

.mdc-tab:focus:active {
  outline: 0;
  box-shadow: unset;  
}



/* Suchfeld Input => :focus-Rahmen blau */
#searchgem_start.mdc-text-field.mdc-text-field--focused	{ 
  outline: 0;
  box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
}


/* Suchfeld Input => :focus-Rahmen entfernen, Schriftfarbe schwarz  */
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, 
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, 
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: transparent;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, 
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, 
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing	{ 
  border-color: var(--schwarz);
}


/* Suchfeld Input => Höhe gleich wie Buttons */
#searchgem_start {
  height: 42px;
}


/* Footer Hyperlinks => :hover Style  */
.footer-left-items:hover {
  text-decoration: underline;
}

/* Navigation => Padding links kleiner */
.mdc-drawer__content {
  padding-left: 2.4rem;
  padding-right: 2rem;
}




/* Navigation Hyperlinks => Graue Linie dünner, Schriftgröße/-farbe anpassen, Näher zusammenrücken */
.subtheme_link	{ 
  border-left: 1px solid #e1e1e1;
  font-size: 1rem;
  padding: 0.2em 0.5em;
}

.mdc-drawer .mdc-drawer__subtitle {
color: var(--schwarz);
}


/* Schrift	STAT-Schwarz, Spacing anpassen */
body {
  color: var(--schwarz);
  letter-spacing: normal;
}


/* Tabellen => Schriftgröße größer	*/
.mdc-data-table__cell {
  font-size: 1rem;
}


/* Tabellen => Tabellenkopf Linie schwarz */
.mdc-data-table__header-cell--with-sort, 
.mdc-data-table__header-cell {
  border-bottom: 2px solid var(--schwarz);
}


/* Tabellen => Zeilenhöhe erhöhen */
.mdc-data-table__header-row, 
.mdc-data-table__row {
  height: 46px;
}


/* Tabellen => Tabellenkopf Kleinschreibung, schwarz */
.mdc-data-table__header-cell--with-sort, .mdc-data-table__header-cell { 
  color: var(--schwarz);
  text-transform: none;
  letter-spacing: normal;
}


/* Tabellen => Tabellenkopf Schriftgröße anpassen */
.mdc-data-table__header-cell-label {
  font-size: 1rem;
}


/* Tabellen => "Optionen"-Button Position, Ecken abgerundet, Schriftgröße kleiner	 */
.menu_table	{
  right: 0;
  top: 5px;
  font-size: 0.875rem;
  border-radius: 5px;
}


/* Breadcrumbs	Grauer Hintergrund bei :focus entfernen	*/
.mdc-list-item:focus {
  background: none;
}
/* Navigation Hyperlinks => Grauen Hintergrund bei :focus entfernen */
/* .mdc-list-item:focus {
  background: none;
} */

/* Blauer Balken => Schriftgröße größer */
.text_title h1	{
  /* font-size: 2.502rem; */
}


/* Tabs => Schriftgröße größer */
.mdc-tab {
  font-size: 1rem;
  letter-spacing: normal;
  color: var(--schwarz)
}


/* Tabs => Statrot für aktiv verwenden */
.mdc-tab-indicator .mdc-tab-indicator__content--underline { 
  border-color: var(--statrot);
}


/* Tabs => Statrot verwenden */
.mdc-tab--active .mdc-tab__text-label, 
.mdc-tab--active .mdc-tab__icon	{
  color: var(--statrot) !important;
}


/* Tabs => Breite verringern */
.mdc-tab {
  padding-right: 0px;
  padding-left: 0px;
}


/* Dialog => Ecken abrunden	*/
.mdc-dialog .mdc-dialog__surface {
  border-radius: 5px;
}


/* Dialog => Schriftfarbe schwarz, Spacing */
.mdc-dialog .mdc-dialog__content {
  color: var(--schwarz);
  letter-spacing: normal;
}


/* Suchfeld mobil => :focus Rahmen blau */
.mdc-text-field.mdc-text-field--focused {
box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
}


/* Menüpunkte Mobil => Schriftgröße größer */
.theme_link_mobile { 
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 600;
  padding: 1rem;
}


/* Menüpunkte Mobil => Pfeil mittig  */
.mobile_angle_right	{
  right: 1rem;
  position: fixed;
  line-height: 2rem !important;
  font-size: 1.25rem;
}


/* Menü Mobil => unterste Linie grau  */
#menue_mobile {
  border-bottom: transparent;
}


/* Suchfeld Startseite => Ecken abrunden */
.text {
  border-radius: 5px;
}


/* "Zurück"-Button Mobil Icon => Padding verkleinern */
.mdc-top-app-bar i.fa-regular { 
  padding-left: 0;
}


/* Tabs => Graue Linie hinzufügen */
.mdc-tab-scroller__scroll-content {
  border-bottom: 1px solid #ebebeb;
}


/* Tabs => Graue Linie hinzufügen */
.mdc-tab-scroller__scroll-content {
  border-bottom: 1px solid #ebebeb;	
}


/* PDF Liste => Hand-Cursor  */
.pdflist-cell {
  cursor: pointer;	
}


/* PDF Liste => Linie grau	 */
.pdflist-cell_separator	{ 
  border-bottom: 1px solid #ebebeb;	
}


/* Gemeindeliste => Linie grau, Hand-Cursor  */
.gemlist-cell_container	{
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
}



:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {
  background-color: unset;

}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  background-color: unset;
}



/* Focus entfernen für Browser die :focus-visible unterstützen */
.mdc-list-item:focus:not(:focus-visible), .mdc-drawer_info:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
  border-radius: 5px;
}

/* Focus hinzufügen für Browser die :focus-visible unterstützen */
.mdc-list-item:focus-visible, .mdc-drawer_info:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
  border-radius: 5px;
}

/* Focus hinzufügen für Elemente auf dunkel und Browser die :focus-visible unterstützen */
.mdc-list-item.btn-dark:focus-visible, .mdc-drawer_info.btn-dark:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--weiss);
  border-radius: 5px;
}

/* Fallback für ältere Browser */
@supports not selector(:focus-visible) {
  .mdc-list-item:focus, .mdc-drawer_info:focus {
  outline: 0;
  box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
  border-radius: 5px;
 
}
}






.gem_table_button_n:focus:not(:focus-visible), .gem_table_button:focus:not(:focus-visible), .pdf_table_button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
  border-radius: 5px;
}

/* Focus hinzufügen für Browser die :focus-visible unterstützen */
  .gem_table_button_n:focus-visible, .gem_table_button:focus-visible, .pdf_table_button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
  border-radius: 5px; 
}

/* Focus hinzufügen für Elemente auf dunkel und Browser die :focus-visible unterstützen */
.gem_table_button_n.btn-dark:focus-visible, .gem_table_button.btn-dark:focus-visible, .pdf_table_button.btn-dark:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--weiss);
  border-radius: 5px;
}

/* Fallback für ältere Browser */
@supports not selector(:focus-visible) {
  .gem_table_button_:focus, .gem_table_button:focus, .pdf_table_button:focus {
  outline: 0;
  box-shadow: 0 0 0 1px var(--blau-6), 0 0 0 4px var(--blau-4);
  border-radius: 5px;
}
}