@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100..900;1,100..900&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap');

 button:not(.toast-close-button)
        {
            outline: none;
            border: none;
            padding: 3px;
            margin: 0px;
            border-radius: 4px;
            border-width: 2px 2px 3px 2px;
            border-color: #000;
            border-style: solid;
            min-width: 50px;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            box-sizing: border-box;
            background: linear-gradient(to bottom, #F3F3F3 50%, #d9d9d9 50%);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .dark button:not(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow)
        {
            background: linear-gradient(to bottom, #252425 50%, #191819 50%);
            box-shadow: inset 0 0 0px 2px #191819;
            color: #6d6d6d;
        }

        .dark button:not([disabled]):not(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow):hover
        {
            background: linear-gradient(to bottom, #3a393a 50%, #2b2a2b 50%);
            box-shadow: inset 0 0 0px 2px #3a393a;
        }

        .dark button:not([disabled]):not(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow):active
        {
            background: linear-gradient(to bottom, #1d1c1d 50%, #131213 50%);
            box-shadow: inset 0 0 0px 2px #131213;
        }
		
		
 button.news
        {
            outline: none;
            border: none;
            padding: 3px;
            margin: 0px;
            border-radius: 4px;
            border-width: 2px 2px 3px 2px;
            border-color: #000;
            border-style: solid;
            min-width: 24px;
			height: 24px;
			line-height: 0px;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            box-sizing: border-box;
            background: linear-gradient(to bottom, #F3F3F3 50%, #d9d9d9 50%);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .dark button.news(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow)
        {
            background: linear-gradient(to bottom, #252425 50%, #191819 50%);
            box-shadow: inset 0 0 0px 2px #191819;
            color: #6d6d6d;
        }

        .dark button.news([disabled]):not(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow):hover
        {
            background: linear-gradient(to bottom, #3a393a 50%, #2b2a2b 50%);
            box-shadow: inset 0 0 0px 2px #3a393a;
        }

        .dark button.news([disabled]):not(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow):active
        {
            background: linear-gradient(to bottom, #1d1c1d 50%, #131213 50%);
            box-shadow: inset 0 0 0px 2px #131213;
        }
		
 button.readmore
        {
            outline: none;
            border: none;
            padding: 3px;
            margin: 0px;
            border-radius: 4px;
            border-width: 2px 2px 3px 2px;
            border-color: #000;
            border-style: solid;
            width: 115px;
			font-weight: 400;
			font-family: 'Exo 2', sans-serif;
			font-size: 13px;
            cursor: pointer;
            box-sizing: border-box;
            background: linear-gradient(to bottom, #F3F3F3 50%, #d9d9d9 50%);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .dark button.readmore(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow)
        {
            background: linear-gradient(to bottom, #252425 50%, #191819 50%);
            box-shadow: inset 0 0 0px 2px #191819;
            color: #6d6d6d;
        }

        .dark button.readmore([disabled]):not(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow):hover
        {
            background: linear-gradient(to bottom, #3a393a 50%, #2b2a2b 50%);
            box-shadow: inset 0 0 0px 2px #3a393a;
        }

        .dark button.readmore([disabled]):not(.toast-close-button):not(.red):not(.redorig):not(.darkorange):not(.blue):not(.yellow):active
        {
            background: linear-gradient(to bottom, #1d1c1d 50%, #131213 50%);
            box-shadow: inset 0 0 0px 2px #131213;
        }


button.green {
    background: linear-gradient(to bottom, #5aa600 50%, #007a00 50%) !important;
    box-shadow: inset 0 0 0px 2px #007a00;
    color: #fff !important;
    height: 45px;
    width: 100%;
}
button.redlotto {
    background: linear-gradient(to bottom, #ab0000 50%, #7a0000 50%) !important;
    box-shadow: inset 0 0 0px 2px #770101;
    color: #fff !important;
    height: 45px;
    width: 100%;
}


@media screen and (max-width: 767px) {
button.green {
    background: linear-gradient(to bottom, #5aa600 50%, #007a00 50%) !important;
    box-shadow: inset 0 0 0px 2px #007a00;
    color: #fff !important;
    height: 45px;
    width: 100%;
	font-size: 12px;
}
button.redlotto {
    background: linear-gradient(to bottom, #ab0000 50%, #7a0000 50%) !important;
    box-shadow: inset 0 0 0px 2px #770101;
    color: #fff !important;
    height: 45px;
    width: 100%;
}

button.green:hover {
    background: linear-gradient(to bottom, #70c700 50%, #009700 50%) !important;
    box-shadow: inset 0 0 0px 2px #009700 !important;
}
button.redlotto:hover {
    background: linear-gradient(to bottom, #70c700 50%, #009700 50%) !important;
    box-shadow: inset 0 0 0px 2px #009700 !important;
}
button.green:active {
    background: linear-gradient(to bottom, #539800 50%, #017901 50%) !important;
    box-shadow: inset 0 0 0px 2px #017901 !important;
	}
button.redlotto:active {
    background: linear-gradient(to bottom, #539800 50%, #017901 50%) !important;
    box-shadow: inset 0 0 0px 2px #017901 !important;
	}
button.blue
        {
            background: linear-gradient(to bottom, #5970aa 50%, #3d4e77 50%) !important;
            box-shadow: inset 0 0 0px 2px #3d4e77;
            color: #fff !important;
			font-size: 12px;
        }

        button.blue:hover
        {
            background: linear-gradient(to bottom, #8d99c1 50%, #6b7aae 50%) !important;
            box-shadow: inset 0 0 0px 2px #6b7aae !important;
        }

        button.blue:active
        {
            background: linear-gradient(to bottom, #506599 50%, #354569 50%) !important;
            box-shadow: inset 0 0 0px 2px #354569 !important;
        }
}

button.green {
    background: linear-gradient(to bottom, #5aa600 50%, #007a00 50%) !important;
    box-shadow: inset 0 0 0px 2px #007a00;
    color: #fff !important;
    height: 45px;
    width: 100%;
}

button.green:hover {
    background: linear-gradient(to bottom, #70c700 50%, #009700 50%) !important;
    box-shadow: inset 0 0 0px 2px #009700 !important;
}

button.green:active {
    background: linear-gradient(to bottom, #539800 50%, #017901 50%) !important;
    box-shadow: inset 0 0 0px 2px #017901 !important;
}

@media screen and (max-width: 767px) {
    button.green {
        display: true;
    }
}

.window_style_2
            {
                font-family: 'Exo 2', sans-serif;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                border-radius: 6px;
                position: relative;
                font-size: 14px;
				font-weight: 300;
                box-sizing: border-box;

            }

            .window_style_2 .inner
            {
                background-color: #313131;
                border-style: solid;
                border-width: 5px 5px 6px;
                -moz-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAc0lEQVQ4T+2MQQrAMAgE/Vb//7B21ZhaayCm0FMGFqJmhxLOYobIB3BUYj0WeHDLC7Nhh6oU7B7HKUKnCzHXZUboihTvNZmxhVu4wH/CtiwRuirUfV0aOuKRvd7u40q8kLEBt7wwiu8iHb/8khfZp5k0iC6lmsww3tLZfgAAAABJRU5ErkJggg==) 5 5 6 repeat;
                -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAc0lEQVQ4T+2MQQrAMAgE/Vb//7B21ZhaayCm0FMGFqJmhxLOYobIB3BUYj0WeHDLC7Nhh6oU7B7HKUKnCzHXZUboihTvNZmxhVu4wH/CtiwRuirUfV0aOuKRvd7u40q8kLEBt7wwiu8iHb/8khfZp5k0iC6lmsww3tLZfgAAAABJRU5ErkJggg==) 5 5 6 repeat;
                -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAc0lEQVQ4T+2MQQrAMAgE/Vb//7B21ZhaayCm0FMGFqJmhxLOYobIB3BUYj0WeHDLC7Nhh6oU7B7HKUKnCzHXZUboihTvNZmxhVu4wH/CtiwRuirUfV0aOuKRvd7u40q8kLEBt7wwiu8iHb/8khfZp5k0iC6lmsww3tLZfgAAAABJRU5ErkJggg==) 5 5 6 repeat;
                border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAc0lEQVQ4T+2MQQrAMAgE/Vb//7B21ZhaayCm0FMGFqJmhxLOYobIB3BUYj0WeHDLC7Nhh6oU7B7HKUKnCzHXZUboihTvNZmxhVu4wH/CtiwRuirUfV0aOuKRvd7u40q8kLEBt7wwiu8iHb/8khfZp5k0iC6lmsww3tLZfgAAAABJRU5ErkJggg==) 5 5 6 fill repeat;
                border-radius: 7px;
                color: #fff;
                box-sizing: border-box;
				height: 30px;
            }
			
@media screen and (max-width: 767px) {
.window_style_2
            {
                font-family: 'Exo 2', sans-serif;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                border-radius: 6px;
                position: relative;
                font-size: 12px;
				font-weight: 300;
                box-sizing: border-box;

            }

            .window_style_2 .inner
            {
                background-color: #313131;
                border-style: solid;
                border-width: 5px 5px 6px;
                -moz-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAc0lEQVQ4T+2MQQrAMAgE/Vb//7B21ZhaayCm0FMGFqJmhxLOYobIB3BUYj0WeHDLC7Nhh6oU7B7HKUKnCzHXZUboihTvNZmxhVu4wH/CtiwRuirUfV0aOuKRvd7u40q8kLEBt7wwiu8iHb/8khfZp5k0iC6lmsww3tLZfgAAAABJRU5ErkJggg==) 5 5 6 repeat;
                -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAc0lEQVQ4T+2MQQrAMAgE/Vb//7B21ZhaayCm0FMGFqJmhxLOYobIB3BUYj0WeHDLC7Nhh6oU7B7HKUKnCzHXZUboihTvNZmxhVu4wH/CtiwRuirUfV0aOuKRvd7u40q8kLEBt7wwiu8iHb/8khfZp5k0iC6lmsww3tLZfgAAAABJRU5ErkJggg==) 5 5 6 repeat;
                -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAc0lEQVQ4T+2MQQrAMAgE/Vb//7B21ZhaayCm0FMGFqJmhxLOYobIB3BUYj0WeHDLC7Nhh6oU7B7HKUKnCzHXZUboihTvNZmxhVu4wH/CtiwRuirUfV0aOuKRvd7u40q8kLEBt7wwiu8iHb/8khfZp5k0iC6lmsww3tLZfgAAAABJRU5ErkJggg==) 5 5 6 repeat;
                border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAc0lEQVQ4T+2MQQrAMAgE/Vb//7B21ZhaayCm0FMGFqJmhxLOYobIB3BUYj0WeHDLC7Nhh6oU7B7HKUKnCzHXZUboihTvNZmxhVu4wH/CtiwRuirUfV0aOuKRvd7u40q8kLEBt7wwiu8iHb/8khfZp5k0iC6lmsww3tLZfgAAAABJRU5ErkJggg==) 5 5 6 fill repeat;
                border-radius: 7px;
                color: #fff;
                box-sizing: border-box;
				height: 30px;
            }
}			
	
	button.blue
        {
            background: linear-gradient(to bottom, #5970aa 50%, #3d4e77 50%) !important;
            box-shadow: inset 0 0 0px 2px #3d4e77;
            color: #fff !important;
        }

        button.blue:hover
        {
            background: linear-gradient(to bottom, #8d99c1 50%, #6b7aae 50%) !important;
            box-shadow: inset 0 0 0px 2px #6b7aae !important;
        }

        button.blue:active
        {
            background: linear-gradient(to bottom, #506599 50%, #354569 50%) !important;
            box-shadow: inset 0 0 0px 2px #354569 !important;
        }
		 .TextWaehrung {
        display: block;
		margin-left: -10px;
    }
.font-lobster {
  font-family: 'Lobster', cursive;
}
.font-lobster-two {
  font-family: 'Lobster Two', cursive;
  font-weight: 400;
}
.font-exo-2 {
  font-family: 'Exo 2', ExtraLight;
  font-weight: 400;
}
.font-exo-2-news {
  font-family: 'Exo 2', ExtraLight;
  font-weight: 400;
  font-size: 20px;
}
.font-exo-2-news-short {
  font-family: 'Exo 2', ExtraLight;
  font-weight: 300;
  font-size: 14px;
}
.font-comfortaa {
  font-family: 'Comfortaa', cursive;
  font-weight: 600;
}
.containerheader {
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
  border-radius: 0.75rem;
  padding: 4px;
  color: #cecece;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  height: 40px;
  text-shadow: 1px 1px #393939;
  font-size: 14px;
  font-weight: 300;
  border: 2px solid #1a1b1c36;
  box-shadow: rgb(0 0 0 / 16%) 0px 0px 9px;
}