/*    **************** DETAIL PAGE GENERELL **********************  */
#project_area {
    max-width: 1200px; 
    margin-left: 0; 
    height: auto;
    border: 0px solid green; 
}

.detail_outer_head {
    width:100%;
    margin:auto;
    padding: 0;
    background-color: #fff; 
    }

.detail_outer_content {
    width:100%;
    margin:auto;
    padding: 0;
    background-color: #fff; 
    border:0px solid red;
    }
p , .detail_outer_content{font-size:1em;}

.credits {
    text-decoration: underline; 
    text-decoration-thickness: 1px;
    }
    
   /* wirkt auf Links im Text, NICHT auf Navbar */
a {
	color:#000;
	text-decoration: none;
    font-family:favorit_prolight;
	}
a:hover {color:#00f;   }

.detail-header  { text-align:justify; }
.detail-text     { text-align:justify; }

/* für copyright Angabe  */
.copy {
    width:100%;
    margin:auto;
    text-align:right;
    font-size:1em;
    padding:3px 0;
    border:0px solid green;
}
/*  *************** ENDE DETAIL PAGE GENERELL *******************  */


/*  ************ BILD mit QUERFORMAT in Slideshow************  */
.uk-slideshow-items img { width: 100%; }

/*  ************ BILD mit HOCHFORMAT in Slideshow************  */
.uk-slideshow-items img.portrait {
    width: 44.4%; 
    position:relative; 
    left:27.8%;
    top:0;
    border:0px solid red; 
}

/*  ************ BILD mit geringer Höhe in Slideshow************  */
.uk-slideshow-items img.narrow {
    position:relative; 
    top:10%;
    border:0px solid red; 
}
/*  **************************  ENDE BILDER  ****************************  */

/*  **********  BUTTON for collapsible content  ***************  */
/*     Formatierung direkt im Beitrag, wurde aus .css-File nicht erkannt */
/* *************** ENDE BUTTON *****************  */

/* ---------------------------  WIDE SCREENS  nichts speziell ---------------------------------------  */
@media screen and (min-width: 1201px) { }
/* ---------------------------- ENDE  WIDE SCREENS  --------------------------------------------------  */

/*  ++++++++++++++++++++++++++++++++++++ MEDIUM SCREENS  ++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width:992px) and (max-width: 1200px) {

/* Text auf Mobilgeräten etwas groesser  */    
.detail_outer_head p {font-size:16px; }
.detail_outer_content{font-size:16px;}
 
}
/*  ++++++++++++++++++++++++++++++++++++ ENDE MEDIUM SCREENS  ++++++++++++++++++++++++++++++++++++  */

/*  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  SMALL SCREENS   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
@media screen and (max-width:992px)  {
    
/* Text auf Mobilgeräten etwas groesser  */    
.detail_outer_head p {font-size:16px; }
.detail_outer_content{font-size:16px;}

}
/*  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ENDE  SMALL SCREENS   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */