@charset "UTF-8";

/* #################################################### */
/* #  This stylesheet is part of a data2type Product  # */
/* #  (c) 2018 data2type GmbH              v1.8 b.09  # */
/* #################################################### */


:root                                                           {--col-d2t:#f48223; --col-gr-med:#888; --col-gr-drk:#444;}

*                                                               {font-family: Roboto, Arial; transition-duration: .4s;}
body                                                            {margin: 0 auto; line-height: 1.5em; position: relative;}

a                                                               {/*color: var(--col-d2t);*/ color:#222; line-height:1.8; text-decoration:none; border-bottom:1px dotted #aaa;}
a:hover                                                         {text-decoration:none;}
h2                                                              {font-family: Roboto Condensed; font-weight:400; font-size: 2em; padding: 2px; color:var(--col-gr-drk); border-bottom: 1px solid #aaa; line-height: 1.5em;}

ul                                                              {list-style:none;}
/* #NAVIGATION */
.nav                                                            {grid-area:nav; justify-self:end; font-size:13px; float: right; margin:.45em 1em 0 2em;}
.nav > *                                                        {transition-duration:0s;}
.nav > ul                                                       {height:auto; bottom:0px; list-style-type:none; width:auto; padding:0; margin:0; display: table-row; float: right;}
.nav li                                                         {margin:0; padding:0; display:inline; display: table-cell; position:relative;}
.nav a                                                          {text-align:center; text-decoration:none; display:block; padding:0 12px 0px; font-weight:bold; color:#4F491D; width:auto;}
.nav li.active                                                  {}
.nav li.active li.active                                        {}
.nav li.active > a, .nav li.active li.active > a                {}
.nav li:hover a                                                 {color: #f96511; text-decoration:none;}
.nav li:hover li a                                              {color: #4F491D;}
.nav li a:hover, .nav li li:hover a                             {color: #f96511; text-decoration:none;}
.nav li li a:hover                                              {text-decoration:none;}

header:hover .nav li a                                          {padding-top:32px;}
header:hover .nav li a:before                                   {top:0; transition:all .4s; color:#777;}
.nav li a:before                                                {display:block; position:absolute; font-size:2em; top:-2em; transition:all .4s; line-height:1; color:transparent; left:calc(-14px + 50%);}

/* navigation */
.d2t_nav                                                        {opacity:.5; grid-area:nav; font-size:13px; line-height: 14px; float: right; margin-top:2em; margin-right:2em;}
.d2t_nav:hover                                                  {opacity:1;}
.d2t_nav > *                                                    {transition-duration:0s;}
.d2t_nav > ul                                                   {height:auto; bottom:0px; list-style-type:none; width:auto; padding:0; margin:0; display: table-row; float: right;}
.d2t_nav li                                                     {margin:0; padding:0; display:inline-block; position:relative;}
.d2t_nav li:hover ul                                            {height:auto;}
.d2t_nav li ul                                                  {z-index:10; position: absolute; margin-left:9px; min-width: 200px; height:0; overflow:hidden; background:rgba(255,255,255,.8);}
.d2t_nav li:last-child ul                                       {right:8px; text-align:right; min-width:160px;}
.d2t_nav li li                                                  {margin:0; display: block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; opacity: 0.9;}
.d2t_nav li li a                                                {padding: 6px 10px; line-height:1.5;}
.d2t_nav li li:first-child                                      {border-top: 1px solid #ccc; border-top-left-radius: 3px; border-top-right-radius: 3px; padding-top:2px;}
.d2t_nav li li:last-child                                       {border-bottom: 1px solid #ccc; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding-bottom:2px; box-shadow: 0px 1px 1px rgba(90, 90, 90, 0.25);}

.d2t_nav a                                                      {border:none; text-decoration:none; display:block; padding:24px 20px 0px; font-weight:bold; color:#4F491D; width:auto; line-height:2.5;}
.d2t_nav li.active                                              {}
.d2t_nav li.active li.active                                    {}
.d2t_nav li.active > a, .d2t_nav li.active li.active > a        {}
.d2t_nav li:hover a                                             {color: #f96511;}
.d2t_nav li:hover li a                                          {color: #4F491D;}
.d2t_nav li a:hover, .d2t_nav li li:hover a                     {color: #f96511;}
.d2t_nav li li a:hover                                          {}

html                                                            {font-family:"PT Sans";}
body                                                            {display:grid; grid-template-areas:'header' 'article' 'footer';}
header                                                          {border-top: 4px solid var(--col-d2t); z-index:5; background:rgba(255,255,255,.95); position:relative; grid-area:header; display:grid; grid-template-areas:'logo nav' 'breadcrumb nav'; grid-column-gap:2em; height:auto; height:fit-content; width:100%; padding:1em 0; border-bottom:1px solid #ccc;}

#logo                                                           {grid-area:logo; color:var(--col-d2t); display:inline-block; margin:0 .2em .2em 1.2em; font:1.5em/1 Oswald; min-width:4em;}
#logo span                                                      {color:var(--col-gr);}
#logo svg                                                       {height:22px;}

#breadcrumb                                                     {grid-area:breadcrumb; position:relative; margin-left:1.8em;}
#breadcrumb svg                                                 {height:20px;}
#breadcrumb ul                                                  {margin-left:2em;}

section                                                         {/*grid-column-gap:4.8em;  grid-template-columns:auto 300px;*/ position:relative;}
section article > *                                             {}

section.overview                                                {/* column-count:3;*/ background:#f0f0f0; padding:1em; margin-bottom:1em;}
section.overview ul                                             {column-width:9em;}

aside                                                           {grid-area:aside; /* justify-self:end;*/}
/*aside > *                                                     {border:1px solid #aaa; border-radius:4px;}*/

aside nav#rep-nav                                               {padding:1em;}
aside nav#rep-nav section                                       {text-align:right;}
aside nav#rep-nav section h2                                    {}
aside nav#rep-nav section h3                                    {}
aside ul                                                        {column-count:1 !important; padding-left:0;}
aside ul li                                                     {}
aside ul li a                                                   {}
body > article                                                  {margin:0 auto; max-width:1500px; padding-bottom:2em;}
article                                                         {padding:0 1.2em;}
section article                                                 {/*border:1px solid #ccc; padding:1.2em;*/ display:grid; grid-column-gap:2em; grid-template-columns:auto 15em; position:relative; grid-template-areas:'title_h3 title_h3' 'desc aside' 'dl aside' 'svg svg' 'code code';}
section article:hover                                           {/*box-shadow:2px 2px 2px rgba(0,0,0,.2);*/}

section.manifest > article                                      {height:75px; overflow-y:hidden;}
section.manifest > article:hover                                {height:100%;}

section.desc                                                    {grid-area:desc;}
header:hover ~ article section .title_h2                        {margin-top:3.6em; margin-bottom:0;}
.title_h2                                                       {grid-column-start:1; grid-column-end:3; margin-top:2.4em; margin-bottom:1.2em;}

section h3                                                      {position:relative; font-size:1.5em; line-height:1.2; margin-left:4.4em; margin-bottom:0.5em; grid-area:title_h3;}
section h3::before                                              {content:''; color:#ccc; font:1.5em/.5em 'Arial Narrow'; font-weight:bold; position:absolute; left:-2.3em; top:0.1em; width:2em; text-align:right;}
section.attributes h3::before                                   {font-size:1em; line-height:.8em;}

section h3.valid::before                                        {content:'✔';}
section h3.invalid::before                                      {content:'✘';}


section.attributes                                              {display:grid; grid-column-gap:1em;}
h3 + dl                                                         {margin-top:0;}
dl                                                              {grid-area:dl; width:100%; position:relative; display:grid; grid-template-columns:6em auto; grid-column-gap:.5em;}
dt                                                              {position:relative; color:#aaa; text-transform: capitalize; justify-self:end; text-align:right; line-height:1.8rem;}
dd                                                              {margin:0; line-height:1.8rem}
dd.dd_attributes, dd.dd_elements,
dd.dd_parents, dd.dd_children                                   {column-count:2;}
dd ul, dd ul.noprefix                                           {padding:0 2px; margin:0;}

aside dl                                                        {margin-top:0em;}
aside dd                                                        {font-weight:bold; text-transform:lowercase;}

div.code                                                        {background:#f0f0f0; overflow:auto; padding:1em; max-height:24em; grid-area:code; margin:0 0 2em;}
div.object                                                      {margin:0 0 1em; max-height:20em; border: 1px dashed #aaa; grid-area:svg; overflow:auto;}
div.object object                                               {margin-left:-1em; max-width:100%;}
div.object:hover                                                {max-height:none;}




/* #d2t: GENERAL */
.title_h2                                                       {grid-column-start:1; grid-column-end:3; margin-top:2.4em; margin-bottom:1.2em;}
section h3.valid::before                                        {content:'✔';}
section h3.invalid::before                                      {content:'✘';}
div.code                                                        {background:#f0f0f0; overflow:auto; padding:1em; max-height:24em; grid-area:code; margin:0 0 2em;}
div.object                                                      {margin:0 0 1em; max-height:20em; border: 1px dashed #aaa; grid-area:svg; overflow:auto;}
div.object object                                               {margin-left:-1em; max-width:100%;}
div.object:hover                                                {max-height:none;}
/* #d2t: GENERAL END */


/* #d2t: REPOSITORY SPECIFIC */
#home                                                           {background: url('../img/1-home.png') no-repeat top center;}
#leistungen                                                     {background: url('../img/2-leistungen.png') no-repeat top center;}
#software                                                       {background: url('../img/3-software.png') no-repeat top center;}
#xmltech                                                        {background: url('../img/4-xml.png') no-repeat top center;}
#publikation                                                    {background: url('../img/5-publikationen.png') no-repeat top center}
#about                                                          {background: url('../img/6-about.png') no-repeat top center;}
/* #d2t: REPOSITORY END */


/* #d2t: ANALYZER SPECIFIC */
.nav li a#nav_meta:before                                       {content:'MI';}
.nav li a#nav_elem:before, section.elements     h3::before      {content:'<>';}
.nav li a#nav_attr:before, section.attributes   h3::before      {content:'@';}
.nav li a#nav_char:before                                       {content:'a';}
.nav li a#nav_proc:before                                       {content:'PI';}
.nav li a#nav_sche:before                                       {content:'S';}
.nav li a#nav_file:before                                       {content:'./.';}
/* #d2t: ANALYZER END */


/* #d2t: REPORT SPECIFIC */
.nav li a.n-a, .nav li a.n-a::before                            {cursor:default; color:#aaa !important;}
.nav li a#nav_ind::before                                       {content:'§1';}
.nav li a#nav_reg::before                                       {content:'.*';}
.nav li a#nav_dtd::before                                       {content:'<!>';}
.nav li a#nav_xsd::before                                       {content:'S';}
.nav li a#nav_sch::before                                       {content:'SCH';}
.nav li a#nav_xsl::before                                       {content:'XSL';}

.d2t_report article.art-pass                                    {border-left:2px solid #0a0;}
.d2t_report article.art-error                                   {border-left:2px solid #d00;}
.d2t_report h3.d2t_report_doc::before                           {content:'🗋';}

.d2t_report dl                                                  {}
.d2t_report dt                                                  {color:#888;}
.d2t_report dl dt:first-child,
.d2t_report dl dd + dt,
.d2t_report dl dt + dd                                          {margin-top:.4em;}
/* d2t: REPORT END */


/* #MEDIA QUERIES */

@media only screen and (max-width: 760px){
    section h3                                                  {margin-left:0em;}
    dl                                                          {display:block;}
    dt                                                          {text-align:left;}
    section article                                             {display:block;}
}
/*
@media only screen and (max-width: 760px){
    dd.dd_attributes, dd.dd_elements,
    dd.dd_parents, dd.dd_children                               {column-count:1;}
}

@media only screen and (max-width: 1060px){
    section.attributes                                          {display:block;}
    section article                                             {margin:0 0 1em;}
}

@media only screen and (max-width: 1200px){
    section article                                             {margin:0 0 2em;}
}

@media only screen and (min-width: 1200px) and (max-width: 1600px){
    body > article                                              {padding:0 2.4em 2em;}
    section                                                     {max-width:1200px;}
    section article                                             {margin:0 0 1em;}
}

@media only screen and (min-width: 1600px){
    body > article                                              {margin:0 3.6em;  margin:0 calc(10% - 7em); margin:0 auto;}
    section:not(.overview)                                      {display:grid; grid-column-gap:1em; grid-row-gap:1em;}
    section.attributes                                          {display:grid; grid-template-columns:1fr 1fr 1fr;}
    section.attributes .title_h2                                {grid-column-end:4;}
}
*/
/*
@media only screen and (min-width: 2200px){
    body > article                                              {* padding:0 4.8em; *}
    .title_h2                                                   {grid-column-end:4;}
    section:not(.overview)                                      {}
    section.attributes                                          {grid-template-columns:1fr 1fr 1fr 1fr;}
    section.attributes .title_h2                                {grid-column-end:5;}
}
*/

@media print {
    section article                                             {margin-bottom:1em;}
}


/* #ANIMATIONS */
@keyframes drop {
    from {top:-5em;}
    to   {top: 0em;}
}


/* #################################################### */
/* #  End of data2type stylesheet                     # */
/* #  E-Mail: kontakt[at]data2type.de      kolbe@d2t  # */
/* #################################################### */