﻿/* Genussmeisterei */

@font-face {
	font-family: 'The Foregen Rough One';
	src: url('fonts/The Foregen Rough One.eot');
	src: local('☺'), url('fonts/The Foregen Rough One.woff') format('woff'), url('fonts/The Foregen Rough One.ttf') format('truetype'), url('fonts/The Foregen Rough One.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis-Regular';
	src: url('fonts/Metropolis-Regular.eot');
	src: local('☺'), url('fonts/Metropolis-Regular.woff') format('woff'), url('fonts/Metropolis-Regular.ttf') format('truetype'), url('fonts/Metropolis-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis-Bold';
	src: url('fonts/Metropolis-Regular.eot');
	src: local('☺'), url('fonts/Metropolis-Bold.woff') format('woff'), url('fonts/Metropolis-Bold.ttf') format('truetype'), url('fonts/Metropolis-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_DianaWebber Script Solid';
	src: url('fonts/DianaWebber Script Solid.eot');
	src: local('☺'), url('fonts/DianaWebber Script Solid.woff') format('woff'), url('fonts/DianaWebber Script Solid.ttf') format('truetype'), url('fonts/DianaWebber Script Solid.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


:root {
	--color-white: #ededed;
	--color-gold: #b29574;
	--color-brown: #a67054
}


body, input {
	font-family: Metropolis-Regular, Arial, Sans-Serif;
	color: #444444;
	font-size: 150%;
}

iframe { border: 0px }


h1 {
	font-family: "The Foregen Rough One", Arial;
	font-size: 250%;
	line-height: 100%;
	color: var(--color-brown);
	margin-top: 0px;
	margin-bottom: 0px
}

h2 {
	font-family: Metropolis-Bold, Arial;
	font-weight: bold;
	font-size: 120%;
	line-height: 110%;
	color: #555555;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3 {
	font-family: Metropolis-Bold, Arial;
	font-weight: bold;
	font-size: 120%;
	line-height: 110%;
	color: var(--color-brown);
	margin-top: 0px;
	margin-bottom: 0px;
}


h4 {
	font-family: 'Conv_DianaWebber Script Solid', Arial;
	font-weight: bold;
	font-size: 220%;
	line-height: 110%;
	color: var(--color-brown);
	margin-top: 0px;
	margin-bottom: 0px;
}




.news_text {
	font-size: 80%;
	font-family: Metropolis-Regular
}
.news_text img { max-width:100%; height:auto }
.news_text li {	list-style-type: square; margin-left: 15px }
.news_text p { padding:0px; margin:0px }


b {	font-family: Metropolis-Bold, Arial }


a			 { text-decoration: none } 
a:link		 { color: #b29574 }
a:visited	 { color: #b29574 }
a:active	 { color: #b29574 }
a:hover		 { color: #b2a796; text-decoration:none }

a:focus { outline: none }




.content-home {
	background-color: #E4E4E4;
	margin-left: 0px;
	margin-bottom: 30px;
}

.content-home ul { list-style: none }

.btn-braun { background-color: #a67054;	padding: 15px; font-size: 110%; margin-bottom:20px; color:#FFFFFF !important; border-radius:0px }
.btn-lachs { background-color: #eed4c3; padding: 15px; font-size: 110%; margin-bottom:20px; color:#333333 !important; border-radius:0px }
.btn-beige { background-color: #b5a996; padding: 15px; font-size: 110%; margin-bottom:20px; color:#333333 !important; border-radius:0px }


.kurs_datum { position: absolute; left: 2px; top: 2px; background-color: #b29574; padding: 10px; font-family: Metropolis-Bold; color: #FFFFFF }
.kurs_titel { font-family:Metropolis-Bold; font-size:72% }
.kurs_subzeile { font-family:Metropolis-Regular; font-size:60%; font-style:italic }
.kurs_text { font-family:Metropolis-Regular; font-size:65%; margin-top:10px }
.kurs_leiter { color:#b29574; font-family:Metropolis-Bold; font-size:70%; text-transform:uppercase; margin-top:20px }
.kurs_leiter_text { color:#b29574; font-family:Metropolis-Regular; font-size:55%; font-style:italic }
.kurs_leiter_foto { width:60px; float:left; margin-right:10px }



.blog_klammer { position: absolute; right: 10px; top: -10px }
.item_titel { font-family:Metropolis-Bold; font-size:72% }
.item_subzeile { font-family:Metropolis-Regular; font-size:60%; font-style:italic }
.item_text { font-family:Metropolis-Regular; font-size:65%; margin-top:10px }
.item_leiter { color:#b29574; font-family:Metropolis-Bold; font-size:70%; text-transform:uppercase; margin-top:20px }
.item_leiter_text { color:#b29574; font-family:Metropolis-Regular; font-size:55%; font-style:italic }
.item_leiter_foto { width:60px; float:left; margin-right:10px }

/* vereinheitlichen kurs/item */


hr {
	border: 1px solid #FFFFFF
}


.footer {
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
	background-color: #1c1d1e;
	color: #ededed;
	font-size: 85%;
}

.footer a { text-decoration: none; color: #FFFFFF } 
.footer a:link		 { color: #FFFFFF }
.footer a:visited	 { color: #FFFFFF }
.footer a:active	 { color: #FFFFFF }
.footer a:hover		 { color: #b2a796 }


.ft_head {
font-family: Metropolis-Bold;
font-weight:bold;
font-size:115%
}




/* EIGENE */

.weblink:before { font-family:'Font Awesome 5 Free'; content: "\f360"; display: inline-block; padding-right: 5px;	vertical-align: middle;	font-weight: 900 }

.maillink:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; display: inline-block;	padding-right: 3px;	vertical-align: middle;	font-weight: 900 }

.mailkuvert:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; display: inline-block;	padding-right: 3px;	vertical-align: middle;	font-weight: 900 }


.pdf { text-decoration: none; background-image: url(/opmodule/grafik/icon_pdf.gif); background-position: 0px 0px;padding-left: 20px; background-repeat: no-repeat }
.xls   { text-decoration: none; background-image:url(/opmodule/grafik/icon_xls.gif); background-position:0px 0px; padding-left: 20px; background-repeat:no-repeat }
.lsx   { text-decoration: none; background-image:url(/opmodule/grafik/icon_xls.gif); background-position:0px 0px; padding-left: 20px; background-repeat:no-repeat }
.jpg   { text-decoration: none; background-image:url(/opmodule/grafik/icon_jpg.gif); background-position:0px 0px; padding-left: 20px; background-repeat:no-repeat }
.doc   { text-decoration: none; background-image:url(/opmodule/grafik/icon_doc.gif); background-position:0px 0px; padding-left: 20px; background-repeat:no-repeat }
.ocx   { text-decoration: none; background-image:url(/opmodule/grafik/icon_doc.gif); background-position:0px 0px; padding-left: 20px; background-repeat:no-repeat }



.weiter { color:#FFFFFF; background-color: #a67054; padding: 10px; font-size:110%; text-transform:uppercase }
a.weiter:link, a.weiter:visited { color:#FFFFFF }

.zurueck { color:#FFFFFF; background-color: #a67054; padding: 10px; font-size:110%; text-transform:uppercase }
a.zurueck:link, a.zurueck:visited { color:#FFFFFF }

.bt_weiss { color:#B80045; background-color:#FFFFFF; font-weight:bold; font-size:13px; text-transform:uppercase; letter-spacing:1px; border:0px; margin-top:0px; padding:5px; padding-left:7px; padding-right:7px; border-radius:3px }
a.bt_weiss:link, a.bt_weiss:visited { color:#50AF31 }


