/* - archimaera.css - */
@media screen {
/*
** Table-based column layout for all browsers.
**
** There's a table-less column layout alternative in the plone_tableless
** skin layer, if you prefer layouts without tables.
*/

/*  */

/* REMOVED fullscreen css */

/* BEGIN text-pages custom css */




.documentFirstHeading, .documentByLine {
    display: none;
}

.document-content-body {
    font-size: 1em;
    line-height: 1.4em;
    -webkit-columns: 100px 2; /* Chrome, Safari, Opera */
    -moz-columns: 100px 2; /* Firefox */
    columns: 100px 2;
    column-gap: 20px;
    padding: 20px;
}

.document-content-body-nocolumn {
    font-size: 1em;
    line-height: 1.4em;
    padding: 20px;
}

.document-content-body-onecolumn {
    font-size: 1em;
    line-height: 1.4em;
    padding: 20px 40px 20px 20px;
    width: calc(50% - 20px);
}

.document-content-body-onecolumn-wide {
    font-size: 1em;
    line-height: 1.4em;
    padding: 20px 40px 20px 20px;
    width: calc(75% - 20px);
}

.link-mailto {
    background: none;
    padding: 0;
}

.link-external {
    padding: 0;
    background: none;
}





/* END text-pages custom css */

/* BEGIN all_issues and issue-content-macro custom css */





.link-parent, .coverpicture, .documentDescription, .stx {
   display:none;
}

.documentEditable > .documentContent > .link-parent {
   display: initial!important;
}

.documentEditable > .documentContent > .documentFirstHeading {
   display: initial!important;
}

.documentEditable > .documentContent > div dl {
   margin-top: 40px!important;
}

.documentEditable > .documentContent > div form a {
   display: initial!important;
}

.documentActions img, #splash-screen-fulltext img {
   width: auto;
   height: 25px;
}

.article-info-wrapper {
    position: absolute;
    z-index: 1;
   top: 0;
   padding: 0.5em!important;
   transition: 0.2s ease-in;
}

.article-img-wrapper {
   width: 250px;
   height: 353px;
   transition: 0.2s ease-in;
   position: relative;
   overflow: hidden;
   z-index: 1;
}

.read_link {
   text-align: left;
   color: black;
   width: calc(252px - 0.5em);
   font-size: small;
   position: absolute;
   top: -15px;
   margin: 0;
   opacity: 0;
   padding: 0.5em!important;
   line-height: 2em; 
   transition: 0.2s ease-in;
}

.read_link a {
  width: 100%;
  text-decoration: underline!important;
}

ul.authors {
   margin: 0!important;
   opacity: 1;
}

.authors li, .article_actions li {
   border: none!important;
   padding: 0!important;
}

.pdf_link {
   display: none!important;
}

.section-content img {
   width: 250px;
   height: 353px;
   position: relative;
   z-index: 0;
   transition: 0.2s ease-in;
   filter: saturate(0.7);
}

.section-content li:hover img {
   opacity: 1;
   z-index: 10;
   transition: 0.2s ease-in;
   width: 252px;
   height: 360px;
   margin-top: -1px;
   margin-left: -3.5px;
}

.section-content li:hover .article-info-wrapper,
.complete-issue:hover .article-info-wrapper {
   transition: 0.2s ease-in;
   top: -10px;
   opacity: 0;
}

.section-content li:hover .read_link {
   transition: 0.2s ease-in;
   opacity: 1;
   top: -33px;
}

/*#portal-personaltools {
   position: fixed;
   right: 5px;
}*/

.documentFirstHeading {
   display: none;
}

.documentByLine {
    display: none;
}

.volume_content, .section-content {
   display: flex;
   flex-wrap: wrap;
   position: relative;
}

.section-content {
   width: 100%;
   height: 100%;
   margin: 0!important;
}

.issue-content {
   margin: 0;
}

.volume_content li, .section-content > li {
    width: 250px;
    height: 353px;
    position: relative;
    margin: 0px 0px 5vw 5vw!important;
    padding: 0!important;
    border: 1px solid;
    flex-shrink: 0;
}

.complete-issue {
    width: 250px;
    height: 353px;
    position: relative;
    margin: 0px 0px 5vw 5vw!important;
    padding: 0!important;
    border: 1px solid;
    flex-shrink: 0; 
}

.complete-issue a {
    width: calc(250px - 0.5em);
    height: calc(353px - 2em);
    display: block;
}

.complete-issue span {
    font-weight: bold;
    color: #436976;
}


.volume_content li {
      overflow: hidden;
}

