@charset "UTF-8";
/* CSS Document */

@font-face
{
	
	font-family: 'Review';
	src: url("fonts/ReviewMono-Ultracondensed.woff2") format('woff2');
	font-weight:lighter;
	font-style:normal;
	
}


body
{
	

	font-family: 'Review';
	padding: 0em;
	margin:0em;
	color:#000000;
	line-height: 0em;
	font-size: 0;
	background:#E3E3DD;
	text-rendering:geometricPrecision;

	font-size: 1.1vw;
	line-height: 1.4vw;
	
}

body {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}

body::-webkit-scrollbar { 
    display: none; 
}


a:link
{
	text-decoration: none;
	color:#000000;
}

a:hover
{
	text-decoration:none;
	color:#000000;
}

a:visited
{
	text-decoration: none;
	color:#000000;
}

.rows_of_text
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0.3vw;
	line-height: 130%;
	font-size:1.2vw;
	margin-top:9vw;
	margin-bottom:4vw;
}


#answers
{
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 100;
	
}


#wherecanibuynapa_answer {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}


#wherecanibuynapa_answer::-webkit-scrollbar { 
    display: none; 
}

#wherecanibuynapa_answer
{
	
	
	background: #FF4938;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:1vw;
	padding-right:1vw;
	padding-top:1.6vw;
	padding-bottom:1.6vw;	
	font-size: 2vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}


#tasteitsweet_answer
{
	
	background: #F8B399;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:1vw;
	padding-right:1vw;
	padding-top:1.6vw;
	padding-bottom:1.6vw;	
	font-size: 2vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}


#whoisthemanwiththetowel_answer
{
	
	background: #3885FF;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:1vw;
	padding-right:1vw;
	padding-top:1.6vw;
	padding-bottom:1.6vw;	
	font-size: 2vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}


#theincredients_answer
{
	
	background: #FFF738;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:1vw;
	padding-right:1vw;
	padding-top:1.6vw;
	padding-bottom:1.6vw;	
	font-size: 2vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}


#email_answer
{
	
	background: #A82C20;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:1vw;
	padding-right:1vw;
	padding-top:1.6vw;
	padding-bottom:1.6vw;	
	font-size: 2vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}


#claim
{
	
	position: fixed;
	z-index: 90;
	top:0;
	left:0;
	display: flex;
	line-height: 0;
	
}



#version
{
	
	position: fixed;
	z-index: 80;
	top:0;
	right:0;
	
	background: #FDFDFD;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:1vw;
	padding-right:1vw;
	padding-top:1.6vw;
	padding-bottom:1.6vw;	
	font-size: 2vw;
	line-height: 0;
	
}


.content_shelf
{
	
	padding-left:0.7vw;
	padding-right:0.7vw;
	margin-top: 4dvh;
}


.nonalcoholicpetnatalternative
{
	font-size: 2vw;
	background: #E5FF1D;
	border: 1px solid #000000;
	border-radius:60px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:3vw;
	padding-bottom:3vw;	
}

.napa
{
	font-size: 5vw;
	background: #EBDB97;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:2.55vw;
	padding-bottom:3vw;	
}

.faq
{
	font-size: 3vw;
	background: #6FFF2F;
	border: 1px solid #000000;
	border-radius:100%;
	padding-left:1.7vw;
	padding-right:1.7vw;
	padding-top:3vw;
	padding-bottom:3vw;	
}

.homepage
{
	font-size: 3vw;
	background: #267204;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:3vw;
	padding-bottom:3vw;
}


.sublabel_shelf
{
	
	display: flex;
}

.sublabel
{
	background-color: #FDFDFD;
	border: 1px solid #000000;
	border-radius: 10px;
	text-align: center;
	padding:1vw;
	font-size:1vw;
}

.row_1
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
	
}

.row_1_p1 img
{
	border-radius: 55px;
}

