/* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ /*encloses EVERYTHING on page:
and closing just before */ .page-container { width: 100vw; /*position: relative;*/ min-height: 100vh; } /*level immediately beneath page container: forces distance between final content and page footer*/ .content-wrap { padding-bottom: 250px; } /* .container { max-width: 960px; } */ .header { margin-top: 1rem; text-align: center; } .header-space { margin-top: 2rem; } /* vorhanden weiter unten .fnz { display: table-cell; border: collapse; padding: 5px; text-indent: 0.5988cm; font-family: "HPMLinux Biolinum O"; font-size: 10pt; text-align: left; } .fnbod { display: table-cell; border: collapse; padding: 5px; font-family: "HPMLinux Biolinum O"; font-size: 80%; text-align: left; } */ .fnanc { padding: 1px; font-style: normal; font-size: 78%; vertical-align: super; color: #000; font-weight: bold; border: 1px solid darkgray; font-family: "HPMLinux Biolinum O"; } .fnsym { padding: 1px; font-style: normal; font-size: 78%; vertical-align: text-top; color: #000; font-weight: normal; border: 1px solid darkgray; font-family: "HPMLinux Biolinum O"; } .fnanct { padding: 1px; margin: 1.5px; font-style: normal; font-size: 78%; vertical-align: text-top; color: #000; font-weight: normal; border: 1px solid darkgray; font-family: "HPMLinux Biolinum O"; } .fnsymt { padding: 1px; font-style: normal; font-size: 78%; vertical-align: text-top; color: #000; font-weight: normal; border: 1px solid darkgray; font-family: "HPMLinux Biolinum O"; } .table { padding:0px 8px 0px 8px; } .ticker { background-color: #eee;} .value-prop { margin-top: 1rem; } .value-props { margin-top: 4rem; margin-bottom: 4rem; } .docs-header { text-transform: uppercase; font-size: 1.4rem; letter-spacing: .2rem; font-weight: 600; } .docs-section { border-top: 1px solid #eee; padding: 4rem 0; margin-bottom: 0;} .value-img { display: block; text-align: center; margin: 2.5rem auto 0; } .example-grid .column, .example-grid .columns { background: #EEE; text-align: center; border-radius: 4px; font-size: 1rem; text-transform: uppercase; height: 30px; line-height: 30px; margin-bottom: .75rem; font-weight: 600; letter-spacing: .1rem; } .del { color: #000; } .docs-example .row, .docs-example.row, .docs-example form { margin-bottom: 0; } .docs-example h1, .docs-example h2, .docs-example h3, .docs-example h4, .docs-example h5, .docs-example h6 { margin-bottom: 1rem; } .heading-font-size { font-size: 1.2rem; color: #999; letter-spacing: normal; } .code-example { margin-top: 1.5rem; margin-bottom: 0; } .code-example-body { white-space: pre; word-wrap: break-word } .example { position: relative; margin-top: 4rem; } .example-header { font-weight: 600; margin-top: 1.5rem; margin-bottom: .5rem; } .example-description { margin-bottom: 1.5rem; } .example-screenshot-wrapper { display: block; position: relative; overflow: hidden; border-radius: 6px; border: 1px solid #eee; height: 250px; } .example-screenshot { width: 100%; height: auto; } .example-screenshot.coming-soon { width: auto; position: absolute; background: #eee; top: 5px; right: 5px; bottom: 5px; left: 5px; } .ivs { color: blue; font-size:0pt; visibility:hidden; } .navbar { display: none; } /* Larger than phone */ @media (min-width: 550px) { .header { margin-top: 18rem; } .value-props { margin-top: 9rem; margin-bottom: 7rem; } .value-img { margin-bottom: 1rem; } .example-grid .column, .example-grid .columns { margin-bottom: 1.5rem; } .docs-section { padding: 6rem 0; } .example-send-yourself-copy { float: right; margin-top: 12px; } .example-screenshot-wrapper { position: absolute; width: 48%; height: 100%; left: 0; max-height: none; } .main-hero { } } /* Larger than tablet –––––––––––––––––––––––––––––––––––––––––*/ @media (min-width: 300px) { /* Navbar –––––––––––––––––––––––––––––––––––––––––––––––––––*/ .navbar + .docs-section { border-top-width: 0; } .navbar, .navbar-spacer { display: block; width: 100%; height: fit-content; background: #fff; z-index: 99;} .navbar-spacer { display: none; } .navbar .container { width: 100%; } .navbar-list { list-style: none; margin-bottom: 0; } .navbar-item { position: relative; float: left; margin-bottom: 0; } .navbar-link { text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: .2rem; margin-right: 35px; text-decoration: none; line-height: 6.5rem; color: #222; } .navbar-link.active { color: #33C3F0; } .has-docked-nav .navbar { position: fixed; top: 0; left: 0; } .has-docked-nav .navbar-spacer { display: block; } /* Re-overiding the width 100% declaration to match size of % based container */ .has-docked-nav .navbar > .container { width: 80%; } /* Popover –––––––––––––––––––––––––––––––––––––––––*/ .popover.open { display: block; } .popover { display: none; position: absolute; top: 0; left: 0; background: #fff; border: 1px solid #eee; border-radius: 4px; top: 92%; left: -50%; -webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,.1)); -moz-filter: drop-shadow(0 0 6px rgba(0,0,0,.1)); filter: drop-shadow(0 0 6px rgba(0,0,0,.1)); } .popover-item:first-child .popover-link:after, .popover-item:first-child .popover-link:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .popover-item:first-child .popover-link:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .popover-item:first-child .popover-link:before { border-color: rgba(238, 238, 238, 0); border-bottom-color: #eee; border-width: 11px; margin-left: -11px; } .popover-list { padding: 0; margin: 0; list-style: none; } .popover-item { padding: 0; margin: 0; } .popover-link { position: relative; color: #222; display: block; padding: 8px 20px; border-bottom: 1px solid #eee; text-decoration: none; text-transform: uppercase; font-size: 1.0rem; font-weight: 600; text-align: center; letter-spacing: .1rem; } .popover-item:first-child .popover-link { border-radius: 4px 4px 0 0; } .popover-item:last-child .popover-link { border-radius: 0 0 4px 4px; border-bottom-width: 0; } .popover-link:hover { color: #fff; background: #33C3F0; } .popover-link:hover, .popover-item:first-child .popover-link:hover:after { border-bottom-color: #33C3F0; } .li#popover:first-child .popover-link:after, .li#popover:first-child .popover-link:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .li#popover:first-child .popover-link:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .li#popover:first-child .popover-link:before { border-color: rgba(238, 238, 238, 0); border-bottom-color: #eee; border-width: 11px; margin-left: -11px; } .ul#popover { padding: 0; margin: 0; list-style: none; } .li#popover { padding: 0; margin: 0; } .popover-link { position: relative; color: #222; display: block; padding: 8px 20px; border-bottom: 1px solid #eee; text-decoration: none; text-transform: uppercase; font-size: 1.0rem; font-weight: 600; text-align: center; letter-spacing: .1rem; } .li#popover:first-child .popover-link { border-radius: 4px 4px 0 0; } .li#popover:last-child .popover-link { border-radius: 0 0 4px 4px; border-bottom-width: 0; } .popover-link:hover { color: #fff; background: #33C3F0; } .popover-link:hover, .li#popover:first-child .popover-link:hover:after { border-bottom-color: #33C3F0; } } a.info { position: relative; text-decoration: none; } a.info span { display: none; } a.info:hover span { position: absolute; display: block; opacity: 0.9; top: 1em; left: 2em; border: 0px solid #036; background-color: rgba(0, 79, 129, 1); padding: 0.2em 0.1em 0.0em 0.1em; color:white; } .project h2 a { color: white; } .project h5 a { color: white; } .project h4 a { color: white; } .footer a { color: white; } /* Special –––––––––––––––––––––––––––––––––––––––––*/ .project { color: white; vertical-align: middle; } .project_bg { width: 100%; background-size: cover; vertical-align: middle; color: white; } .project_bg a { color: white; } /* Abfragemaske Konkordanz */ .konki { color: #fff; font-weight: 800; vertical-align: middle; margin-bottom: 0.5rem; } .konkibutton { background-color: #fff; } .lang-sel { display: inline-block; height: 35px; padding: 10px 0px 0px 0px; margin: 0px; border: 0px; color: inherit; text-align: left; font-size: 2.4rem; font-weight: inherit; line-height: 1.2; letter-spacing: -.05rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; cursor: pointer; box-sizing: border-box; } .lang-sel:hover { color: #33C3F0; background: inherit; } .name-sel { display: inline-block; height: 25px; padding: 0px 0px 0px 10px; margin: 0px; border: 0px; color: inherit; text-align: left; font-size: 2.0rem; font-weight: inherit; line-height: 1.2; letter-spacing: -.05rem; text-transform: unset; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; cursor: pointer; box-sizing: border-box; } .name-sel:hover { color: #33C3F0; background: inherit; } /* Images –––––––––––––––––––––––––––––––––––––––––––––––––––*/ .shadow { width: 95%; border: 1px solid #bbb; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display: block; margin-left: auto; margin-right: auto; } .caption { color: #777; font-style: italic; font-size: 95%; text-align: center; margin: 15px 0px 15px 0px; margin-left: auto; margin-right: auto; } /* Basiscorpus Darstellung –––––––––––––––––––––––––––––––––––––––––-*/ /** Darstellung von AO:ParagrNr – Paragraphnummer, Kolophonangabe **/ .parnr, p .parnr{ font-style:normal; font-size:140%; background-color:#eee; color:#000; font-family:"HPMLinux Biolinum O", sans-serif; padding: 2px 10px; border: solid 1px #9f9f9f; margin: 5px 0px; } /* Special Tables –––––––––––––––––––––––––––––––––––––––––-*/ /*** Basicorpus interlineare Glossierung ***/ .tblcls { border-collapse: collapse; border: 1px solid #8b8b8b; display: none; font-family: "HPMLinux Biolinum O", sans-serif; margin-bottom: 30px; } .tblcls th { border-right: 1px dotted black; border-bottom: 1px solid #8b8b8b; color: #fff; background:#11ccaa; } .tblcls td { padding:4px 8px; border: 1px dotted black; background:#eee; } .tblcls .grau { color: #707070; } .tblcls .text { color: #b404ae; } div.XXXlang .tblcls hr { margin-top: 2px; margin-bottom: 2px; } #show_hide { position:fixed; } th.transl { color: #fff; padding: 4px 8px; } .transl .sGr, .transl .aGr, .transl .del, .transl .d, .transl .subscr, .transl .sGr, .transl .corr, .transl .materlect, .transl .MaterLect, .transl .kin, .transl .abbrev { color: inherit; font-family: inherit; } /* Cuneiform fonts –––––––––––––––––––––––––––––––––––––––––*/ .santak{ font-family: "Santakku", Santakku; font-size:150%; } .santakM{ font-family: "SantakkuM", SantakkuM; font-size:150%; } .ullikA{ font-family: "UllikummiA", UllikummiA; font-size:150%; } .ullikB{ font-family: "UllikummiB", UllikummiB; font-size:150%; } .ullikC{ font-family: "UllikummiC", UllikummiC; font-size:150%; } .esagil{ font-family: "Esagil", Esagil; font-size:150%; } .assurb{ font-family: "Assurbanipal", Assurbanipal; font-size:150%; } .bisitun{ font-family: "Bisitun", Bisitun; font-size:150%; } .luwglyph{ font-family: "LUWGLYPH", LUWGLYPH; font-size:150%; } .ugarit{ font-family: "Aegean", Aegean; font-size:180%; } /* formerly in AOtxtxml20.css –––––––––––––––––––––––––––––––––––––––––*/ td { border:0px dotted #EFEFEF; vertical-align:top } p.Hur a:link, p.Luw a:link, p.Pal a:link, p.Hat a:link, p.Akk a:link, p.Sum a:link, p.Hit a:link { color:#111111; text-decoration:none; white-space:nowrap; } p.Hur a:visited, p.Luw a:visited, p.Pal a:visited, p.Hat a:visited, p.Akk a:visited, p.Sum a:visited, p.Hit a:visited { text-decoration:none; white-space:nowrap; } p.Hur a:hover, p.Luw a:hover, p.Pal a:hover, p.Hat a:hover, p.Akk a:hover, p.Sum a:hover, p.Hit a:hover { background-color:darkgray; text-decoration:none; white-space:nowrap; } p.Hur a:active, p.Luw a:active, p.Pal a:active, p.Hat a:active, p.Akk a:active, p.Sum a:active, p.Hit a:active { text-decoration:none; white-space:nowrap; } /**/ /* .table { display:table; border-collapse:separate; vertical-align:top; } .tr { display:table-row; vertical-align:top; } .td { display:table-cell; padding:2px; vertical-align:top; } */ .AOParagrNr { margin-top:15px; font-weight:bold; font-size:120%; vertical-align:baseline } .Standard { text-align:justify; font-size:11pt; font-family:"HPMLinux Biolinum O"; } .STD { margin-left: 1.0cm; border:collapse; font-size:11pt; text-align:justify; vertical-align:top; } .FNO { text-align:justify; font-size:10pt; color:#000; font-family:"HPMLinux Biolinum O"; } .fnz { display:table-cell; border:collapse; padding:5px; text-indent:0.5988cm; font-family:"HPMLinux Biolinum O"; font-size:10pt; text-align:left; } .fnbod { color: #000; display:table-cell; border:collapse; padding:5px; font-family:"HPMLinux Biolinum O"; font-size:100%; text-align:left; } .Textbody { text-align:justify; font-size:11pt; font-family:"HPMLinux Biolinum O"; } .Textbodyindent { text-align:justify; text-align:left; margin-left:1.4cm; font-size:11pt; font-family:"HPMLinux Biolinum O"; } .Title { font-size:20pt; font-weight:bold; text-align:center; font-family:"HPMLinux Biolinum O"; } .Subtitle { font-size:18pt; font-weight:bold; font-style:italic; text-align:center; font-family:"HPMLinux Biolinum O"; } .Heading1 { font-size:17pt; font-weight:bold; font-family:"HPMLinux Biolinum O"; } .Heading2 { margin-left: 0.4cm; font-size:15pt; font-weight:bold; font-style:italic; font-family:"HPMLinux Biolinum O"; } .Heading3 { margin-left: 0.7cm; font-size:14pt; font-weight:bold; font-family:"HPMLinux Biolinum O"; } .Heading4 { margin-left: 1.0cm; font-size:13pt; font-weight:bold; font-family:"HPMLinux Biolinum O"; } .AOTitle { font-size:20pt; font-weight:bold; text-align:center; font-family:"HPMLinux Biolinum O"; } .AOSubtitle { font-size:18pt; font-weight:bold; font-style:italic; text-align:center; font-family:"HPMLinux Biolinum O"; } .AOH1 { font-size: 16pt; color: #025; margin-top: 0.5cm; margin-bottom: 0.5cm; font-family:"HPMLinux Biolinum O"; } .AOH2 { font-size: 14pt; color: #025; margin-left: 0.4cm; margin-top: 0.5cm; margin-bottom: 0.5cm; font-style: italic; line-height: 100%; font-family:"HPMLinux Biolinum O"; } .AOH3 { font-size: 13pt; color: #025; margin-top: 0.5cm; margin-left: 0.7cm; margin-bottom: 0.5cm; font-style: italic; line-height: 50%; font-family:"HPMLinux Biolinum O"; } .AOH4 { font-size: 12pt; color: #025; margin-top: 0.5cm; margin-left: 0.7cm; margin-bottom: 0.5cm; vertical-align: text-top; line-height: 100%; font-family:"HPMLinux Biolinum O"; } /* Ersetzt mit AO Headers definiert für CTH-Seite .AOH1 { font-size:16pt; font-weight:bold; font-family:"HPMLinux Biolinum O"; } .AOH2 { margin-left: 0.4cm; font-size:14pt; font-weight:bold; font-style:italic; font-family:"HPMLinux Biolinum O"; } .AOH3 { margin-left: 0.7cm; font-size:13pt; font-weight:bold; font-family:"HPMLinux Biolinum O"; } .AOH4 { margin-left: 1.0cm; font-size:12pt; font-weight:bold; font-style:italic; font-family:"HPMLinux Biolinum O"; } .AOH4 { margin-left: 1.0cm; font-size:11pt; font-weight:bold; font-family:"HPMLinux Biolinum O"; } ***************************************/ .inhVHeading1 { margin-left: 0.0cm; font-size:10pt; font-variant:small-caps; font-family:"HPMLinux Biolinum O"; } .inhVHeading2 { margin-left: 0.3cm; font-size:9pt; font-variant:small-caps; font-style:italic; font-family:"HPMLinux Biolinum O"; } .inhVHeading3 { margin-left: 0.6cm; font-size:8pt; font-variant:small-caps; font-family:"HPMLinux Biolinum O"; } .inhVHeading4 { margin-left: 0.9cm; font-size:7pt; font-variant:small-caps; font-family:"HPMLinux Biolinum O"; } .master { display:block; border:2px solid lightgray; background-color:#EEEEEE; font-family:"HPMLinux Libertine O"; } .AOExemplar { padding-left:5px; padding-right:5px; text-align:center; font-weight:bold; color:#000; font-family:"HPMLinux Biolinum O"; white-space:nowrap; vertical-align:top; } .AOKolonNr { padding-left:5px; padding-right:5px; text-align:right; font-style:normal; background-color: darkgray; color:#fff; font-weight:bold; font-family:"HPMLinux Biolinum O"; white-space:nowrap; } .LineNrExpl, .LineNrExpl a { font-weight:bold; color:#000; font-style:normal; font-size: 80%; vertical-align: top; font-family:"HPMLinux Biolinum O"; white-space:nowrap; } .ColonBegin, .ColonBegin a { padding-left:1px; padding-right:1px; font-weight:bold; background-color: darkgray; color:#fff; font-style:normal; font-size: 60%; vertical-align: top; font-family:"HPMLinux Biolinum O"; white-space:nowrap; } .AOTextline-Hit, .AOHittite { font-style:oblique; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTextline-Akk { font-style:italic; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTextline-Hurr { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTextline-Luw, .AOTextline-Luw a { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTextline-Pal, .AOTextline-Pal a { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTextline-Sum { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTranslat-DE { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTranslat-EN { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTranslat-IT { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .AOTranslat-FR { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .DE { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .EN { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .IT { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } .FR { font-style:normal; color:#000000; font-family:"HPMLinux Libertine O"; } /**/ .AOParagrNr { white-space:nowrap; margin-top:15px; font-family:"HPMLinux Biolinum O"; font-weight:bold; font-size:14pt; vertical-align:baseline} .Footnote { margin-left:0.5988cm; margin-right:0.0cm; text-indent:-0.5988cm; background-color:#eee; font-family:"HPMLinux Biolinum O"; font-size:90%} .sdfootnote { margin-left:0.5988cm; margin-right:0.0cm; text-indent:-0.5988cm; background-color:#eee; font-family:"HPMLinux Biolinum O"; font-size:10pt} .Standard { text-align:justify; font-size:12pt; font-family:"HPMLinux Libertine O"; } .Textbody { text-align:justify; font-size:12pt; font-family:"HPMLinux Libertine O"; } .Textbodyindent{ text-align:justify; text-align:left; margin-left:1.4cm; font-size:11pt; font-family:"HPMLinux Libertine O"; } /**/ .AOExemplar { text-align:center; font-weight:bold; font-family:"HPMLinux Biolinum O"; white-space:nowrap; } .AOKolonNr { font-style:normal; text-align:right; font-weight:bold; background-color: darkgray; color:#fff; font-family:"HPMLinux Biolinum O"; white-space:nowrap; } .LineNr { font-style:normal; font-weight:bold; color:#000; font-family:"HPMLinux Biolinum O"; white-space:nowrap; } .svh--LitBemerk { margin-left:2.4cm; font-size:85%; } .AONumeral { font-style:normal; font-size:100%; color:black; font-family:"HPMLinux Libertine O"; } .AOSumgram, .AOSumGRAM, .sGr { font-style:normal; font-size:90%; color:#000; background-color:transparent; font-family:"HPMLinux Libertine O"; } .aGr, .AOAkkGRAM { font-style:italic; font-size:90%; color:#000; font-family:"HPMLinux Libertine O"; } .kin { font-style:normal; font-variant: small-caps; color:#000; background-color:transparent; font-family:"HPMLinux Libertine O"; } .abbrev { font-style:italic; color:#000; background-color:transparent; font-family:"HPMLinux Libertine O"; } .master .sGr { font-style:normal; font-size:90%; font-weight:500; color:#000; background-color:transparent; font-family:"HPMLinux Libertine O"; padding-left: 44px; text-indent: -44px; } .Hur { color:#000; background-color:transparent; font-style:normal; font-size:130%; font-family:"HPMLinux Libertine O"; margin-bottom: 5px; padding-left: 44px; text-indent: -44px; } .Luw { color:#000; background-color:transparent; font-style:normal; font-size:130%; font-family:"HPMLinux Libertine O"; margin-bottom: 5px; padding-left: 44px; text-indent: -44px; } .Pal { color:#000; background-color:transparent; font-style:normal; font-size:130%; font-family:"HPMLinux Libertine O"; margin-bottom: 5px; padding-left: 44px; text-indent: -44px; } .Hat { color:#000; background-color:transparent; font-style:normal; font-size:130%; font-family:"HPMLinux Libertine O"; margin-bottom: 5px; padding-left: 44px; text-indent: -44px; } .Hit { color:#000; background-color:transparent; font-style:italic; font-size:130%; font-family:"HPMLinux Libertine O"; margin-bottom: 5px; padding-left: 44px; text-indent: -44px; } .Akk { color:#000; background-color:transparent; font-style:italic; font-size:130%; font-family:"HPMLinux Libertine O"; margin-bottom: 5px; padding-left: 44px; text-indent: -44px; } .AODeterm, .det, .d { font-style:normal; font-size:58%; vertical-align:super; color:#000; font-family:"HPMLinux Libertine O"; } .materlect, .MaterLect { font-style:normal; font-size:75%; vertical-align:super; color:#000; font-family:"HPMLinux Libertine O"; } .AOLineNrExpl { font-style:normal; font-weight:bold; font-size:68%; vertical-align:text-top; color:#000; background-color:#EEEEEE; font-family:"HPMLinux Biolinum O"; } .FnAnc { padding:1px; font-style:normal; font-size:78%; vertical-align:super; color:#000; font-weight:bold; border:1px solid darkgray; font-family:"HPMLinux Biolinum O"; } .FnSym { padding:1px; font-style:normal; font-size:78%; vertical-align:text-top; color:#000; font-weight:normal; border:1px solid darkgray; font-family:"HPMLinux Biolinum O"; } .FnAncT { padding:1px; margin:1.5px; font-style:normal; font-size:78%; vertical-align:text-top; color:#000; font-weight:normal; border:1px solid darkgray; font-family:"HPMLinux Biolinum O"; } .FnSymT { padding:1px; font-style:normal; font-size:78%; vertical-align:text-top; color:#000; font-weight:normal; border:1px solid darkgray; font-family:"HPMLinux Biolinum O"; } .gap, .gapln, p .gap{ font-style:italic; font-size:140%; background-color:#eee; color:#000; font-family:"HPMLinux Biolinum O"; padding: 2px 20px; margin-top: 10px; } .gapln { font-size:110%; padding: 2px 2px; margin: 0px; } .AO-Text-Gap { font-style:italic; font-size:100%; background-color:#eee; color:#000; font-family:"HPMLinux Biolinum O"; } .AOsuperscr { font-style:normal; font-size:58%; vertical-align:super; color:#000; background-color:transparent; font-family:"HPMLinux Biolinum O"; } .corr, .AOcorr { font-style:normal; font-size:58%; vertical-align:super; color:#000; background-color:transparent; font-family:"HPMLinux Biolinum O"; } .sgn { font-style:normal; font-size:110%; color:#000; background-color:transparent; font-family:"HPMLinux Libertine O"; } /* # Anpassung der Klammern */ .AODeterm .del, .det .del, .d .del { font-size: 175%; vertical-align: -7px; } .sGr .del, .aGr .del { font-size: 112%; } /* # Ausweißen von "BAdewanne" */ .wht { color:#fff; } .num { font-style:normal; } .AO-LIT { font-weight:bold; background-color:#eee; color:#000; font-family:"HPMLinux Biolinum O"; } .subscr { font-style:normal; font-size:78%; color:#000; vertical-align:sub; font-family:"HPMLinux Libertine O"; } .AO--index { font-style:normal; font-size:58%; color:#000; vertical-align:sub; font-family:"HPMLinux Libertine O"; } .AO--superscr { font-style:normal; font-size:58%; vertical-align:super; color:black; font-family:"HPMLinux Biolinum O"; } .KolonNr { padding:1px; font-style:normal; font-size:78%; vertical-align:super; background-color:darkgray; color:#fff; font-family:"HPMLinux Biolinum O"; } .AO--italic { font-style:italic; font-family:"HPMLinux Libertine O"; } .master { background-color:#eee; color:#000; font-size:110%; font-family:"HPMLinux Libertine O"; } .masterT { background-color:#eee; color:#000; font-family:"HPMLinux Libertine O"; } td.master { border:2px solid lightgray; background-color:#EEEEEE; font-family:"HPMLinux Libertine O"; } .zcth { font-weight: normal; color:#000; font-family:"HPMLinux Biolinum O"; } .ztitel { font-size: 11pt; color:#000; vertical-align:top; font-family:"HPMLinux Biolinum O"; } .zeditor { font-size: 10pt; color:#000; vertical-align:top; font-family:"HPMLinux Biolinum O"; } span.LL { font-size: 10pt; color:#000; margin: 4px; font-variant:small-caps; color:#995511; border-width:0px; border-style:solid; padding:0.2em; text-align:left; font-family:"HPMLinux Biolinum O"; } /* für die CTH-Seite */ p.STD { font-size: 12pt; margin-left: 115px; text-indent: -80px; color: #025; font-family:"HPMLinux Biolinum O"; text-align: left; } .CTHcatnrZchn { margin-right: 0.5cm; } .CTHcatstichw { font-size: 120%; text-indent: 0px; } p.STD .AO--italic { font-family:"HPMLinux Biolinum O"; } /* INTRODUCTIO SEITE KRITISCHE EDITION */ .introductio .Hit, .introductio .Hur, .introductio .Luw, .introductio .Pal, .introductio .Hat, .introductio .Akk, .introductio .abbrev { color:inherit; background-color:inherit; font-style:italic; font-size:inherit; font-family:inherit; margin-bottom:inherit; padding-left:inherit; text-indent:inherit; } .introductio .sGr { font-style:inherit; font-size:90%; color:inherit; background-color:inherit; font-family:inherit; } .introductio .aGr { font-style:italic; font-size:90%; color:inherit; font-family:inherit; } .introductio .kin { font-style:inherit; font-variant: small-caps; color:inherit; background-color:inherit; font-family:inherit; } .introductio .AODeterm, .introductio .det, .introductio .d { font-style:inherit; font-size:58%; vertical-align:super; color:inherit; font-family:inherit; } .introductio .materlect, .introductio .MaterLect { font-style:inherit; font-size:75%; vertical-align:super; color:inherit; font-family:inherit; } .introductio .subscr { font-style:inherit; font-size:78%; color:inherit; vertical-align:sub; font-family:inherit; } /* fnbod */ .fnbod .AO--index, .fnbod .AO--italic, .fnbod .AO--superscr, .fnbod .AOAkkGRAM, .fnbod .AOcorr, .fnbod .AODeterm, .fnbod .AOSumgram, .fnbod .AOSumGRAM, .fnbod .AODeterm, .fnbod .AOHittite, .fnbod .AONumeral, .fnbod .AOsuperscr, .fnbod .abbrev, .fnbod .aGr, .fnbod .Akk, .fnbod .corr, .fnbod .d, .fnbod .det, .fnbod .Hat, .fnbod .Hit, .fnbod .Hur, .fnbod .Luw, .fnbod .Pal, .fnbod .sGr, .fnbod .Sum { color:inherit; background-color:inherit; font-family:inherit; } /* BUTTONS */ button.menu { font-weight: 300; color: #000; background-color: #bbb; border: 0px; border-radius: 0px; height: auto; font-size: 14px; text-transform: inherit; padding: 5px 30px; letter-spacing: normal; line-height: 20px; width: 31% } /* SUMMARY FOLD OUT AND ACCORDION COLLAPSIBLE */ .head1, .head2, .head3, .head4, .head5, .head6 { line-height: 1.1; letter-spacing: -.1rem; margin-top: 0; margin-bottom: 1.0rem; font-weight: 300; } .head1 { font-size: 4.2rem; } .head2 { font-size: 3.8rem; } .head3 { font-size: 3.4rem; } .head4 { font-size: 3.0rem; } .head5 { font-size: 2.4rem; } .head6 { font-size: 1.8rem; } details > summary::-webkit-details-marker, details > summary::marker { font-size: .8em; font-weight: bold; cursor: pointer; } .collapsible { background-color: #025; color: white; cursor: pointer; padding: 10 15px; width: 100%; border: none; text-align: left; text-transform: inherit; outline: none; font-size: 20px; opacity: 0.6; user-select: none; } .collapsible + .content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .collapsible:active + .content { display: block; } .active, .collapsible:hover { background-color: #a5b7d1; color: #025; display: block; } .collapsible.active { margin: 0px; } .collapsible:after { content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px; } .collapsible-text { opacity: 1.0; } .content { /* display: none; */ padding: 0 18px; /* padding-top: 20px; */ max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f1f1f1; opacity: 0.7; } .content p, .content ul { padding-top: 20px; } .content ul ul, .content ul ul ul, .content ul ul ul ul { padding-top: 0px; } /* MENUICON */ .menuicon { display: inline; cursor: pointer; } .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #036; margin: 6px 0; transition: 0.4s; border-radius: 4px; } .change .bar1 { transform: translate(0, 11px) rotate(-45deg); } .change .bar2 {opacity: 0;} .change .bar3 { transform: translate(0, -11px) rotate(45deg); } /* OTHER */ #container1 { width: 100vw; height: 300px; position: relative; } .container.main-hero { margin-top: 130px; margin-bottom: 30px; overflow: hidden; position: fixed; top: 0; } .fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #fff; } #navbar { padding: 10px 0; padding-right: 5%; padding-left: 2%; position: fixed; top: 140px; height: fit-content; } .navbar-brand { display: flex; /* justify-content: space-between; */ align-items: center; padding: 10px 20px; color: white; } .row { background-color: #fff; justify-content: center; display: flex; } #blue-footer { /*position: fixed; bottom: 0; width: 100%;*/ background-color: #036; padding: 10px; height: 1.5rem; z-index: 3; text-align: center; margin-top: 180px; position: relative; } #blue-footer a { color: #fff; text-decoration: none; margin: 0 15px; } #blue-footer a:hover { color: lightgray; } .footer-content { display: flex; justify-content: center; } /* .footer-section { width: 100%; justify-content: center; display: flex; gap: 60px; } */ .blue-content-left, .blue-content-right { padding-left: 5%; flex: 1; padding-right: 5%; width: 50%; box-sizing: border-box; } .row.blue-content { display: flex; flex-wrap: wrap; /* position: relative; z-index: 2; */ background-color: transparent; padding-top: 100px; margin-bottom: 100px; } .scroll-wrapper { padding-bottom: 100px; width: 100%; overflow-x: auto; white-space: nowrap; position: relative; z-index: 2; } .banner { width: 100vw; height: 100vh; overflow: hidden; position: fixed; z-index: 1; transition: height 0.3s; } .banner img { height: 100vh; position: absolute; } #sponsors { background-color: white; margin-top: 350px; z-index: 3; position: relative; padding-left: 20px; padding-right: 10px; } #sponsor-footer { margin: 0 5%; width: 90%; } .logo-container .row { display: flex; flex-wrap: wrap; justify-content: space-between; } .logo-container .row .column { flex: 1 1 30%; margin: 10px; text-align: center; } .logo-container { /* margin-left: 7%; margin-right: 5%; */ /* width: 85%; */ /* padding-right: 20px; padding-left: 0px; */ padding-bottom: 50px; padding-top: 20px; } .column { text-align: center; } .logo-header { margin-left: 5%; margin-right: 10%; } .translate-button { align-items: right; } /* Styles for navbar */ .nav#navbar { display: flex; /* justify-content: space-between; */ align-items: center; padding: 10px; background-color: #036; color: white; position: fixed; } .navbar-logo { font-size: 1.5rem; font-weight: bold; text-decoration: none; color: white; } .navbar-menu { display: flex; list-style-type: none; margin: 0; padding: 0; align-items: center; } /* .navbar-menu div li { margin-right: 20px; } */ .navbar-toggle { display: none; /* Hide the checkbox */ } .navbar-toggle-label { font-size: 1.5rem; cursor: pointer; } /* .navbar-left { display: flex; list-style-type: none; margin: 0; padding: 0; } .navbar-menu li:not(:last-child)::after { content: '|'; color: white; margin-left: 10px; position: absolute; right: -15px; } */ /* Media query for small screens */ @media (max-width: 600px) { /* .navbar-menu { display: none; /* Hide the menu items by default */ /* flex-direction: column; */ /* position: absolute; top: 100%; left: 0; right: 0; background-color: #036; padding: 20px; } */ /* .navbar-menu.open { display: flex; /* Show the menu items when the checkbox is checked */ /* } */ /* .navbar-menu li { margin: 10px 0; } */ /* .navbar-toggle:checked + .navbar-toggle-label ~ .navbar-menu { display: flex; /* Show the menu items when the checkbox is checked */ /* } */ } /* Hide logos on smaller screens */ @media (max-width: 750px) { .logo-header .header3 { display: none; } } @media (max-width: 450px) { .content-wrap { width: 100%; } .logo-header img { width: 90vw; } .container.main-hero { width: 100vw; margin-left: 0; margin-right: 0; padding: 0; left: 0; margin-top: 100px; } #container1 { margin-left: 0; margin-right: 0; padding: 0; } .fixed-header { height: 150px; } #sponsors.logo-container { margin-top: 350px; width: 70vw; padding-bottom: 0px; } .logo-container .row { width: 100%; flex-direction: column; align-items: center; } .column { width: 100%; margin: 20px 0; } #sponsor-footer.footer { margin: 0 5%; padding: 20px; } } /* Responsive styles for smaller screens */ @media (max-width: 650px) { .blue-content { /* display: flex; */ flex-direction: column; margin-bottom: 60px; } .blue-content-left, .blue-content-right { width: 90%; padding-left: 5%; padding-right: 5%; } /* .blue-content-left .collapsible, .blue-content-right .collapsible { width: 100%; } */ #sponsors.logo-container { margin-top: 600px; /*margin-right: 5%; */ width: 80vw; } .logo-container .row { width: 100%; flex-direction: column; align-items: center; } .column { width: 100%; margin: 20px 0; } #sponsor-footer.footer { margin: 0 5%; width: 100%; padding: 20px; } /* .banner { margin-top: 70px; }*/ .banner img { height: 80vh; } .blue-content-left, .blue-content-right { width: 100%; } #blue-footer { margin-top: 500px; } } /* Responsive styles for smaller screens */ @media (max-width: 750px) { .navbar-menu { flex-wrap: wrap; /* margin-bottom: 100px; */ } .navbar-menu li { flex: 1 1 auto; /* Allow items to grow and shrink as needed */ text-align: left; /* padding: 5px 10px; */ /* Adjust padding for better spacing */ } .navbar-menu li.translate-button { flex: 1 1 100%; /* Ensure the translate button takes a full row */ text-align: right; /* Align the translate button to the right */ } /* .banner { margin-top: 50px; }*/ } .right-menu, .left-menu { display: flex; } .left-menu ul, .right-menu ul { list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; } .left-menu { width: 70vw; flex: 1; justify-content: space-evenly; } .left-menu li { border-left: 1px solid white; padding-left: 10px; } @media (min-height: 1060px) { .scroll-wrapper { padding-top: 100px; } #sponsors.logo-container { margin-top: 200px; } } @media (min-height: 1200px) { .scroll-wrapper { padding-top: 250px; } #sponsors.logo-container { margin-top: 200px; } } @media (min-height: 1500px) { .scroll-wrapper { padding-top: 400px; } #sponsors.logo-container { margin-top: 100px; } } .navbar-container { display: flex; justify-content: space-between; align-items: center; } .burger-menu { display: none; font-size: 24px; background: none; border: none; color: white; cursor: pointer; } .burger-menu:hover { color: lightgray; } /* Responsive styles */ @media (max-width: 768px) { .navbar-container { width: 100%; display: flex; justify-content: space-between; align-items: center; } .navbar-menu { display: none; flex-direction: column; width: 100%; background-color: white; /* Set background color for dropdown */ } .navbar-menu.active { display: flex; } .navbar-menu > div { width: 100%; display: flex; flex-direction: column; } .navbar-menu > div > li { width: 65%; text-align: left; padding-left: 30px; margin-left: 10px; border-bottom: 1px solid #ccc; /* Optional: Add a border between items */ } .navbar-menu > div > li:last-child { border-bottom: none; } .navbar-menu a { color: #036; /* Change text color to match background */ display: block; width: 100%; padding: 15px 0; /* Adjust padding for better spacing */ } .burger-menu { display: block; } .right-menu { margin-left: 0; float: left; } .left-menu li { border-right: none; padding-right: 0px; } .fixed-header { height: 200px; } } .left-menu a:hover, .right-menu a:hover { color: lightgray; } div.right-menu { /* margin-left: auto; */ margin-right: 5%; } .burger-menu.active { color: white; /* Change text color to light gray */ } .burger-menu.active:hover { color: lightgray; /* Change text color to light gray */ }