.welcome-wrapper{
	width: 100%;
	background: linear-gradient(to right, transparent 36%, var(--tb-color-bone) 36%);
	background-size: 100% calc(100% - 270px);
	background-position: top;
	background-repeat: no-repeat;
	padding: 0;
	margin-top: 40px;
	/*background-color: red;*/
	}

@media screen and (min-width: 1440px)
{
	.welcome-wrapper{
		left: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		right: 50%;
		width: 100vw;
		width: calc(100vw - var(--scrollbar-width)/2);
		position: relative;
	}
}

.one-column-body .welcome-wrapper .welcome{
	width: calc(100% - 40px);
	max-width: 1440px;
	padding: 0;
	margin: auto;
	position: relative;
	left: 6px;
	}


.tb-welcome{
	background-image: var(--tb-svg-welcome-bg);
	background-position: right -80px top 40px;
	background-repeat: no-repeat;
	background-size: 37% 37%;
	display: flex;
	/*background: red;*/
	max-width: 1440px;
	margin: auto;
	padding: 70px 0 10px;
	/*border-right: 1px solid red;*/
	}

.tb-welcome img{
	display: block;
	margin: auto 0 auto auto;
	min-width: 300px;
	width: 100%;
	}

.tb-welcome div:nth-of-type(1){
	flex-grow: 1;
	}

.tb-welcome div:nth-of-type(2){
	flex: 0 0 370px;
	padding: 60px 0 0;
	/*opacity: 0.7;*/
	}

.tb-welcome div:nth-of-type(2) div{
	background: white;
	padding: 25px;
	position: absolute;
	margin-left: -50px;
	width: 420px;
	}

.tb-welcome span{
	display: block;
	text-align: center;
	color: var(--tb-color-black);
	padding: 0 0 8px;
	}

.tb-welcome h1{
	font-family: Cardo;
	/*font-size: clamp(1.6rem, 2vw, 2.4rem);*/
	font-size: 2.4rem;
	text-align: center;
	color: var(--tb-color-black);
	line-height: 160%;
	text-transform: uppercase;
	font-weight: 400;
	padding: 0 20px;
	}

.tb-welcome p{
	text-align: center;
	color: var(--tb-color-silver);
	line-height: 160%;
	padding: 0 12px;
	margin: auto;
	/*font-size: clamp(1.3rem, 1.5vw, 1.6rem)*/
	font-size: 1.6rem;
	}

.tb-welcome em{
	display: block;
	text-align: center;
	font-style: normal;
	padding: 20px 0 10px;
	}

.tb-welcome em a{
	display: inline-block;
	margin: auto;
	text-decoration: underline;
	color: var(--tb-color-black);
	}

#tb-blog{
	padding: 0;
	}

/*
<div class="tb-welcome">

		<div class="tb-welcome-video"><img src="https://www.bubelo.cz/user/documents/upload/TvujBrand/WelcomeText/welcome.jpg" alt=""></div>
		<div class="tb-welcome-text">
			<span>O nás</span>
			<h1>Lorem ipsum dolor sit amet consectetur. Facilisis enim blandit sem dolor.</h1>
			<p>Lorem ipsum dolor sit amet consectetur. Facilisis enim blandit sem dolor. Nisl tempor porttitor sit et amet mauris nunc pulvinar. Et vitae et nam. Lorem ipsum dolor sit amet consectetur. Facilisis enim blandit sem dolor. Nisl tempor porttitor sit et amet mauris nunc pulvinar. Et vitae et nam.</p>
		</div>

</div>
*/

/* responsive */
@media screen and (max-width: 1300px)
{
	.tb-welcome div:nth-of-type(2) div{
		margin-left: -150px;
		width: 520px;
		}
}

@media screen and (max-width: 1200px)
{
	.tb-welcome{
		display: block;
		}

	.tb-welcome div:nth-of-type(2) div{
		position: static;
		margin: auto;
		width: 100%;
		background: transparent;
		padding-bottom: 0;
		}

	.tb-welcome div:nth-of-type(2){
		padding: 10px 0 10px;
		}

	.tb-welcome h1{
		margin: auto;
		}
}


@media screen and (max-width: 540px)
{
	.tb-welcome div:nth-of-type(2) div{
		padding: 0;
		}

	.tb-welcome h1{
		font-size: 2rem;
		}

	.tb-welcome > div > img{
		width: 100%;
		aspect-ratio: 1/1;
		object-fit: cover;
		object-position: top;
		height: auto;
		}
}





/* blog */
#tb-blog .blog-wrapper{
	display: flex;
	flex-wrap: wrap;
	}


#tb-blog .blog-wrapper .homepage-group-title.h4{
	width: 100%;
	}

#tb-blog .blog-wrapper .image{
	margin: auto;
	}

#tb-blog .blog-wrapper .image img{
	width: 100%;
	object-fit: cover;
	margin: auto;
	}

#tb-blog .read-article{
	font-size: 0;
	}

#tb-blog .read-article::before{
	content: 'Přečíst článek';
	font-size: 1.6rem;
	}

#tb-blog .read-article:hover::before{
	text-decoration: underline;
	}

@media screen and (max-width: 1000px)
{
	#tb-blog .blog-wrapper .news-item{
		flex-basis: 50%;
		}

	#tb-blog .blog-wrapper .news-item .title{
		margin-top: 0;
		}
}


@media screen and (max-width: 450px)
{
	#tb-blog .blog-wrapper .news-item{
		flex-basis: 100%;
		}
}