body {
    font-family: Roboto-regular;
    /* margin: 0;
    padding: 0; */
    line-height: 1.7;
}

html {
    scroll-behavior: smooth;
}

.tags-global-control {
	background-color: rgb(158, 112, 162);
	display: inline-block;
	cursor: default;
	color: white;
	margin-top: 500px;
	margin: 5px;
	padding: 5px 15px;
	border-radius: 25px;
	white-space: nowrap;
	/* min-width: 102px; */
}

.tags-global-basal {
	background-color: rgb(134, 181, 195);
	display: inline-block;
	cursor: default;
	color: white;
	margin-top: 500px;
	margin: 5px;
	padding: 5px 15px;
	border-radius: 25px;
	white-space: nowrap;
	/* min-width: 102px; */
}

.card-blue {
    background-color: #d9e7f4;
    padding: 10% 10% !important;
    transition: 0.3s ease;
}

.card-blue:hover .card-blue-text {
    opacity: 0;
    transition: 0.3s ease;
}

.card-blue:hover {
    background-color: #71a2d3;
}

.card-blue:hover img {
    opacity: 0.1;
}

.card-blue:hover .card-text-hover {
    opacity: 1;
}

.tags-global {
	min-width: 102px;
    display: inline-block;
    cursor: default;
    color: white;
    margin-top: 500px;
    margin: 5px;
    padding: 5px 15px;
    border-radius: 25px;
    white-space: nowrap;
}


.cookie-consent-base {
    display: none;
    font-size: 1.2em;
    width: 100%;
    left: 0;
    background-color: rgb(72, 120, 134);
    opacity: 0.9;
    bottom: 0px;
    z-index: 1001;
    position: fixed;
}

.cookie-consent-container {
    display: -webkit-flex;
    display: flex;
    padding: 0.5em;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.cookie-consent-text {
    margin: 0.5em;
    text-align: center;
    word-break: normal;
    font-size: 0.9em;
    color: rgb(255, 255, 255);
}

.cookie-consent-button {
    margin: 0.5em;
    text-align: right;
}

.cookie-button {
    border-radius: 0.5em;
    border: 0.05em solid;
    padding: 0.4em 1em;
    word-break: normal;
    background-color: #4696cd;
    color: #ffffff;
    border-color: rgb(134, 181, 195);
    font-size: 0.9em;
}

#youtube-base {
    display: none;
}

.yt-consent-padding {
    padding: 0 20% 0 20%;
}

.padding-update-tslim {
	padding: 0 15%;
}


@media (max-width: 800px) {
    .yt-consent-padding {
        padding: 0 0% 0 0%;
    }

	.padding-update-tslim {
		padding: 0 0;
	}
}

.hide {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto-regular;
}


@font-face {
    font-family: Bradley-Hand-Bold;
    src: url("../../fonts/frontend/BradleyHandBold.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: EmojiOneColor;
    font-style: italic;
    src: url("../../fonts/frontend/EmojiOneColor.otf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: ITC-Lubalin-Graph-Book;
    src: url("../../fonts/frontend/ITCLubalinGraphBook.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Linotype-Neue-Haas-Grotesk-Display-Std-45-Light;
    src: url("../../fonts/frontend/Linotype-NeueHaasGroteskDisplayStd45Light.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: MinionPro-Regular;
    src: url("../../fonts/frontend/MinionPro-Regular.otf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Roboto-500;
    src: url("../../fonts/frontend/Roboto500.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Roboto-700;
    src: url("../../fonts/frontend/Roboto700.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Roboto-italic;
    src: url("../../fonts/frontend/Robotoitalic.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Roboto-regular;
    src: url("../../fonts/frontend/Robotoregular.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Roboto-thin;
    src: url("../../fonts/frontend/Roboto-Light.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Roboto-Slab-regular;
    src: url("../../fonts/frontend/RobotoSlabregular.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Wingdings-2;
    src: url("../../fonts/frontend/Wingdings2.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Wingdings-3;
    src: url("../../fonts/frontend/Wingdings3.ttf");
    font-weight: normal;
    font-display: swap;
}