/* 
teaserboxen
*/
.cell.schatten {
    position: relative;
    display: flex;
    flex-direction: column;
}

.cell.schatten .readmore {
	/*pfeil direkt nach dem text
	 dann margin-auto rausnehmen*/
    margin-top: auto;
    /*rechts*/
    /*align-self: flex-end;
    margin-right: 12px;*/
    /*links*/
    align-self: flex-start;
    margin-left: 14px;
}

.cell.schatten .readmore a {
    position: static;
}

/* 2. Der unsichtbare Riesen-Link (streckt sich über die Box) */
.cell.schatten .readmore a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* 3. TASTATURFOKUS: Wenn der Link aktiv ist, wird die GANZE Box markiert */
.cell.schatten:focus-within {
  /* Klassischer Fokus-Rahmen um die gesamte Box */
  outline: 2px solid black; 
  outline-offset: -1px;
  
  /* Optional: Zusätzlicher optischer Effekt (z.B. stärkerer Schatten) */
  box-shadow: 0 4px 12px dashed rgba(0,0,0,0.15); 
}

/*
grosse grüne boxen mit hintergrund klasse full
*/
.single-link-box {
    position: relative;
    display: flex;
    flex-direction: column;
}
.single-link-box {
  background-color: rgba(152, 175, 43, 0.9);
}

.single-link-box .readmore{
	/*pfeil direkt nach dem text
	 dann margin-auto rausnehmen*/
    margin-top: auto;
    /*rechts*/
    /*align-self: flex-end;
    margin-right: 12px;*/
    /*links*/
    align-self: flex-start;
    margin-left: 14px;
}

.single-link-box .readmore a{
    position: static;
}

/* der unsichtbare Riesen-Link (streckt sich über die Box) */
.single-link-box .readmore a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* TASTATURFOKUS: Wenn der Link aktiv ist, wird die GANZE Box markiert */
.single-link-box:focus-within {
  /* Klassischer Fokus-Rahmen um die gesamte Box */
  outline: 2px solid black; 
  outline-offset: -1px;
  
  /* Optional: Zusätzlicher optischer Effekt (z.B. stärkerer Schatten) */
  box-shadow: 0 4px 12px dashed rgba(0,0,0,0.15); 
}





/* 4. Den standardmäßigen, kleinen Rahmen um das Pfeil-Icon entfernen */
.readmore a:focus {
  outline: none;
}


/*news listing*/
.text-box.news + .readmore
{
  padding-left: 14px;
}