.glossar_row {
    background: var(--fuenf);
    color: var(--neun);
	margin: 1px; 
	border-spacing: 1px;
}

.glossar_smalltext {
	padding: 2% 4%;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: var(--eins);
}

.glossar_headline {
	text-transform: uppercase;
    background-color: var(--elf);
    opacity: 90%;
    font-family: var(--open);
    font-size: 14px;
    letter-spacing: 1.5px;
	font-weight: 100;
  	padding: 25px 2px;
    line-height: 1;
	margin-top: 3px; /*levelt die beiden topper auf eine höhe*/
    text-align: center;
    box-sizing: border-box;
}

.glossar_subline {
background: var(--picked2);
    color: var(--acht);
    font-weight: 100;
    text-transform: uppercase;
    padding: 1%;
    font-family: var(--open);
    font-size: 0.7em;
    letter-spacing: 0.4em;
	opacity: 90%;
}

.glossar_text {
	text-align: justify;
    font-family: var(--open);
    font-size: 1em;
    line-height: 1.5em;
    color: var(--zwoelf);
    margin: 6% 9%;
    padding: 5%;
    background: var(--eins);
}

.glossar_text b {
	color: var(--picked);
}

.glossar_text a {
	font-weight: bold;
	text-transform: uppercase;
	color: var(--picked);
}

.circle-text {  
    color: var(--acht);
    font-family: var(--roboto);
	font-size: 1em;
	}

.fa-circle { 
    color: var(--picked);
	}

.fa-stack-2x {
    font-size: 1em;
}

.glossar_line { 
    background: var(--picked2);
	opacity: 0.2;
	width: 98%; 
	height: 2px;
	margin: 10px auto;
	}

.glossar_cat { 
    background-color: var(--elf);
    padding: 25px 30px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
	opacity: 90%;
    font-family: var(--open);
    font-size: 14px;
    letter-spacing: 1.5px;
	font-weight: 100;
}

.glossar_hide { 
    display: none;
	}

.glossar_text h1 {
	font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: var(--neun);
    text-transform: lowercase;
    letter-spacing: 1;
    padding: 8px;
	background: none;
	border-bottom: none;
	font-weight:100;
}

.glossar_text h2 {
margin: 2px;
    padding: 8px;
    text-align: center;
    letter-spacing: 5px;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: -54px;
    font-weight: 300;
}

.glossar_text h3 {
    margin: 2px;
    padding: 8px;
    text-align: center;
    letter-spacing: 3px;
    font-size: 10px;
    text-transform: uppercase;
	font-weight: 500;
	line-height: 1.2;
}

.glossar_text p {
  text-align: justify;
		display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin-bottom: 10px;
}

.glossar_text p::first-letter { 
	  float: left;
	  color: var(--picked);
	  font-size: 1.2em; 
	  font-family: var(--playfair);
	border: 1px solid var(--picked);
		padding: 5px 11px 13px 11px; /*top right bottom left*/
		margin-right: 8px;
	margin-top: 3px;
	line-height: 0.8em;
	box-sizing: border-box;
}

/*.glossar_text p:first-of-type::first-line {
  text-transform: uppercase;
}*/

.parag { border-top: 1px solid var(--acht); position: relative; top: 20px; margin-bottom: 30px; }
.parag span { color: var(--elf); text-decoration: none; font-style: italic; font-size: 13px; text-align: center; padding: 2px 5px; background: var(--picked); width: 120px; margin: 0 auto; display: block; position: relative; top: -10px; font-family: var(--calibri); }

/*-----------------------------------------------------schokofrösche---------------------------------------------------------------*/
.chocontain {display: flex;flex-direction:column;center;align-items: center;margin: 0;padding: 0;box-sizing: border-box;}
 .chocard {position: relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;box-sizing: border-box;}
 .chocard .hexagon {position: relative;width: 350px;height: 350px;margin: 10px 20px 70px;box-sizing: border-box;}
 .chocard .hexagon::before {content: '';position: absolute;bottom: -70px;width: 100%;height: 60px;background: radial-gradient(rgba(0,0,0,0.15),transparent,transparent);border-radius: 50%;transition: 0.5s;box-sizing: border-box;}
 .chocard .hexagon:hover::before {opacity: 0.8; transform: scale(0.8);box-sizing: border-box;}
 .chocard .hexagon .shape {position: relative;top: 0;left: 0;width: 100%;height: 100%;clip-path: polygon(50% 0%, 100% 40%, 82% 100%, 18% 100%, 0 40%);transition: 0.5s;box-sizing: border-box;background: rgba(206,206,206,0.87);}
 .chocard .hexagon .shape img {position: absolute;top: 10px;left: 10px;width: 330px;height: 330px;object-fit: cover;box-sizing: border-box;clip-path: polygon(50% 0%, 100% 40%, 82% 100%, 18% 100%, 0 40%);}
 .chocard .hexagon .shape .hide {line-height: 1.3;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 20px;text-align: center;background: linear-gradient(45deg,rgba(229,223,211,0.66),rgba(229,223,211,0.54));color: #fff;opacity: 1;transition: 0.5s;box-sizing: border-box;}
.chocard .hexagon .shape .content {line-height: 1.5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 20px;text-align: center;background: linear-gradient(45deg,rgba(223,179,94,1.00),rgba(223,179,94,0.56));color: #fff;opacity: 0;transition: 0.5s;box-sizing: border-box;}
 .chocard .hexagon:hover .shape .hide {opacity: 0;box-sizing: border-box;}
 .chocard .hexagon:hover .shape .content {opacity: 1;box-sizing: border-box;}
 .chocard .hexagon .hide span {font-family: 'Playfair Display', serif;text-transform: lowercase;font-size: 34px;box-sizing: border-box;}
 .chocard .hexagon .hide p {font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 10px;font-weight: 300;line-height: 15px;box-sizing: border-box;margin-top:-8px !important;text-align:center;}
 .chocard .hexagon .hide p::first-letter {font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 10px;font-weight: 300;line-height: 15px;box-sizing: border-box;margin-top:-8px;margin-bottom:0;float:none !important;color: inherit;border:none;padding:0 !important;margin-right: 0 !important;text-align:center;}
 .chocard .hexagon .content span {line-height: 1.2;font-family: 'Playfair Display', serif;text-transform: lowercase;font-size: 30px;box-sizing: border-box;color: rgba(239,218,177,1.00);}
 .chocard .hexagon .content p {font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 8px;font-weight: 300;line-height: 15px;box-sizing: border-box;padding-left:35px;padding-right: 35px;text-align:center;}
 .chocard .hexagon .content p::first-letter {font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 8px;font-weight: 300;line-height: 15px;box-sizing: border-box;padding-left:35px;padding-right: 35px;margin-bottom:0;float:inherit;color: inherit;border:none;padding:0 !important;margin-right: 0 !important;text-align:center;margin-left:0;}