/*	=============================================================
	Grundeinstellung der Schriften, spezielle Änderungen werden hier nicht
	eingetragen
	=======================================	*/

/* 	============================
		Hintergundfarben
	============================ */
.bgtransparent{background: rgba(255, 255, 255, 0);}	
.green {color:green;}	
.maroon {color:maroon;}	
.bgwhite80{background: rgba(255, 255, 255, 0.80);}	
.bgwhite05{background: rgba(255, 255, 255, 0.05);}

body{
	background-color:rgb(223, 223, 215);
}
	/* Main */
#mainTrans006{background: rgba(255, 255, 255, 0.06);}
#main{
	background: rgba(255, 255, 255, 0.80);
	box-shadow: 1em 0em 2em 0em;
}	
#mainDash{background: rgba(255, 255, 255, 0.63);}  /*43%*/	
#mainHelp{background: rgba(255, 255, 255, 000);}	

		/* Zweispaltige Seitenstruktur*/
#col-mainContent{background: rgba(255, 255, 255, 0.80);}

/* 	============================
		Schriften
		später ggf auseinander nehmen in Schriftgrößen und schriftarten oder schriftthema 
		wählen und dann Schrift Segoe wählen und dann wie hier alles formatieren
	============================ */
/* ============= Übertragen in web_fonts.css ==================*/
h1, h2, h3, h6, h4, h5, p, li {color: black;}


/* Seiten Überschrift Kat. 1*/
h1 {
	font-size:2.3em;
	line-height:2em;
	font-family: Montserrat, Calibri, Helvetica, Verdana; 	
	font-weight:500; /*100;*/
	margin: 0em 0.5em; /* Ausrichtung wichtig, damit der Break strich nicht so weit entfernt ist*/
	letter-spacing:0.15em;
	text-align:center;
}

/* Überschrift Kat. 2 Zentriert*/
h2{
	font-size:1.7em;
	line-height:1.5em;
	font-family: Montserrat, Calibri, Helvetica, Verdana; 
	font-weight:500;
	margin:1.5em 0.9em 1em 0.9em;
	/*padding:0em 1em;*/
	letter-spacing:0.15em;
	text-align:center;
}

span.fontGallery{
	font-size: 1.5em;
	line-height: 1.5em;
	font-family: Montserrat, Calibri, Helvetica, Verdana;
	font-weight: 703;
	margin: 1.5em 0.9em 1em 0.9em;
	padding: 0em 1em;
	letter-spacing: 0.15em;
	text-align: center;
}


/* Überschrift Kat. 2 Linksbündig und weniger letterspacing */
h3{
	font-size:1.8em;
	line-height:1.5em;
	font-family: Montserrat, Calibri, Helvetica, Verdana; 
	font-weight:500;
	margin:1.5em 0.9em 1em 0.9em;
	/*padding:0em 1em;*/
	letter-spacing:0.07em;
	text-align:left;
	
}	

/* Header Überschrift*/
h4{
	font-size:1.5em;
	line-height:1.5em;
	font-family: Montserrat, Calibri, Helvetica, Verdana; 	/*alte Version mit Bradley in styles13 */
	font-weight:200;
	letter-spacing:0.2em;
}


h5{	
	font-family: Montserrat, Calibri, Helvetica, Verdana; 
	font-size:1.3em;
	font-weight:bold;
	line-height:1.5em;
}


h6{
	font-size:1.2em;
	line-height:1.2em;
	font-family: Montserrat, Calibri, Helvetica, Verdana; 
	font-weight:bold;
	letter-spacing:0.21em;
}
/* Übertrage Ende =========================================================*/

p {
	font-family: Montserrat, Calibri, Helvetica, Verdana; 
	font-size:1.0em;
	line-height:1.5em;
	/*font-weight:100; 		Schrift ist dünner */
	margin: 0.5em 3em; /* für die Abstände zum Seitenrand und zwischen den Absätzen*/ 
	text-align:justify; 
}

a {
	font-family: Montserrat, Calibri, Helvetica, Verdana;
	font-size:1.3em;
	line-height:1.5em;
	/*font-weight:100; 		Schrift ist dünner */
	/* margin: 0.5em 0.5em; MUSS wegbleiben, weil sonst die Bilder in der imagegallery nicht mehr im Kästchen ausgerichtet sind!!!!!! *//* für die Abstände zum Seitenrand und zwischen den Absätzen*/ 
	text-align:justify; 
}


ul {
	margin: 2.3em 0em;
	list-style-position:outside;  /* text auch Mehrzeilig beginnt immer eingerückt und vorne dadurch bündig. 
	Funktioniert hier nicht, weil ich keine Listenpunkte habe. die FontIcons sind ja keine!! man kann mit list-style-image die Listenpunkte ersetzen*/
}

/*geändert für Nav*/
li {
	list-style:none;
	font-family: Montserrat, Calibri, Helvetica;
	font-size:1.1em;
	line-height:1.5em;
	margin:0.4em 2.3em;
}

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

 /* Klassen, die die Schriften betreffen */
.p_first::first-letter{
	font-size:1.7em;
	font-family: Montserrat, Calibri, Helvetica, Calibri;  /* Papyrus für IOS */
	font-weight:bold;
}

/* 	============================
		Hinweise 
	============================ */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Courgette&family=Dancing+Script:wght@700&family=Gluten:wght@200;300&family=Just+Another+Hand&family=Molle&family=Shantell+Sans:wght@300&family=Swanky+and+Moo+Moo&display=swap');
