/* Copyright (C) 2023 by Dietmar Hättig */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


/* styleanweisung 'blink' z.B. Icons*/

.blink {
    animation: blink 2s ease-in infinite;
    -webkit-animation: blink 2s ease-in infinite;
    }
@keyframes blink {
from, to { opacity: 1 }
50% { opacity: 0 }
}
@-webkit-keyframes blink {
from, to { opacity: 1 }
50% { opacity: 0 }
}

/* <h3 class="uk-ffw-bar-grey"> anreisserbalken links grau/rot */

.uk-ffw-bar-grey {
		padding-left: 6px;
		margin-top: 10px;
		border-left: 5px solid #4f565b;
		line-height: 22px;
}

.uk-ffw-bar-red {
		padding-left: 6px;
		margin-top: 10px;
		border-left: 5px solid #ff0000;
		line-height: 22px;
	}

.uk-heading-bullet::before {
  border-left: calc(5px + 0.1em) solid #cd3330;
}

/* Button Schrift immer weiß bei hover gelb*/

.btn-primary,
.btn-backtohome,
.btn-prosandcons {
  color: #fff !important;
  background-color: #e12121;
  border-color: rgb(255, 155, 0);
}

.btn-primary:hover,
.btn-backtohome:hover,
.btn-prosandcons:hover {
  color: #fff !important;
  background-color: #e12121;
  border-color: rgb(255, 155, 0);
}

/* readmore override für astroid */
.as-readmore {
    background: #cd3330;
    color: #fff;
    margin-top: 15px;
    border: none;
    overflow: visible;
    font: inherit;
     text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
}