#tallmother
{
	
	background-color: #FFCF02;
	border: 1px solid #000000;
	border-radius: 250px;
	text-align: center;
	height: 45%;
	
	background-image:url("assets/tm_1.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:82%;
	cursor: pointer;
}



.justacolorblock_shelf
{
	display:grid;
	align-items: flex-end;
	height: 55%;
}

.justacolorblock
{
	font-size:2.2vw;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:3vw;
	padding-bottom:3vw;	
	text-align: center;
	background-color: #FFB4AD;
	border: 1px solid #000000;
	border-radius:20px;
}



.row_2
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
}

.row_2_p1 img
{
	border-radius: 70px;
}

.row_2_p2 img
{
	border-radius: 30px;
}


.row_3
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
}

.row_3_col_1
{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0.3vw;
	margin-bottom: 0.3vw;
}

#wherecanibuynapa
{
	background-color: #FF4938;
	border: 1px solid #000000;
	border-radius: 90px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:5vw;
	padding-bottom:5vw;
	font-size: 2.3vw;
	text-align: center;
	cursor: pointer;
}

#tasteitsweet
{
	background-color: #F8B399;
	border: 1px solid #000000;
	border-radius: 20px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:5vw;
	padding-bottom:5vw;
	font-size: 2.3vw;
	text-align: center;
	cursor: pointer;
}

#whoisthemanwiththetowel
{
	background-color: #3885FF;
	border: 1px solid #000000;
	border-radius: 90px;
	padding:3vw;
	font-size: 2.3vw;
	text-align: center;
	cursor: pointer;
}

#theincredients
{
	background-color: #FFF738;
	border: 1px solid #000000;
	border-radius: 20px;
	padding:3vw;
	font-size: 2.3vw;
	text-align: center;
	cursor: pointer;
}

#email
{
	background-color: #A82C20;
	border: 1px solid #000000;
	border-radius: 20px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:6vw;
	padding-bottom:6vw;
	font-size: 2.3vw;
	text-align: center;
	cursor: pointer;
}

.giffun
{
	text-align: center;
}

.giffun img
{
	width:80%;
	height: auto;
}




.row_3_col_2
{
	display:grid;
	grid-template-columns: 3fr 2fr;
	grid-column-gap: 0.3vw;
	margin-bottom: 0.3vw;
}

.row_3_col_3
{
	display:grid;
	grid-template-columns: 1fr 6fr;
	grid-column-gap: 0.3vw;
}

.row_4
{
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
}

.row_4_p2 img
{
	border-radius: 90px;
}

.row_5
{
	display: grid;
	grid-template-columns: 3fr 1fr 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
}

.row_5_b1
{
	display: block;
	background-color: #FF974B;
	border: 1px solid #000000;
	border-radius: 30px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:3.4vw;
	padding-bottom:3.4vw;	
	font-size: 2.5vw;
	text-align: center;
}

.row_5_b2
{
	background-color: #D35A01;
	border: 1px solid #000000;
	border-radius: 90px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:3.4vw;
	padding-bottom:3.4vw;	
	font-size: 1.5vw;
	text-align: center;
}

.vimeo_player
{
	margin-bottom:0.4vw;
}

.row_6
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:8dvh;
}

.row_6_p1 img
{
	border-radius: 30px;
}

.row_6_p3 img
{
	border-radius: 70px;
}

.footer
{
	display:flex;
	align-items: flex-end;
}

.impressum
{
	background-color: #FDFDFD;
	border: 1px solid #000000;
	border-radius: 20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:3.4vw;
	padding-bottom:3.4vw;	
	font-size: 3vw;
	text-align: center;
}

.datenschutz
{
	background-color: #9186AA;
	border: 1px solid #000000;
	border-radius: 90px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:3.4vw;
	padding-bottom:3.4vw;	
	font-size: 3vw;
	text-align: center;
}