.volume_cover_wrapper {
  position: relative
     width: 250px!important;
   height: 353px!important;
   overflow: hidden;
}

.issuepicture {
   width: 250px!important;
   height: 353px!important;
   position: absolute;
   top: 0;
}

.volume_content img {
    width: 100%;
    height: 100%;
    transition: 0.2s ease-in;
}

.issueinfo {
   width: 100%;
   height: 100%;
}

.issuecontent {
   margin: 0!important;
   padding: 10px!important;
  font-weight: 100;
  color: black;
}

.issuecontent h2 {
    font-size: medium;
}

.issuecontent p {
   font-size: small;
   font-style: italic;
}

.volume_content img:hover {
   opacity: 0.1;
   z-index: -10;
   transition: 0.2s ease-in;
   width: 260px;
   height: 367px;
   margin-top: -8px;
   margin-left: -5px;
}

.complete-issue:hover img {
   opacity: 1;
   z-index: -10;
   transition: 0.2s ease-in;
   width: 252px;
   height: 360px;
   margin-top: -1px;
   margin-left: -3.5px;
}

.complete-issue:hover .article-img-wrapper {
   opacity: 1;
}


.documentContent a {
  border: none!important;
}

/*.documentContent > .documentActions {
  display: none!important;
}*/

#region-content p img {
   display: none;
}

/*#region-content > p {
   display: none;
}*/

#authorblurb {
   padding: 0 0 1em 0;
}

.discussion {
   display: none;
}

/* END all_issues and  issue-content-macro custom css */


/* BEGIN main-template custom css */

.centered_list {
  text-align: center;
  margin-left: -200px;
  line-height: 2.8em!important;
}

.centered_list a {
    text-decoration: none!important;
   color: black!important;  
}

.centered_list ol {
  line-height: 2.8em!important;
}

.centered_list dd {
  margin-bottom: 4em;
}

.centered_list span {
  text-weight: strong;
}


#authors-initials {
  margin-bottom: 4em;
}


#portlet-articlesearch  {
   padding-top: 50px;
}


dd.portletFooter {
   background: none;
   border: none;
   padding: 10px 0px 0px 0px;
   text-align: left;
}

#portal-header a, #portal-column-one a, .article-info-wrapper a, .issuecontent a, #portal-personaltools a, .documentEditable a, .configlets a, .contentViews a, .desktop a {
   text-decoration: none!important;
}

body a {
   text-decoration: underline!important;
}

.preload {
  transition: none !important;
}

#portal-personaltools-wrapper {
    width: 95vw;
}

#portal-column-two {
   display: none;
}

#portal-top {
    height: 8vw;
    width: 95vw!important;
}

.visualClearTop {
    height: 100px;
        width: 95vw;
}

.visualClear {
     height: 70px;
      width: 20vw;
}

#portal-header {
    width: 15vw;
    z-index: 100;
    margin-left: 10px !important;
}

#portal_logo {
    text-decoration: none;
    color: black;
    margin: 0;
}

#portal_logo p {
    font-size: 29px;
    color: black;
    font-weight: 600;
}

#portal-footer-archimaera {
       width: 200px;
       height: 70px;
       background-color: white;
       position: fixed;
       bottom: 0;
      margin-left: 2.5vw;
}

#dipp_logo img {
    padding: 10px 0px 10px 1em;
}

#portal-globalnav {
    list-style: none;
    font-size: 19px;
        font-weight: 100;
    width: 200px;
        line-height: 1.5em;
}

#portal-globalnav li a {
    text-decoration: none;
    color: grey;
    border: 0;
    padding: 0;
}

#portlet-dippnav {
    text-align: left;
}

#portlet-dippnav ul {
    list-style: none;
    font-size: 10px;
        width: 200px;
}

#portlet-dippnav li a {
     text-decoration: none;
    color: grey;
    border: 0;
    padding: 0;
}

#portlet-prefs {
   height: 420px;
   overflow: scroll;
   overflow: -moz-scrollbars-none;
   -ms-overflow-style: none;
}

#portlet-prefs::-webkit-scrollbar { width: 0 !important }

#portlet-editorialmanager {
   color: black;
}

/* END custom css main-template*/

#portal-header a{
    text-decoration: none;
}
#portal-header img, #portal-footer-archimaera img {
    vertical-align: top;
    width: 150px; /*new*/
}

#portal-header {
    margin-bottom: 1em;
    position: fixed; /*new*/
}

