/* ----------------------------------------- */ /* Inhalts-Template: loop-item-in-presse - Start */ /* ----------------------------------------- */ .elementor-2235 .elementor-element.elementor-element-6311bc5a.elementor-widget-heading .elementor-heading-title { margin-bottom: 30px; } .press { display: block; height: auto; } .flex-container { padding-bottom: 10px; width: 100%; display: flex; flex-wrap:wrap; justify-content: center; margin: -10px; min-height: auto; height: 33vw; align-items: stretch; position: relative; } .flex-container:before, .flex-container:after, { display: table; content: " "; } .flex-container:after { clear: both; } .con { width: 33%; padding: 10px; height: 100%; min-height: 100%; display: block; } .flex-container article { width: 100%; display: block; padding: 20px; background-color: #d5eced; border-radius: 3px; height: 100%; } .flex-container h3 { color: #e40521; margin: 0; } .flex-container h6 { color: #e40521; } .flex-container article:hover { background-color: #193857; } .flex-container article:hover h3, .flex-container article:hover h6 { color: #fff; } @media all and (min-width: 2000px){ .flex-container { height: 20vw; } } @media all and (max-width: 1500px){ .flex-container { height: 45vw; } } @media all and (max-width: 1000px){ .con { width: 100%; } .flex-container { height: auto; } } @media all and (max-width: 768px){ .con { width: 100%; } .flex-container { height: auto; } } /* ----------------------------------------- */ /* Inhalts-Template: loop-item-in-presse - Ende */ /* ----------------------------------------- */