.tams-abverkauf-angebot-list.row {
    margin: 0;
    }
.tile-angebot .inner {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid white;
    /* Übergang vorbereiten */
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
.tile-angebot a:hover {
    text-decoration: none !important;
    }
.tile-angebot a:hover .inner {
    transform: scale(1.02); /* leicht vergrößern */
    }
.tile-angebot .angebot-title {
    background-color: rgb(128, 128, 127);
    color: white;
    width: fit-content;
    font-weight: bold;
    padding: 5px 50px 5px 5px;
    margin-top: 10px;
    }
.tile-angebot a:hover .angebot-title {
    background-color: #ffcb02;
    }
.tile-angebot .angebot-price {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 30%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: right;
    justify-content: right;
    -webkit-align-items: end;
    align-items: end;
    background: #ffcb02;
    color: #fff;
    font-weight: bold;
    text-align: center;
    clip-path: polygon(100% 100%, 0% 100%, 100% 0%);
    padding: 0 10px 0px 0;
    font-size: 2rem;
    }
.tile-angebot a:hover .angebot-price {
    background: rgb(128, 128, 127);
    }
.angebot-price-single-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: start;
    justify-content: start;
    /*background-color: rgb(128, 128, 127);*/
    }
.angebot-price-single{
    position: relative;
    /*background-color: #ffcb02;*/
    width: 100%;
    color: rgb(128, 128, 127);
    font-size: 3rem;
    font-weight: bold;
    padding: 0 15px;  
    }
.angebot-price-single:after {
    content: '';
    /* background-color: #ffcb02; */
    background: linear-gradient(to right, #ffcb02, transparent, transparent);
    position: absolute;
    width: 100%;
    height: 15px;
    margin-left: 10px;
    bottom: 25px;
    }
#menu_nav_primary.navbar-nav li.menu-item.uppercase {
    background-color: #ffcb02;
    }
#menu_nav_primary.navbar-nav li.menu-item.uppercase a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-style: italic;
    color: white !important;
    padding: 0 5px;
    }
#menu_nav_primary.navbar-nav li.menu-item.uppercase:hover{
    background-color: rgb(128, 128, 127);
    }
/* 
  oooooooo  ooooooooo     .ooo   
 dP""""""" d"""""""8'   .88'     
d88888b.         .8'   d88'      
    `Y88b       .8'   d888P"Ybo. 
      ]88      .8'    Y88[   ]88 
o.   .88P     .8'     `Y88   88P 
`8bd88P'     .8'       `88bod8' 
Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .tile-angebot .angebot-price {
        height: 15%;
        }
}
/* 
 ooooooooo     .ooo    .ooooo.   
d"""""""8'   .88'     d88'   `8. 
      .8'   d88'      Y88..  .8' 
     .8'   d888P"Ybo.  `88888b.  
    .8'    Y88[   ]88 .8'  ``88b 
   .8'     `Y88   88P `8.   .88P 
  .8'       `88bod8'   `boood8'  
Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .tile-angebot .angebot-price {
        font-size: 1.3rem;
        }
}
/* 
 .ooooo.    .ooooo.     .oooo.   
888' `Y88. 888' `Y88. .dP""Y88b  
888    888 888    888       ]8P' 
 `Vbood888  `Vbood888     .d8P'  
      888'       888'   .dP'     
    .88P'      .88P'  .oP     .o 
  .oP'       .oP'     8888888888 
Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .tile-angebot .angebot-price {
        font-size: 2rem;
        }
}
/*
  .o    .oooo.     .oooo.         .o   
o888   d8P'`Y8b  .dP""Y88b      .d88   
 888  888    888       ]8P'   .d'888   
 888  888    888     .d8P'  .d'  888   
 888  888    888   .dP'     88ooo888oo 
 888  `88b  d88' .oP     .o      888   
o888o  `Y8bd8P'  8888888888     o888o
*/
@media (min-width: 1024px) {
    .tile-angebot .angebot-price {
        height: 15%;
        }
    }
/* 
  .o    .oooo.     .oooo.     .oooo.   
o888  .dP""Y88b   d8P'`Y8b   d8P'`Y8b  
 888        ]8P' 888    888 888    888 
 888      .d8P'  888    888 888    888 
 888    .dP'     888    888 888    888 
 888  .oP     .o `88b  d88' `88b  d88' 
o888o 8888888888  `Y8bd8P'   `Y8bd8P'
Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .tile-angebot .angebot-price {
        font-size: 1.3rem;
        }
}
/*
  .o    .oooo.       .ooo       .ooo   
o888  .dP""Y88b    .88'       .88'     
 888        ]8P'  d88'       d88'      
 888      <88b.  d888P"Ybo. d888P"Ybo. 
 888       `88b. Y88[   ]88 Y88[   ]88 
 888  o.   .88P  `Y88   88P `Y88   88P 
o888o `8bd88P'    `88bod8'   `88bod8'  
*/
@media (min-width: 1366px){
    .tile-angebot .angebot-price {
        font-size: 2rem;
        height: 25%;
        }
    }
/* 
  .o        .o         .o     .oooo.   
o888      .d88       .d88    d8P'`Y8b  
 888    .d'888     .d'888   888    888 
 888  .d'  888   .d'  888   888    888 
 888  88ooo888oo 88ooo888oo 888    888 
 888       888        888   `88b  d88' 
o888o     o888o      o888o   `Y8bd8P' 
Extra large devices (large desktops, 1440px and up) */
/* Extra large devices (large desktops, 1440px and up) */
@media (min-width: 1440px) {
    .tile-angebot .angebot-price {
        height: 20%;
        }
}
/*
  .o      .ooo     .oooo.     .oooo.   
o888    .88'      d8P'`Y8b   d8P'`Y8b  
 888   d88'      888    888 888    888 
 888  d888P"Ybo. 888    888 888    888 
 888  Y88[   ]88 888    888 888    888 
 888  `Y88   88P `88b  d88' `88b  d88' 
o888o  `88bod8'   `Y8bd8P'   `Y8bd8P'                                      
*/
@media (min-width: 1600px) {
    .tile-angebot .angebot-price {
        height: 15%;
        }
}