/**
* Theme Name: Mirai Soft Theme
* Theme URI: https://mirai-soft.de
* Description: Theme der ersten Generation von Mirai Software.
* Author: Mirai Software
* Author URI: https://mirai-soft.de
* Version: 1.0
*/


html , body
{
    /*font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size: 16px;*/
    margin: 0;
    height:100%;
    max-height: 100%;
   /* height: 100vh;
    max-height:100vh;*/

    width: 100%;
    overflow-y:hidden;
 }

#page-header
{
    float: left;
    width:100%;
}

#page-header img
{
    /*padding-top: 1%;*/
    padding:0em 0em 0.5em 0em;
    /*padding-left: 1%;*/
    max-width: 40em;
    width: 75%;
    /*min-width: 38em; */
}

#page-content
{
  float:left;
  width: 100%;
  height: 90%;
  max-height: 90%;
  /*height: 100vh;
  max-height:100vh;*/
  position:relative;
}

#page-content .widget
{
    /*background:#FC7D2B;*/
    float: left;
    /*height: 4em;*/
    /*padding-right: 0.5%;*/
    right: 8%;
    position: fixed;
}

#page-content .widget li
{
    text-decoration: none;

    float:left;
    display: block;
    background:#FC7D2B;
    /*width: auto;*/
    /*padding-right: 5px;*/
}

.widget li:has(.sub-menu) a:after
{
    font-size:15px;
    font-weight: bold;
    color:black;
    content:"\20\20\20 \A \21A7 ";
    /*white-space: pre;*/
}

.widget li:has(.sub-menu):hover a:after
{
    content:"\20\20\20 \A \21A5 ";
}

.widget li:has(ul) a
{
    pointer-events: none;
    width: 100%;
}

.widget li .sub-menu
{
    display:none;
    /*visibility: hidden;*/
}

.widget li .sub-menu li
{
    clear:both;
    width: 100%;
}

.widget li:has(.sub-menu):hover .sub-menu a:after
{
    content: none;
}

.widget li:hover .sub-menu
{
    /*visibility: visible;*/
    display: block;
}

.widget li:hover a
{
    pointer-events: auto;
}



#page-content .widget ul
{
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    /*float:right;*/
}



#page-content .widget a
{
   /* height:1.5em; */
    font-family:Myriad Pro;
    font-size: 1.2em;
    color: #FFFFFF;
    display:inline-block;
    text-decoration: none;
    text-align: center;
    padding-left:10px;
    padding-right:10px;
    padding-top: 15px;
    padding-bottom:10px;
    width: -moz-available;
    width: -webkit-fill-available;
}

.sub-menu a
{
    /*padding-left: 0 !important;
    padding-right: 0 !important;*/
    width: 100%;
}

#page-content .widget a:link, a:visited, a:active
{
  /*
    color: #CC0066;
    text-decoration: none;
  */
}

#page-content .widget li:hover
{
    background-color: #333333;
    text-decoration: none;
}

#page-content .widget a:hover
{
    background-color: #333333;
    text-decoration: none;
}

#page-content #fueller
{
    margin-bottom: 4%;
   border-bottom:10px solid #FC7D2B;
   width:100%;
   float: right;
}

#page-content  .entry
{
   padding-left:8%;
   width:92%;
   float:left;
   height: 65%;
   max-height: 65%;
   /*height: 57vh;
   max-height:57vh;*/
   overflow-y:auto;
   font-size: 18px;
}

#page-content  .entry .wp-block-image
{
   float:left;
}

#page-content  .entry p ,#page-content .entry .wp-block-table
{
   padding-right:20%;
}

#page-content h1
{
    text-align: center;
    font-size:3em;
}

.openbtn
{
    display: none;
    font-family:Myriad Pro;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    background-color:#FC7D2B;
    border: none;
    text-decoration: none;
    float:left;
}

.openbtn:hover
{
    background-color: #333333;
    text-decoration: none;
}

   /*.menu
    {
        overflow: hidden;
        position: fixed;
        transition: 0.5s;
         padding-top: 60px;
        top: 0;
        left: 0;
        height: 250px;

    }*/


@media screen and (max-device-width:1090px)
{
    body
    {
       /*font-size: 14px;*/
    }

    #page-header img
    {
        padding-top: 1%;
        padding-left: 0.5%;
        margin-bottom: -1.8%;
        /*width: 6em;
        max-width: 6em;*/
        width: 100%;
        max-width: 100%;
        min-width: 320px;
        max-height: 20vh;
    }

    .openbtn
    {
        float: right;
        display: block;
        /*width: 2.3em;
        height:2.3em;*/
        width: 6vh;
        height: 6vh;
        /*font-size: 35pt;*/
        font-size: 3vh;
    }

    #page-content
    {
     
      max-height:100%;
      overflow-x: auto;
      
    }
    #page-content .widget
    {
       /*max-width: 50%;*/
        /* min-height:7em;*/

       /*background:#FC7D2B;*/
    }

    #page-content .widget li
    {
        clear:both;
        width:100%;
    }

    #page-content .widget a
    {
        text-align: left;
        /*font-size: 2.5em;*/
        font-size: 2.5vh;
        width:100%;
    }

    #page-content .widget .sub-menu a
    {
        /*text-align: center;*/
        padding-left: 10% !important;
    }

    .widget li:has(.sub-menu) a:after
    {
        font-size:1em;
    }

    .widget li .sub-menu
    {
        display:block;
    }

    .widget li:has(.sub-menu) a:after , .widget li:has(.sub-menu):hover a:after
    {
        content:none;
    }
   /* .widget li:hover a
    {
        pointer-events: none;
        pointer-events: auto;
    }*/

    /*.widget li:focus a
    {
        pointer-events:auto;
    }*/

    .sub-menu li a
    {
        /*margin-left:2em;*/
        width:100%;
        background: #FC8D2B;
    }

    .menu
    {
        overflow: hidden;
        position: relative;
        transition: 0.5s;
        display: none;
        height: 100vh;
        max-height:100vh;
    }

    #page-content #fueller
    {
        /*margin-bottom: 20%;*/
        margin-bottom: 7vh;
    }

    #page-content .entry
    {
        overflow-x: auto;
        height:55vh;
        max-height: 55vh;
        width:85%;
    }

    #page-content  h1
    {
        font-size: 4vh;
    }

    .active
    {
        background-color: #04AA6D;
        color: white;
    }

}

@media screen and (max-device-width:400px)
{
    body
    {
     /*background-color: #CC0000;*/  
	}

}