/* Color palette
 * Orange:    #f17922
 * Brown:     #a95f18
 * Gelb:      #f1b022
 * Rot:       #f14622
 * Dunkelrot: #a93118
 * Creme:     #ffe3c8
 * Beige:     #ffc791
 * Blau:      #1872a9;
 */

/* Globa l selectors. */

* { margin: 0; padding: 0; }
body { background: #f17922; }
h1, h2, h3 { font-family: gill-sans-nova-inline, sans-serif; font-weight: 700; font-style: normal; }
h2 { font-size: 5vw; color: #f1b022; border-bottom: 4px #f17922 solid; padding-bottom: 5vw; margin-bottom: 8vw; }
h3 { font-size: 1.8vw; color: #f17922; padding-bottom: 1vh;}
p, a, span { font-family: gill-sans-nova, sans-serif; font-weight: 300; font-style: normal; }
p { font-size: 1.5vw; line-height: 1.5; padding-bottom: 3vw; color: #ffc791; }

/* Header */

#pr_header { width: 100vw; height: 97vh; margin: auto; padding: 3vw 0 0 0; background-image: url("../src/bg_landing_ps.jpg"); background-size: cover; background-repeat: no-repeat; border-bottom: 4px #1872a9 solid; }
#pr_logo { margin: auto; padding: 0; width: 30vw; }
#pr_logo img { width: 30vw; }

#pr_header_title {
  margin: auto;
  width: 65vw;
}

#pr_header_title h1 { font-size: 3vw; color: #1872a9; padding: 2vw 0 0 0; }
#pr_header_title h2 { font-size: 2.25vw; border-bottom: 4px #1872a9 solid; color: #f17922; padding: 0 0 1.5vw 0; margin: 0 0 1.5vw 0; }
#pr_header_title p { padding-bottom: 2vw; }
#pr_header_title a { font-size: 1.5vw; border-radius: 1vw; border: 1px solid #f1b022; padding: 1vw; text-align: center; width: 20vw; font-family: gill-sans-nova-inline, sans-serif; display: block; background: #1872a9; color: #f17922; text-decoration: none; }
#pr_header_title a:hover { background: #f17922; color: #1872a9; }

/* Studio. */

#pr_studio {
  background-image: url('../src/bg_studio_ps.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10vw 0 10vw 0;
  text-align: center;
  color: #ffc791;
  height: 102vw;
  border-top: 4px #f17922 solid;
  border-bottom: 4px #f17922 solid;
}

#pr_studio_wrapper {
  width: 65vw;
  margin: auto;
  text-align: left;
}

#pr_studio h2 {
  font-size: 5vw;
  color: #f1b022;
  border-bottom: 4px #f17922 solid;
  padding-bottom: 3vw;
  margin-bottom: 5vw;
}

.pr_content_wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5vw;
}

#pr_studio_p1 { margin 0; padding: 0; }
.pr_content_wrapper_p { width: 31vw; }
.pr_content_wrapper_img img { width: 31vw; height: auto; }
#pr_studio_img1 img { border-right: 4px solid #f17922; border-top: 4px solid #f17922; margin-top: 1.5vh; }
#pr_studio_img2 img { border-left: 4px solid #f17922; border-bottom: 4px solid #f17922; margin-top: 1.5vh; }

/* Equipment. */

#pr_equipment {
  background-image: url('../src/bg_equipment_ps.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10vw 0 10vw 0;
  text-align: center;
  color: #ffc791;
  height: 95vw;
  border-top: 4px #1872a9 solid;
  border-bottom: 4px #1872a9 solid;
}

#pr_equipment_wrapper {
  width: 65vw;
  margin: auto;
  text-align: left;
}

#pr_equipment h2 {
  font-size: 5vw;
  color: #f1b022;
  border-bottom: 4px #1872a9 solid;
  padding-bottom: 3vw;
  margin-bottom: 5vw;
}

#pr_equipment h3 {
  color: #1872a9;
  padding-bottom: 1vh;
}

#pr_equipment ul {
  padding-bottom: 4vh;
  list-style-type: none;
  font-size: 1.5vw;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 300;
  font-style: normal;
}

#pr_equipment p {
  padding-bottom: 5vw;
}

#pr_equipement_flex {
  display: flex;
  justify-content: space-between;
}

/* Services. */

#pr_services {
  background-image: url('../src/bg_leistungen_ps.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10vw 0 10vw 0;
  text-align: center;
  color: #ffc791;
  height: 150vw;
  border-top: 4px #f17922 solid;
  border-bottom: 4px #f17922 solid;
}

#pr_services h2 {
  font-size: 5vw;
  color: #f1b022;
  border-bottom: 4px #f17922 solid;
  padding-bottom: 3vw;
  margin-bottom: 5vw;
}

#pr_services p {
  padding-bottom: 8vh;
}

#pr_services_wrapper {
  width: 65vw;
  margin: auto;
  text-align: left;
}

#pr_services_flex_top { display: flex; justify-content: space-between; padding-bottom: 8vw; }
#pr_services_flex_bottom { display: flex; justify-content: space-between; padding-bottom: 8vw; }

