@charset "UTF-8";
/*Seitengr.*/
/*Text-Farben*/
/*Hintergrund-Farben*/
/*Textabstaende*/
/*Bilder*/
.uk-open .uk-modal-dialog, .uk-modal-dialog {
  background-color: transparent !important; }

/* ===================================
	medium	
=======================================*/
header {
  width: 100%;
  height: 142px;
  max-width: 1600px;
  margin: auto;
  background-color: white; }

header #top {
  width: 100%;
  height: 130px;
  overflow: hidden;
  background-image: url(../img/header_medium.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 102%; }

header .title {
  position: relative;
  top: 86px;
  left: 45px;
  color: white;
  font-size: 28px; }

#titel_printmedien {
  top: 79px; }

header #closebutton {
  float: right;
  width: 78px;
  height: 100%; }

header #closebutton a {
  position: relative;
  top: 87px; }

header #closebutton img {
  width: 30px;
  height: 30px; }

/* ===================================
	large	
=======================================*/
@media (min-width: 1366px) {
  header {
    height: 224px; }

  header #top {
    height: 206px;
    background-image: url(../img/header_large.jpg);
    background-position: right bottom;
    background-size: 102%; }

  header .title {
    top: 152px;
    left: 54px;
    font-size: 28px; }

  #titel_printmedien {
    top: 142px; }

  header #closebutton {
    width: 63px; }

  header #closebutton a {
    top: 150px; } }
/*ende @media */
/* ===================================
	small	
=======================================*/
@media (max-width: 1020px) {
  header {
    height: 140px; }

  header .title {
    left: 45px;
    top: 94px;
    /* von Johannes so definiert*/ }

  header #top {
    height: 130px;
    background-image: url(../img/header_small.jpg);
    background-position: left bottom;
    background-size: 135%; }

  #titel_printmedien {
    top: 83px; }

  header #closebutton {
    width: 70px; } }
/*ende @media */
 /* ===================================
	mobil	
=======================================*/
@media (max-width: 760px) {
  header {
    height: 118px; }

  header #top {
    height: 110px;
    background-image: url(../img/header_mobil.jpg);
    background-position: center bottom;
    background-size: 760px; }

  header .title {
    top: 74px;
    left: 20px;
    /*font-size: 28px;	*/
    font-size: 27px; }

  #titel_printmedien {
    top: 68px; }

  header #closebutton {
    width: 64px; }

  header #closebutton a {
    top: 68px; }

  header #closebutton img {
    width: 34px;
    height: 34px; } }

/*# sourceMappingURL=header.css.map */