#visual-portal-wrapper {
    /* width: 76em; */
    width: 95vw; /*changed*/
    margin-top: 2em;
    margin-left: 2.5vw; /*changed*/
    margin-right: 2.5vw; /*changed*/
}

#visual-column-wrapper {
   /*  background-image: url(https://www.archimaera.de/background-title.jpg); */
    margin: 0;
    width: 95vw;
}
#portal-column-content {
    background-color: #fff;
    float: left; /*changed*/
    /* height: 32em; */
    height: 100%; /*new*/
    /*border-right: 1em solid #000;*/
    /* width: 51em; */
    width: calc(100vw - 350px); /*new*/
    /* overflow: auto; */
    overflow: visible; /*new*/
    /* margin: 0; */
    margin-left: calc(350px - 5vw);
}
.visualColumnHideTwo #portal-column-content #content,
#portal-column-content #content {
    margin: 0;
    padding: 0 !important;
    /*height: 100%;*/
}

#portal-column-one .visualPadding {
    height: 100%;
}

/*new*/
.portal-column-two {
    display: none;
}
/*new*/

#portal-column-one {
    position: fixed; /*new*/
    float:left;
    height: 100%;
    /*width:12em;*/
    /*height: 32em;*/
    overflow: visible!important;
}

#portal-column-one dl.portlet,
#portal-column-two dl.portlet {
    background-color: transparent;
    border-bottom: 0;
    margin: 0;
}

#portal-column-one {
    /*background-image:url(https://www.archimaera.de/bg-black.png)!important;*/
    /*background-image:url(https://www.archimaera.de/bg-black.gif);*/
    /*_filter: Alpha(opacity=80);*/
    border-bottom: 0;
    margin: 0;
}
.section-front-page #portal-column-two {
    background-image: none !important;
    background-color: transparent;
}

.section-front-page #portal-column-content,
.archimaera-plain #portal-column-content {
    background-image: none !important;
    background-color: transparent;
    overflow: hidden;
}

/*.section-front-page .documentContent,
.archimaera-plain .documentContent {
    margin: 0em 3em 0 13em;
}*/

.section-front-page .content,
.archimaera-plain .content {
    padding: 2em 0 5em 0 !important;
}

#portal-column-two {
    background-image: none;
    background-color: white;
    border-bottom: 0;
    margin: 0;
}

.section-front-page #portal-column-two,
.archimaera-plain #portal-column-two {
    background-image:url(https://www.archimaera.de/bg-white.png)!important;
    background-image:url(https://www.archimaera.de/bg-white.gif);
    _filter: Alpha(opacity=80);
    background-color: transparent;
    border-bottom: 0;
    margin: 0;
}
.section-front-page #portal-column-two,
.section-front-page .documentFirstHeading {
    display: none;
}

#portal-columns {
    border: 0px solid black;
    background-repeat: repeat-x;
}
.portlet {
    padding: 0 0 0 1em;
}

/* BEGIN  portal-globalnav in a portlet */

#portal-column-one .portlet {
    border: 0;
}
#portal-column-two .visualPadding {
    padding: 0;
}
#portal-column-one .visualPadding {
    padding: 0;
}

#portal-globalnav {
    padding: 0;
}

#portal-globalnav li{
    display: block;
    padding-left: 0;
    margin-left: 0;
}
/*#portal-globalnav li a,*/
#portal-globalnav li a:hover {
    border: 0;
    font-weight: bold;
    color: black;
    padding: 0;
}
#portal-globalnav li a:hover {
    background-color: transparent;
    border: 0;
}
#portal-globalnav li.selected a {
    color: black;
    background-color: transparent;
    border: 0;
    /*font-size: 125%*/
    /*padding-top: .7em;
    padding-bottom: .7em;*/
    font-weight: bold; /*new*/
}
#portal-globalnav li.selected {
    /*padding-top: 0.3em;
    padding-bottom: 0.3em;*/
}

dd.portletItem {
    color: grey;
}

dd.portletItem strong {
    color: black;
}

.portletHeader {
    display: none;
}
.portletItem {
    border: 0;
    padding: 1em 0 1em 0;
    color: #ddd;
}
.navTreeLocal { 
    list-style-image: none;
    list-style-type: none; 
}

/* END portal-globalnav in a portlet */


#portal-personaltools {
    border: 0;
    background-color: transparent;
    padding: 0;
}

#portlet-navigation-tree a,
#portlet-navigation-tree a:hover {
    font-weight: bold;
    border: 0;
    background-color: transparent;
    text-transform: lowercase;
}

.navTreeCurrentItem {
    border: 0 !important;
}