#pr_services_flex_top h3, #pr_services_flex_bottom h3 {
  color: #f17922;
  padding-bottom: 1vw;
}

#pr_services_flex_top p, #pr_services_flex_bottom p {
  padding: 3vw 1vw 0 1vw;
}

.pr_services_item { width: 30vw; }
#pr_services_recording { text-align: center; padding-top: 9vw; width: 30vw; height: 12vw; background-image: url('../src/con_services_01.jpg'); background-size: cover; background-repeat: no-repeat; }
#pr_services_composing { text-align: center; padding-top: 9vw; width: 30vw; height: 12vw; background-image: url('../src/con_services_02.jpg'); background-size: cover; background-repeat: no-repeat; }
#pr_services_mixing { text-align: center; padding-top: 9vw; width: 30vw; height: 12vw; background-image: url('../src/con_services_03.jpg'); background-size: cover; background-repeat: no-repeat; }
#pr_services_producing { text-align: center; padding-top: 9vw; width: 30vw; height: 12vw; background-image: url('../src/con_services_04.jpg'); background-size: cover; background-repeat: no-repeat; }


/* Producer. */

#pr_producer {
  background-image: url('../src/bg_produzent_ps.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10vw 0 10vw 0;
  text-align: center;
  color: #ffc791;
  height: 90vw;
  border-top: 4px #1872a9 solid;
  border-bottom: 4px #1872a9 solid;
}

#pr_producer_wrapper {
  width: 65vw;
  margin: auto;
  text-align: left;
}

#pr_producer h2 {
  font-size: 5vw;
  color: #f1b022;
  border-bottom: 4px #1872a9 solid;
  padding-bottom: 3vw;
  margin-bottom: 5vw;
}

#pr_producer h3 {
  color: #1872a9;
  padding-bottom: 1vw;
}

#pr_producer p {
  padding-bottom: 5vw;
}

#pr_producer_flex {
  display: flex;
  justify-content: space-between;
}

#pr_producer_flex_image {
  width: 25vw;
}

#pr_producer_flex_image img {
  width: 30vw;
  height: auto;
  border-bottom: 4px #1872a9 solid;
  border-left: 4px #1872a9 solid;
}

#pr_producer_flex {
  border-left: 4px #1872a9;
  display: flex;
  justify-content: space-between;
  border-left: 4px solid #1872a9;
}

#pr_producer_flex_text {
    padding: 0 3vw 0 3vw;
}

#pr_producer_flex_text p {
  padding: 0;
}

#pr_producer_flex_text h3 {
  color: #1872a9;
  padding-bottom: 1vw;
}

#pr_producer_flex_text_h3_1 {
  margin-top: 0vw;
}
#pr_producer_flex_text_h3_2 {
  margin-top: 6vw;
}

#pr_producer_flex img {
  width: 30vw;
}

#pr_producer_images img:last-child {
  width: 25vw;
  height: auto;
  border-right: 4px #1872a9 solid;
  border-bottom: 4px #1872a9 solid;
  margin-top: 15vw;
}

#pr_producer_images img:first-child {
  width: 25vw;
  height: auto;
  border-right: 4px #1872a9 solid;
  border-top: 4px #1872a9 solid;
}

/* Contact. */

#pr_contact {
  background-image: url('../src/bg_kontakt_ps.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 10vw 0 10vw 0;
  text-align: center;
  color: #ffc791;
  height: 60vw;
  border-top: 4px #f17922 solid;
  border-bottom: 4px #f17922 solid;
}

#pr_contact_wrapper {
  width: 65vw;
  margin: auto;
  text-align: left;
}

#pr_contact h2 {
  font-size: 5vw;
  color: #f1b022;
  border-bottom: 4px #f17922 solid;
  padding-bottom: 3vw;
  margin-bottom: 5vw;
}

#pr_contact p {
  padding-bottom: 5vh;
}

#pr_contact_details {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5vh;
}

#pr_contact_details_message { width: 30vw; }
#pr_contact_details_adress { width: 30vw; }

#pr_contact_details h3 {
  color: #f17922;
  padding-bottom: 1vw;
}

#pr_contact_details p { padding: 0; }

#pr_contact a { font-size: 2vw; border-radius: 1vw; border: 1px solid #f1b022; padding: 1vw; text-align: center; width: 20vw; font-family: gill-sans-nova-inline, sans-serif; display: block; background: #1872a9; color: #f17922; text-decoration: none; }
#pr_contact a:hover { background: #f17922; color: #1872a9; }

/* Footer. */

#pr_footer {
  text-align: left;
  padding: 0.6vw 0 1.2vw 17.5vw;
  background: #1872a9;
  color: #f17922;
  border-top: 4px #1872a9 solid;
  border-bottom: 4px #f17922 solid;
  font-size: 1.5vw;
}

#pr_footer_copy { margin-right: 2vw; font-family: gill-sans-nova-inline, sans-serif; font-weight: 700; font-style: normal; }