span.more{font-family: Montserrat,  Papyrus; font-size:0.8em;}
span.anisys{
	font-weight:800;font-size: 3.2em;
	/*font-size:1.1em;*/
	/*letter-spacing:0.1em;*/
	font-family:'Swanky and Moo Moo',Gluten,cursive;			
	color: #1eed0d;
	/*font-weight:bold;*/
	
	/*
	
	'Swanky and Moo Moo',Gluten,zeyada, Caveat,zeyada,
	
	
	1.Caveat, 
	1.zeyada font-weight: 800;font-size: 2.1em;
	sehr schön aber langweilig Gluten, 
	ok'Shantell Sans',cursive, 
	2.Swanky and Moo Moo',
	nee Courgette,
	eher nee'Just Another Hand',
	'Dancing Script' zu verspielt
	Molle läuft  nicht
	*/
}

/*V1 groß unten ausgerichtet */
/*span.anisysNumber{font-size:2em; font-family:segoe script, Papyrus; font-weight:bold; color:teal; font-style:italic;}*/
/* V2 klein*/
span.anisysNumber{font-size:0.7em; font-family:Montserrat,  Calibri, Papyrus; font-weight:bold; color:black; /*teal;*/ font-style:italic; vertical-align:top;}

span.anisysM{
	font-size:2em;
	line-height:2em;
	letter-spacing:0.1em;
	font-family:'Swanky and Moo Moo',Gluten,cursive;	
	font-weight:bold;
}

span.animalname{font-weight:bold; font-family: Montserrat,  Calibri, segoe script; color:black/*#680d0d;*/}

span.break{
	font-family: Montserrat, Helvetica;
	font-weight:100;
}

span.breakWhite{
	font-family: Montserrat, Helvetica;
	font-weight:100;
	width:60%;
	text-align:center;
}
.petRegCard-grid p{margin: 0.5em 0.5em;}
span.polaroid{
	font-family:Montserrat, Calibri, Segoe print, Papyrus;
	font-size:0.85em;
	line-height:1.8em;
	font-weight:500;
	letter-spacing:0.21em;	
	color:black;
}
span.polaroid_small{
	font-family:Montserrat,Calibri, Segoe print, Papyrus;
	font-size:0.7em;
	line-height:1.8em;
	color:black;
}

span.polaroid_small:hover{color:black;}

span.nr_medium{font-size: 2.0em; font-weight:bold;}

/* Error Message fürs Benutzer Anlegen Formular */
.errormsg{
	font-size:0.7em;
	font-family: Montserrat, Calibri, Helvetica;
	position:absolute;  /* relativ zu div class form*/ 
	left:24.5em;
	line-height:0.1em; /* betrifft die errormsg Ausrichtung zum Inputfeld*/
}


/* 	============================
		Klassen für die Einstellungen 
	============================ */
	
/* 	====================================
			font Icons
		
	um die Größe einzelner Icons individuell zu ändern funktioniert folgende Schreibweise:
		i.fa.fa-ambulance {font-size:2em;} oder noch genauer
		.helpDashIB i.fa.fa-ambulance {font-size:2em;}
	die Klasse .fa-2x von "font awesome" kann nur so überschrieben werden. Eine eigene Klasse mit einer
	definierten Größe ( bspw. .fa-2{font-size:2em;})überschreibt sie nicht!!!
	
	==================================== */

.vmtlTiere .fa-envelope-open{/*font-size:3em;*/}	
.vmtlTiere .fa-address-card{/*font-size:3em;*/}
.vmtlTiere .fa-cc-paypal {/*font-size:3em;*/}
.vmtlTiere .fa-home{/*	font-size:7em; margin-right:2em;*/}


/* 	helfen-seite Icons*/
.icon.fa-handshake-o{}	
.fa-heart{}
.icon.fa-ambulance{}	

/* 	Hinweis zum Öffnen der Popup-Infofenster*/
.info .fa-info {}
.fa-angle-up {}

.fa-check-square-o {}
/*	popup 	*/
.fa-check {}
.fa-info-circle{}
i.fa-pencil-square-o{}

/*Log Seiten*/
#logout .fa-paw, .fa-sign-in  {font-size:2em;}

/* Fotogallerie*/
.petRegCardDescr i.fa.fa-address-card{font-size:1.5em; color:rgba(140, 0, 44, 0.8);}
.petRegCardDescr i.fa.fa-cc-paypal {font-size:1.5em; color:rgb(17, 151, 224);}
.petRegCardDescr.fa-address-card{
	text-align:right;
	font-size:3em; 
	color:rgba(140, 0, 44, 0.8);
}
/*.petRegCardDescr.fa-cc-paypal {font-size:3em; color:rgb(17, 151, 224);}	*/

/*	Dashboard	*/
.fa-wrench, .fa-list-ul, .fa-shopping-bag, .fa-clock-o, .fa-cutlery, .fa-credit-card, .fa-envelope {/*margin-left:0.2em;*/}

/* dropdown smartphone*/
.fa-caret-down{display: none;}

/*	======================================
		animaltreatment / documentation
	====================================== */
	
/**/
#animaldatasheet p{margin:0.5em;}	
.formbgwhite{background-color:rgba(249, 246, 247, 0.5); border-radius:4px;}
.toolbar_animaldatasheet{text-align:center;}