/* CSS Document */
@charset "utf-8";
/* ========================================*/
/* SCHRIFT IMPORTIEREN */
/* ========================================*/
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/* CSS Document */

/* ========================================*/
/* RESET */
/* ========================================*/
*{
	/*borders von padding werden NICHT adiert*/
	box-sizing: border-box;
	/*alle standart ränder entfern*/
	margin: 0;
	padding: 0;
}

/* ========================================*/
/* CSS VARIABLEN*/
/* ========================================*/
:root{
	--f_basic1:rgba(191,216,210,1.00); /*1. minz green*/ 
	--f_basic2:rgba(254,220,210,1.00); /*1. pessego*/
	--f_basic3:rgba(244,169,141,1.00); /*1. marrom terra claro*/
	--f_basic4:rgba(222,177,58,1.00); /*1. amarelo limao*/
	--f_basic5:rgba(247,226,205,1.00); /*1. bege*/
	--f_basic6:rgba(113,60,28,1.00); /*1. marrom escuro*/
	--f_basic7:rgba(33,107,83,1.00); /*1. verde escuro*/
	--f_allgemein-schriften:rgba(113,60,28,1.00); /*Farbe Schrift allgemein*/
	--f_background-container:rgba(254,220,210,0.50); /*Farbe BackgroundContainer*/
	--f_backgroundForm:rgba(220,221,221,0.61);
	--f_backgrondText:rgba(200,200,200,0.8); 
	--f_box-shadow:rgba(0,0,0,0.4); /*Farbe von Box Shadow*/
	--f_link-schriften:rgba(113,60,28,1.00); /*Farbe Schrift Link*/
	--f_backgroungFa:rgba(249,249,249,0.01);/*Farbe FA Background*/
	/*--f_box-shadowMenu:rgba(3,2,75,1.50);*/
	--f_backgroundMenu: rgba(255,255,255,0.8); /*Farbe von Background von menu*/
	--f_linkVisited: rgba(33,107,83,1.00);
	--f_navAktive: rgba(0,0,0,1.00);
	--hauptabstand:1rem;
	--SchriftgrosseMenu: 14px;
	--SchriftgrosseH1: 32px;
	--SchriftgrosseH2: 18px;
	--SchriftgrosseH3: 16px;
	--SchriftgrosseText: 20px;
	--SchriftgrosseTextKlein: 10px;
	--SchriftgrosseFusszeile: 10px;
	--SchriftgrosseFusszeile2: 10px;
	--FontFamily1: 'Lato', verdana, arial, sans-serif;
	}

/* ========================================*/
/* RESET ALLE DEFINITIONEN */
/* ========================================*/
* {
    /* reset */
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 1050px) {
	.window-size{
		position: absolute;
		top: 5rem;
		right:1rem
	}

	#menuSymbol{
		display: flex;
		flex-wrap: wrap;
		font-size: var(--SchriftgrosseH1);
		visibility: visible;
	}
	
	nav{ 
		border: 1px solid blue;
		flex-direction: column !important;
		font-size: var(--SchriftgrosseMenu);
		font-weight: 700;
		
		width: 150px !important;
		/*visibility: hidden;*/
		padding: 0.3rem ;
	}
	
	#divnav{
		background-color: var(--f_basic3);
		display: none;
		flex-direction:column!important;
		/*visibility:hidden;*/  
		justify-content:flex-end;
		position: absolute;
		right: 0;
		top: 180px;
		width:250px !important;
		height: auto !important;
		
		
	}
	
	.bildhome {
		margin: 2rem auto 0 auto;
		height:35vw;
		width:90vw; /* option in %?*/
		object-fit:contain;
		}
	
	.junto{
		margin: 0.1rem auto;
		max-width: 1050px;
		width: auto;

}
	/* *****************************************************
		Formatacao do Form para celular
	
		**************************************************** */ 
	input[type=date] {
		width: 200px;
	}
	
	input[type=file]{
		width: 300px;
	}
	
	
	/* ****************************************************
		Foto do Post
		*************************************************** */
	.photoshowindividuel{
	width: 99%;
	}
	
	
	.commentshow{
		display:block;
		width: 100%;
		
	}

	
}