@import url(theme.css);

/*
 

+--1--+--2--+--3--+--4--+        +--1--+--2--+--3--+--4--+                  
| .....     |           |        | .....     |           |
| :ABC:     |           |        | :ABC:     |           |
| '''''     |           |        | '''''     |           |
|           |           |        |           |           |
|           |           |        |           |           |
|-----------+-----------|        |-----------+-----------|
|     |     |     |     |        |     |     |           |
|abc  |abc  |abc  |abc  |        |abc  |abc  |           |
|-----+-----+-----+-----|        |-----+-----+           |
|     |     |           |        |     |     |           |
|abc  |abc  |           |        |abc  |abc  |abc        |
|-----+-----+           |        |-----+-----+-----+-----|
|     |     |           |        |     |     |     |     |
|abc  |abc  |           |        |abc  |abc  |abc  |abc  |
|-----+-----+-----+-----|        |-----+-----+-----+-----|
|     |     |     |     |        |     |     |     |     |
|abc  |abc  |abc  |abc  |        |abc  |abc  |abc  |abc  |
|-----+-----+-----+-----|        |-----+-----+-----+-----|
|     |     |     |     |        |     |     |     |     |
|abc  |abc  |abc  |abc  |        |abc  |abc  |abc  |abc  |
          . . .                            . . .




+--1--+--2--+--3--+--4--+        +--1--+--2--+--3--+--4--+                  
| .....     |           |        | .....     |           |
| :ABC:     |           |        | :ABC:     |           |
| '''''     |           |        | '''''     |           |
|           |           |        |           |           |
|           |           |        |           |           |
|-----------+-----------|        |-----------+-----------|
|     |     |     |     |        |     |     |           |
|abc  |abc  |abc  |abc  |        |abc  |abc  |           |
|-----+-----+-----+-----|        |-----+-----+           |
|           |     |     |        |     |     |           |
|           |abc  |abc  |        |abc  |abc  |abc        |
|           +-----+-----|        |-----+-----+-----+-----|
|           |     |     |        |           |     |     |
|abc        |abc  |abc  |        |           |abc  |abc  |
|-----+-----+-----+-----|        |           +-----+-----|
|     |     |     |     |        |           |     |     |
|abc  |abc  |abc  |abc  |        |abc        |abc  |abc  |
|-----+-----+-----+-----|        |-----+-----+-----+-----|
|     |     |     |     |        |     |     |     |     |
|abc  |abc  |abc  |abc  |        |abc  |abc  |abc  |abc  |
          . . .                            . . .



+--1--+--2--+--3--+--4--+        +--1--+--2--+--3--+--4--+                  
| .....     |           |        | .....     |           |
| :ABC:     |           |        | :ABC:     |           |
| '''''     |           |        | '''''     |           |
|           |           |        |           |           |
|           |           |        |           |           |
|-----------+-----------|        |-----------+-----------|
|     |     |     |     |        |     |           |     |
|abc  |abc  |abc  |abc  |        |abc  |           | abc |
|-----+-----+-----+-----|        |-----+           +-----|
|           |     |     |        |     |           |     |
|           |abc  |abc  |        |abc  |           | abc |
|           +-----+-----|        |-----+-----+-----+-----|
|           |           |        |           |     |     |
|abc        |           |        |           |abc  |abc  |
|-----+-----+           |        |           +-----+-----|
|     |     |           |        |           |     |     |
|abc  |abc  |abc        |        |           |abc  |abc  |
|-----+-----+-----+-----|        |-----+-----+-----+-----|
|     |     |     |     |        |     |     |     |     |
|abc  |abc  |abc  |abc  |        |abc  |abc  |abc  |abc  |
          . . .                            . . .


*/


#awo-gallery
{
	background-color: var(--color-awo-a-light);
	padding: 0px;
}

.awo-gallery-grid 
{
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	width: 100%;
	padding: 0;
}

.awo-gallery-item 
{
	position: relative;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: inherit;
	background-color: var(--color-awo-a-light);
	border: 0 none;
	border-right: 4px solid #fff;
	border-top: 0px solid #fff;
	border-bottom: 4px solid #fff;
}

.awo-gallery-item figcaption .awo-sect-title
{
	max-width: 46%;
	width: 46%;
	min-width: 300px;
	font-size: 1.9rem;
	font-weight: bold;
	position: absolute;
	top: 0.5em;
	left: 0em;
	margin-left: 0em;
	text-indent: 0em;
}

.awo-gallery-item figcaption .awo-sect-title span
{
    padding: 0.5em 0.75em;
    line-height: 1.9em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: var(--color-awo-b);
    color: var(--color-awo-b-complement);
}

.awo-gallery-item figure,
.awo-gallery-item figure img
{
	width: 100%;
	margin: 0;
	max-height: 800px;
}


.awo-img-title
{
	padding: 1rem 0.5rem 1.5rem 1rem;
	display: block;
}

.awo-attribution
{
	display: block;
	margin: 0;
	font-size: 0.8rem;
	position: absolute;
	top: 3px;
	right: 3px;
	color: #000;
	letter-spacing: 0.05em;
	background-color: rgba(255,255,255,0.5);  /* da WCAG text-shadow nicht mag */
	padding: 0 0.5em 0 0.5em;
}


.awo-gallery-item img 
{
	max-width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}


@media (min-width: 601px) 
{
	.awo-gallery-grid 
	{
		grid-template-columns: 1fr 1fr;
	}

	.awo-gallery-item:nth-child(1)
	{
		grid-column-start: 1;
		grid-column-end:   3;
	}

	.awo-gallery-item:nth-child(1) .awo-img-title
	{
		display: none;
	}

}


@media (min-width: 1025px) 
{
	.awo-gallery-grid 
	{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.awo-gallery-item:nth-child(1)
	{
		grid-column-start: 1;
		grid-column-end:   3;
	}
	.awo-gallery-item:nth-child(2)
	{
		grid-column-start: 3;
		grid-column-end:   5;
	}
	
	.awo-gallery-item:nth-child(2) .awo-img-title
	{
		display: none;
	}
}