.page_header {
  background: url('/data/a570085f-3f66-4ae5-854d-5aee046f8481') repeat-x top left;
}
.page_header {
  height: 290px;
}
.page_header > div {
  margin: auto;
  width: 1000px;
  height: inherit;
  overflow: hidden;
}

.page_header > div > a {
  display: block;
  float: left;
  margin-top: 15px;
  padding: 40px 0 0 0;
  height: 100px;
}
.page_header:not(.homepage) > div .thumb {
    float: right;
    padding: 0;
    margin-top: 15px;
    perspective: 1000px;
    height: 45px;
    width: 130px;
}
.page_header.red > div .thumb {
    background-color: #d54;
}
.page_header.green > div .thumb {
    background-color: #4b4;
}
.page_header.blue > div .thumb {
    background-color: #59d;
}

.page_header:not(.homepage) > div .thumb a {
    display: block;
    height: inherit;
}
.page_header:not(.homepage) > div .thumb a:hover {
    animation: a_hover 0.4s ease-out;
    animation-iteration-count: 1;
}
.page_header:not(.homepage) > div .thumb > a > img {
    height: auto;
    position: relative;
    top: 8%;
    left: 2%;
    width: 90%;
}
.page_header.homepage > div .thumb > a > img {display:none}

.page_header.homepage .header-text {
    width: calc(100% - 700px);
    float: left;
    display: inline-block;
    margin: 56px 0 0 35px;
    box-sizing: border-box;
    font-size: 1.2em;
}
.page_header.homepage .header-text > p {
    margin-bottom: 0.3em;
}

.page_header:not(.homepage) .header-text {
    display:none
}

.page_header.homepage > div > .begrep-logo {
    margin-top: 44px;
    display: inline-block;
    padding: 0;
    float: right;
    width: 90px;
}
.page_header.homepage > div > .begrep-logo:hover > svg .path {
  stroke-dasharray: 100;
  stroke-dashoffset: 200;
  animation: dash 10s linear normal infinite;
  animation-delay: 0.3s;
  stroke: white;
}
@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.page_header > div > svg {
  float: right;
}
.page_header > div > div {
	clear: both;
	overflow: hidden;
}
.page_header > div > div > p {
	float: right;
	padding-top: 25px;
	margin-bottom: 0;
	width: 360px;
	color: #000;
	font-size: 35px;
	line-height: 40px;
}
.page_header > div > div > p > span {
	font-size: 25px;;
}
.page_header > div > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.page_header > div > ul > li {
	float: left;
}
.page_header > div > ul > li > a {
	display: inline-block;
	color: #000;
	text-decoration: none;
}
.page_header > div > ul > li > a:hover {
	text-decoration: underline;
}
.page_header > div > ul > li:not(:last-child) > a:after {
	content: '/';
	display: inline-block;
	padding: 0 5px;
}
.page_header > div > ul > li:last-child > a {
	font-weight: bold;
}

.page_header .button_1_bg {
/*	fill: #fb4;*/
        fill: #ead33c
}
.page_header .button_2_bg {
/*	fill: #fa2; */
        fill: #ead33c
}
.page_header .button_bar {
	fill: #000;
	transition: fill 0.4s;
}
.page_header .button_txt {
	fill: #000;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	font-family: tahoma;
	transition: fill 0.7s;
}
.page_header #button_1:hover .button_bar,
.page_header #button_1.active .button_bar,
.page_header #button_2:hover .button_bar,
.page_header #button_2.active .button_bar {
	fill: #d42;
	transition: fill 0.2s;
}

.page_header #button_1:not(.active),
.page_header #button_2:not(.active) {
       opacity: 0.75;
}

.page_header #button_1:not(.active):hover,
.page_header #button_2:not(.active):hover {
       opacity: 0.85;
}

.page_header #button_1:hover .button_txt
.page_header #button_1.active .button_txt,
.page_header #button_2:hover .button_txt
.page_header #button_2.active .button_txt{
	fill: #610;
	transition: fill 0.1s;
}


.page_header.homepage {
  height: 200px;
}
.page_header.homepage > div > a {
	padding-bottom: 45px;
}
.page_header.red > div {
	background: url('/data/3f5a6610-ef61-4e3b-bfd1-5de8112b2d5f') no-repeat right bottom;
}
.page_header.red > div > ul > li:last-child > a {
	color: #d22;
}

.page_header.green > div  {
	background: url('/data/1d927d47-e6e4-477a-9b84-e541c9b65b2f') no-repeat right bottom;
}
.page_header.green > div > ul > li:last-child > a {
	color: #4b4;
}

.page_header.blue > div  {
	background: url('/data/') no-repeat right bottom;
}
.page_header.blue > div > ul > li:last-child > a {
	color: #48d;
}