.contact
{
	background-color: #ABFF86;
	border: 1px solid #000000;
	border-radius: 10px;
	padding-left:14vw;
	padding-right:14vw;
	padding-top:1vw;
	padding-bottom:1vw;	
	font-size: 1.5vw;
	text-align: center;
}

.home
{
	background-color: #86DAFF;
	border: 1px solid #000000;
	border-radius: 30px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:1vw;
	padding-bottom:1vw;	
	font-size: 1.5vw;
	text-align: center;
}

.eulle
{
	background-color: #0093FF;
	border: 1px solid #000000;
	border-radius: 50%;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:3.4vw;
	padding-bottom:3.4vw;	
	font-size: 3vw;
	text-align: center;
}



@media screen /*and (max-width:1024px)*/and (orientation: portrait)
{

	

#wherecanibuynapa_answer
{
	
	background: #FF4938;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:4vw;
	padding-bottom:4vw;	
	font-size: 8vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
	overflow-y: scroll;
	height: 70dvh;
}


#tasteitsweet_answer
{
	
	background: #F8B399;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:4vw;
	padding-bottom:4vw;		
	font-size: 8vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}


#whoisthemanwiththetowel_answer
{
	
	background: #3885FF;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:4vw;
	padding-bottom:4vw;		
	font-size: 8vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}


#theincredients_answer
{
	
	background: #FFF738;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:4vw;
	padding-bottom:4vw;		
	font-size: 8vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}


#email_answer
{
	
	background: #A82C20;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:4vw;
	padding-bottom:4vw;		
	font-size: 8vw;
	line-height: 120%;
	display: none;
	cursor: pointer;
}
	
	
	
.home
{
	background-color: #86DAFF;
	border: 1px solid #000000;
	border-radius: 30px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:8vw;
	padding-bottom:8vw;	
	font-size: 13vw;
	text-align: center;
}


.rows_of_text
{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	line-height: 130%;
	font-size:4.2vw;
	margin-top:22vw;
	margin-bottom:14vw;
}
	
.content_shelf
{
	
	padding-left:1.3vw;
	padding-right:1.3vw;
	margin-top: 2dvh;
}
	
#tallmother
{
	
	background-color: #FFCF02;
	border: 1px solid #000000;
	border-radius: 150px;
	text-align: center;
	height: 40vh;
	
	background-image:url("assets/tm_1.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:82%;
	mix-blend-mode: multiply;
	margin-bottom: 2vw;
	cursor: pointer;
}
	

.justacolorblock_shelf
{
	display:grid;
	align-items:flex-start;
	height: 55%;
}

.justacolorblock
{
	font-size:9vw;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:11vw;
	padding-bottom:11vw;	
	text-align: center;
	background-color: #FFB4AD;
	border: 1px solid #000000;
	border-radius:20px;
}

	
	.row_1
{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
	grid-row-gap: 1vw;
	
}
	

.row_2
{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
	grid-row-gap: 1vw;
}
	
.row_3
{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
	grid-row-gap: 1vw;
}
	
.row_3_col_1
{
	display:grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	margin-bottom: 0.3vw;
}
	
.row_3_col_2
{
	display:grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	margin-bottom: 0.3vw;
}

.row_3_col_3
{
	display:grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
}
	

.row_4
{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
	grid-row-gap: 1vw;
}

.row_5
{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2dvh;
	grid-row-gap: 1vw;
}
	
.row_5_b1
{
	display: block;
	background-color: #FF974B;
	border: 1px solid #000000;
	border-radius: 10px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:11vw;
	padding-bottom:11vw;	
	font-size: 9vw;
	text-align: center;
	margin-bottom:1vw;
}

.row_5_b2
{
	background-color: #D35A01;
	border: 1px solid #000000;
	border-radius: 60px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:13vw;
	padding-bottom:13vw;	
	font-size: 7vw;
	text-align: center;
}
	
.row_6
{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0.3vw;
	line-height: 0;
	margin-bottom:2vw;
	grid-row-gap: 1vw;
}
	
#wherecanibuynapa
{
	background-color: #FF4938;
	border: 1px solid #000000;
	border-radius: 90px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:11vw;
	padding-bottom:11vw;
	font-size: 9vw;
	text-align: center;
	margin-bottom: 1vw;
}

#tasteitsweet
{
	background-color: #F8B399;
	border: 1px solid #000000;
	border-radius: 20px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:11vw;
	padding-bottom:11vw;
	font-size: 7vw;
	text-align: center;
	margin-bottom: 1vw;
}

#whoisthemanwiththetowel
{
	background-color: #3885FF;
	border: 1px solid #000000;
	border-radius: 90px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:11vw;
	padding-bottom:11vw;
	font-size: 7vw;
	text-align: center;
	margin-bottom: 1vw;
}

#theincredients
{
	background-color: #FFF738;
	border: 1px solid #000000;
	border-radius: 20px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:11vw;
	padding-bottom:11vw;
	font-size: 10vw;
	text-align: center;
	margin-bottom: 1vw;
}

#email
{
	background-color: #A82C20;
	border: 1px solid #000000;
	border-radius: 20px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:14vw;
	padding-bottom:14vw;
	font-size: 13vw;
	text-align: center;
}
	
.sublabel_shelf
{
	
	display: flex;
}

.sublabel
{
	background-color: #FDFDFD;
	border: 1px solid #000000;
	border-radius: 10px;
	text-align: center;
	padding:3vw;
	font-size:3vw;
}
	
.giffun img
{
	width:100%;
	height: auto;
}
	
.footer
{
	display:grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1vw;
	margin-bottom: 1vw;
}
	
.impressum
{
	background-color: #FDFDFD;
	border: 1px solid #000000;
	border-radius: 20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:7vw;
	padding-bottom:7vw;	
	font-size: 7vw;
	text-align: center;
}
	
.eulle
{
	background-color: #0093FF;
	border: 1px solid #000000;
	border-radius: 50%;
	padding-left:4vw;
	padding-right:4vw;
	padding-top:12vw;
	padding-bottom:12vw;	
	font-size: 12vw;
	text-align: center;
}


.datenschutz
{
	background-color: #9186AA;
	border: 1px solid #000000;
	border-radius: 90px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:11vw;
	padding-bottom:11vw;	
	font-size: 7vw;
	text-align: center;
}

.contact
{
	background-color: #ABFF86;
	border: 1px solid #000000;
	border-radius: 10px;
	padding-left:14vw;
	padding-right:14vw;
	padding-top:4vw;
	padding-bottom:4vw;	
	font-size: 4vw;
	text-align: center;
}

.nonalcoholicpetnatalternative
{
	font-size: 4vw;
	background: #E5FF1D;
	border: 1px solid #000000;
	border-radius:90px;
	padding-left:7vw;
	padding-right:7vw;
	padding-top:8vw;
	padding-bottom:8vw;	
}

.napa
{
	font-size: 8vw;
	background: #EBDB97;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:7.5vw;
	padding-bottom:8vw;	
}

.faq
{
	font-size: 5vw;
	background: #6FFF2F;
	border: 1px solid #000000;
	border-radius:100%;
	padding-left:1.7vw;
	padding-right:1.7vw;
	padding-top:8vw;
	padding-bottom:8vw;	
}

.homepage
{
	font-size: 5vw;
	background: #267204;
	border: 1px solid #000000;
	border-radius:20px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:8vw;
	padding-bottom:8vw;		
}

#version
{
	
	position: fixed;
	z-index: 80;
	top:0;
	right:0;
	
	background: #FDFDFD;
	border: 1px solid #000000;
	border-radius:5px;
	padding-left:1vw;
	padding-right:1vw;
	padding-top:1.6vw;
	padding-bottom:2.6vw;	
	font-size: 3vw;
	line-height: 0;
	
}

	
}/* end media screen */