#portlet-articleinfo ul li {
    list-style: none;
}
#portlet-navigation-tree ul,
#portlet-articleinfo ul {
    margin-left: 0;
    text-transform: lowercase;
}
#portlet-articleinfo a,
#portlet-articleinfo a abbr {
    font-weight: bold;
    color: #0000ff;
}
.section-aktuelles-heft .documentFirstHeading,
.section-aktuelles-heft #portlet-navigation-tree a {
    color: #000066;
}

.section-nachstes-heft .documentFirstHeading,
.section-nachstes-heft #portlet-navigation-tree a {
    color: #800000;
}

.section-archiv .documentFirstHeading,
.section-archiv #portlet-navigation-tree a {
    color: #006666;
}

.section-uber-archimaera .documentFirstHeading,
.section-uber-archimaera #portlet-navigation-tree a {
    color: #008000;
}

.section-mitmachen .documentFirstHeading,
.section-mitmachen #portlet-navigation-tree a {
    color: #cc0000;
}

.section-service .documentFirstHeading,
.section-service #portlet-navigation-tree a {
    color: #c85000;
}

.section-kontakt .documentFirstHeading,
.section-kontakt #portlet-navigation-tree a {
    color: #006600;
}

h1, h2, h3, h4, h5, h6 {
    border-bottom: 0;
    font-weight: bold;
}

.documentFirstHeading {
    text-transform: lowercase;
}

/* authoring */
.contentViews li a {
    margin-right: 0.1em;
    padding: 0em 0.5em;
    background-color: #fff;
}
.contentViews {
    margin-top: 0.5em;
}

#portlet-search {
    padding-top: 3em;
    width: 200px;
}
input.searchButton {
    background: none; /*changed*/
    border: 0;
    color: grey; /*new*/
    font-size: large;
    margin-left: -150px;
    margin-top: -40px;
}

#searchGadget {
    background: none; /*changed*/
    border: 1px solid grey; /*changed*/
    font-weight: bold;
    color: grey; /*changed*/
   width: 130px!important;
}
.LSBox {
    text-align: left;
}
.LSResult {
    text-align: left;
    margin-top: 20px!important;
}

.livesearchContainer {
   width: 200px!important;
   left: 0!important;
}

.LSIEFix {
   max-height: 200px;
   scrollbar-width: none;
   overflow: scroll;
}

/*
#portal-column-one {
    float: left;
}
#portal-column-two {
    float: left;
}
*/


/* BEGIN media custom css */




@media only screen 
                    and (max-width: 850px)
{

#portal-column-content {
   margin-left: 300px;
}

#portal-top {
   height: 100px;
}

.document-content-body {
    -webkit-columns: 1; /* Chrome, Safari, Opera */
    -moz-columns: 1; /* Firefox */
    columns: 1;
    column-gap: 0px;
    padding: 20px 0 0 0;
}

.document-content-body-onecolumn, .document-content-body-onecolumn-wide {
    font-size: 1em;
    line-height: 1.4em;
    padding: 20px 0 0 0;
    width: calc(100% - 20px);
}

.centered_list {
  margin-left: 0px;
}

}


@media only screen 
  and (max-width: 750px)
{



} 


@media only screen 
  and (max-width: 600px) 
 {


#portal-top {
   height: 70px;
}

#portal-column-content {
   width: 252px;
   margin-left: calc(47.5vw - 126px);
   margin-top: 280px;
}

.volume_content li, .section-content li {
   margin: 0 5vw 10vw 0!important;
}

#portal-globalnav {
   padding-top: 0px;
}

#portal-personaltools-wrapper {
    margin-top: -195px;
}

#content {
   width: 252px;
}

#region-content {
   padding: 0!important;
}

#portal-column-one {
  position: absolute;
}

#portal-header {
   position: relative;
}

#portlet-search {
   display: none;
}

#portal-footer-archimaera {
       position: relative;
}

.document-content-body {
    -webkit-columns: 1; /* Chrome, Safari, Opera */
    -moz-columns: 1; /* Firefox */
    columns: 1;
    column-gap: 0px;
    padding: 20px 0 0 0;
}

#portlet-prefs, #portlet-editorialmanager  {
      height: 220px;
     overflow: scroll;

}

#portlet-articlesearch  {
  display: none;
}


}

@media only screen 
                    and (max-height: 440px)
{
 #portal-globalnav li {
   font-size: 85%;
   margin-bottom: 0;
}

dd.portlet-item {
   padding-top: 0;
}

#portlet-articlesearch  {
  display: none;
}