#pr_footer a {
  text-decoration: none;
  color: #f17922;
  margin-right: 2vw;
  font-family: gill-sans-nova-inline, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#pr_footer a:hover {
  color: #f17922;
  text-decoration: underline;
}


/* Impressum. */

#pr_header_impressum {
  width: 100vw;
  height: 175vw;
  margin: auto;
  padding: 3vw 0 0 0;
  background-image: url("../src/bg_landing_ps.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 4px #1872a9 solid;
}

#pr_impressum_logo { width: 30vw; margin: auto; }

#pr_impressum_logo img {
  width: 30vw;
  height: auto;
}

#pr_impressum_wrapper {
  width: 65vw;
  margin: auto;
  color: #ffc791;
}

#pr_impressum_wrapper h2 {
  color: #f1b022;
  border-bottom: 4px #1872a9 solid;
  padding-bottom: 2vw;
  padding-top: 3vw;
  margin-bottom: 3vw;
  font-size: 2vw;
}

#pr_impressum_wrapper h3 {
  color: #1872a9;
  padding-top: 1vw;
}

#pr_impressum_wrapper p {
  padding-bottom: 1vw;
}

/* Datenschutz. */

#pr_datenschutz_impressum {
  width: 100vw;
  height: 750vw;
  margin: auto;
  padding: 2vw 0 0 0;
  background-image: url("../src/bg_landing_ps.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 4px #1872a9 solid;
}

#pr_datenschutz_wrapper {
  width: 65vw;
  margin: auto;
  color: #ffc791;
}

#pr_datenschutz_wrapper h2 {
  font-size: 2vw;
  color: #f1b022;
  border-bottom: 4px #1872a9 solid;
  padding-bottom: 2vw;
  padding-top: 3vw;
  margin-bottom: 3vw;
}

#pr_datenschutz_wrapper h3 {
  color: #1872a9;
  padding-top: 1vw;
}

#pr_datenschutz_wrapper p {
  padding-bottom: 1vw;
}

/* Mobile stylesheets */

@media (max-width: 1000px) {
  /* Hero section */

  p, h3 { font-size: 3vw; }

  #pr_header { height: 93vh; padding-bottom: 10vw; padding-top: 7vw; }
  #pr_logo, #pr_logo img { width: 60vw; }
  #pr_header_title h1, #pr_header_title h2 { font-size: 4.5vw; }
  #pr_header_title { width: 90vw; padding-top: 8vh; }
  #pr_header_title a, #pr_header p { font-size: 3vw; }
  #pr_header_title a {width: 40vw; }

  /* Studio */

  #pr_studio { height: auto; } /* 300vw */
  #pr_studio_wrapper { width: 90vw; }
  .pr_content_wrapper { display: block; }
  .pr_content_wrapper_p, .pr_content_wrapper_img img { width: 90vw; }
  #pr_studio_img1 { padding-bottom: 8vw; }
  #pr_studio_img2 { padding-top: 6vw; }

  /* Equipment */

  #pr_equipment { height: auto; } /* 170vw */
  #pr_equipment_wrapper { width: 90vw; }
  #pr_equipment ul { font-size: 3vw; }

  /* Services */

  #pr_services { height: auto; } /* 490vw */
  #pr_services_wrapper { width: 90vw; }
  #pr_services_flex_top, #pr_services_flex_bottom { display: block; padding-bottom: 0; }
  .pr_services_item { width: 90vw; padding-bottom: 16vw; }
  .pr_services_item h3 { font-size: 10vw; }
  #pr_services_recording { padding-top: 22vw; width: 90vw; height: 35vw; }
  #pr_services_composing { padding-top: 22vw; width: 90vw; height: 35vw; }
  #pr_services_mixing { padding-top: 22vw; width: 90vw; height: 35vw; }
  #pr_services_producing { padding-top: 22vw; width: 90vw; height: 35vw; }

  /* Producer */

  #pr_producer { height: auto; } /* 275vw */
  #pr_producer_wrapper { width: 90vw; }
  #pr_producer_flex, #pr_producer_flex, #pr_producer_images { display: block; }
  #pr_producer_images img:first-child, #pr_producer_images img:last-child { width: 88vw; }
  #pr_producer_images img:first-child { margin-top: 8vw; }

  /* Contact */

  #pr_contact { height: auto; } /* 115vw */
  #pr_contact_wrapper { width: 90vw; }
  #pr_contact_details_message, #pr_contact_details_adress { width: 40vw; }
  #pr_contact a { width: 40vw; font-size: 3vw; }

  /* Footer */

  #pr_footer { padding-left: 5vw; }

  /* Impressum und Datenschutz */

  #pr_datenschutz_impressum { height: auto; } /* 2290vw */
  #pr_header_impressum { height: 480vw; }
  #pr_impressum_logo, #pr_impressum_logo img { width: 60vw; }
  #pr_impressumg_wrapper { width: 90vw; }
  #pr_impressum_wrapper, #pr_datenschutz_wrapper h2 { font-size: 3vw; }

}

/* Force potrait mode */
 

@media only screen and (orientation:landscape) {}