/*-------------------------------------------Leistung, Kosten, Termin */


.row h1, .row p{margin: 5px;}

 
@media only screen and (max-width:365px){.container-out:first-of-type h1{font-size:8.5vw;}}


@media only screen and (orientation: portrait){
.column:first-of-type{display: flex; justify-content:center; margin-bottom: 15px;} 
.column span{text-align: center;}  
}

@media only screen and (orientation: portrait) and (min-width:768px){
    .column:last-of-type{margin:0 5vw;}}






@media only screen and (orientation: landscape){   

.row{
            display: flex;
            flex-direction: row;      /* Elemente nebeneinander */
            justify-content: center;   /* Zentriert horizontal (in der Row) */
            align-items: center;       /* Zentriert vertikal */         /* Volle Höhe des Viewports */
} 
 
.column{display: flex;}    
.column:first-of-type{
            justify-content:right; 
            width: 30%;
            margin-right: 15px;
}
    
.column:last-of-type{
            flex-direction: column;    /* Inhalt vertikal anordnen */
            justify-content: center;   /* Inhalt innerhalb der Spalten vertikal zentrieren */
            text-align: left;
            width: 70%;}
  }  



/*-------------------------------------------DD > Dauer */
 .container-out:nth-child(2) .container-in:nth-child(4) .column:nth-child(2)  span h2{margin-top: 25px; font-weight: 200;
  font-style: italic;
  color: #f2961a;}