@font-face {
  font-family: 'BundesSansWeb';
  font-style: normal;
  font-weight: 400;
  src: local('BundesSansWeb'), local('BundesSansWeb-Regular'), url(bundessansweb-regular.woff) format('woff');
}
@font-face {
  font-family: 'BundesSansWeb';
  font-style: normal;
  font-weight: 900;
  src: local('BundesSansWeb-Bold'), url(bundessansweb-bold.woff) format('woff');
}

html {
	margin: 0;
}

body {
	margin: 0 auto;
	max-width: 1280px;
	font-family: BundesSansWeb,	Calibri, "Droid Sans", "SF Pro", Helvetica, sans-serif;
}

.header1 {
    padding: 110px 40px 0 40px;
    min-height: 100px;
    background-image: url(Logo_ITZBund.svg);
    background-repeat: no-repeat;
    background-position: 20px 30px;
    background-size: auto 100px;
}

.header2 {
    padding: 40px 40px 0 40px;
    min-height: 100px;
    background-repeat: no-repeat;
    background-position: 20px 30px;
    background-size: auto 100px;
}

.footer {
	padding: 30px 40px 30px 40px;
}
.footer > a {
	padding-left: 0;
	padding-right: 2em;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	color: rgb(45, 111, 158);
	text-decoration: none;
}
.footer > a:hover {
	text-decoration: underline 1px solid rgb(45, 111, 158);
}

.main {
	display: grid;
	padding: 20px 40px 0 40px;
	width: auto;
	height: auto;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.main_1row {
	display: grid;
	padding: 20px 40px 0 40px;
	width: auto;
	height: auto;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 20px;
}


.chatbot {
	display: block;
	width: auto;
	min-height: 150px;
	text-decoration: none;
}

.chatbot > .avatar {
	background-color: rgb(242,246,250);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 90%;
	height: 150px;
}
.chatbot > .name {
	color: #2D6F9E;
	line-height: 1.6;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	text-decoration: none;
}
.chatbot:hover > .name {
	text-decoration: underline 2px solid rgb(45, 111, 158);
}
.chatbot > .nameNoHover {
	color: #2D6F9E;
	line-height: 1.6;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	text-decoration: none;
}
.chatbot > .desc {
	color: #333333;
	line-height: 1.6;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
}