#portal-footer-archimaera {
  display: none;
}

#portal-top {
   height: 70px;
}

.volume_content li, .section-content li {
   margin: 0 5vw 10vw 0!important;
}

.complete-issue {
  margin: 0 5vw 10vw 0!important;
}

}

@media (hover: none) {
   .read_link, .read_link a {
     top: -33px;
     opacity: 1;
     z-index: 100;
}

}


/* END media custom css */


/* BEGIN TEMP Missing Covers */


.article-img-wrapper {
  background-size: 100%;
  opacity: 0.2;
  background-position: center;
}

.section-content li:hover .article-img-wrapper {
  background-size: 104%;
  opacity: 1;
}

.paper4943 img,
.paper4944  img,
.paperplecniks_ljubljana img,
.paperfognatura_sabbioneta img,
.papersequenzen_architektonischer_aneigung img,
.paperstereoscopic_encounters img,
.paperdutchboundaries img,
.paperEditorial img,
.papersubstanz_oder_zeichen img,
.paperparadoxien_vergaenglichkeit img,
.paperumbaubarkeit_staedte img,
.papereditorial_ephemere_architektur img,
.papereditorial img,
.paperhorsch_raspe_katafalke img,
.paperlass_mertzelbach img,
.paperbyern_careme img,
.paperhaps_alpenpanoramen img,
.paperkegler_stehplaetze img,
.papercoers_demand img,
.paperverteidigung img,
.paperkopie_der_kopie img,
.paperraubkopien img,
.paperlandschaft img,
.paperstadtschloss img,
.papereheschliessung img,
.paper1274 img,
.paper1199 img,
.paper1197 img,
.papercfp_archimaera003 img,
.paper1208 img {
  opacity: 0!important;
}

.paper4943 {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paper4943-cover);
}

.paper4944 {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paper4944-cover.jpg);
}

.paperplecniks_ljubljana {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperplecniks_ljubljana.jpg);
}

.paperfognatura_sabbioneta {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperfognatura_sabbioneta.jpg);
}
.papersequenzen_architektonischer_aneigung {
  background-image: url(https://www.archimaera.de/portal_skins/custom/papersequenzen_architektonischer_aneigung.jpg);
}
.paperstereoscopic_encounters {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperstereoscopic_encounters.jpg);
}
.paperdutchboundaries {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperdutchboundaries.jpg);
}
.paperEditorial {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperEditorial.jpg);
}
.papersubstanz_oder_zeichen {
  background-image: url(https://www.archimaera.de/portal_skins/custom/papersubstanz_oder_zeichen.jpg);
}
.paperparadoxien_vergaenglichkeit {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperparadoxien_vergaenglichkeit.jpg);
}
.paperumbaubarkeit_staedte {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperumbaubarkeit_staedte.jpg);
}
.papereditorial {
  background-image: url(https://www.archimaera.de/portal_skins/custom/papereditorial.jpg);
}
.papereditorial_ephemere_architektur {
  background-image: url(https://www.archimaera.de/portal_skins/custom/papereditorial_ephemere_architektur.jpg);
}
.paperhorsch_raspe_katafalke {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperhorsch_raspe_katafalke.jpg);
}
.paperlass_mertzelbach {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperlass_mertzelbach.jpg);
}
.paperbyern_careme {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperbyern_careme.jpg);
}
.paperhaps_alpenpanoramen {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperhaps_alpenpanoramen.jpg);
}
.paperkegler_stehplaetze {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperkegler_stehplaetze.jpg);
}
.papercoers_demand {
  background-image: url(https://www.archimaera.de/portal_skins/custom/papercoers_demand.jpg);
}
.paperverteidigung {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperverteidigung.jpg);
}
.paperkopie_der_kopie {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperkopie_der_kopie.jpg);
}
.paperraubkopien {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperraubkopien.jpg);
}
.paperlandschaft {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperlandschaft.jpg);
}
.paperstadtschloss {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paperstadtschloss.jpg);
}
.papereheschliessung {
  background-image: url(https://www.archimaera.de/portal_skins/custom/papereheschliessung.jpg);
}
.paper1274 {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paper1274.jpg);
}
.paper1199 {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paper1199.jpg);
}
.paper1197 {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paper1197.jpg);
}
.paper1208 {
  background-image: url(https://www.archimaera.de/portal_skins/custom/paper1208.jpg);
}
.papercfp_archimaera003 {
  background-image: url(https://www.archimaera.de/portal_skins/custom/papercfp_archimaera003.jpg);
}


/* END TEMP Missing Covers */

/*  */
}