/**
 * @license
 * MyFonts Webfont Build ID 3697787, 2019-01-14T09:21:04-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Hijrnotes by Mans Greback
 * URL: https://www.myfonts.com/fonts/mawns/hijrnotes/regular/
 * Copyright: Copyright (c) 2016 by Hendra Pratama (mikrojihad). All rights reserved.
 * Licensed pageviews: 20,000
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3697787
 *
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/386c7b");


@font-face {font-family: 'NeutraLight';src: url('/css/fonts/NeutrafaceText-Light.woff2') format('woff2'),url('/css/fonts/NeutrafaceText-Light.woff.woff') format('woff');}

body, input { margin:0px; padding:0px; font-family:NeutraLight, Arial, sans-serif; font-size:16px; line-height:26px; color:#3c3c3c; }
.wrapper { width:100%; max-width:960px; margin:0px auto; }
.headerpic { width:100%; height:540px; text-align:center; background-image:url('/images/ateliervoyage_selfportrait_header.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.headerpic img { max-width:525px; margin:120px 0px 0px 0px; }

.super_block { display:none; padding:0px 0px 50px 0px; }
#block_0 { display:block; }
.block { padding:25px 0px 75px 0px; }
.block_left { float:left; width:20%; margin:0px 5% 0px 0px; }
.block_left .txt { padding:15px 0px 0px 0px; line-height:18px; }
.block_right { float:left; width:75%; }
.block_img { width:100%; height:235px; margin:25px 0px 100px 0px; padding:115px 0px 0px 0px; font-size:18px; line-height:22px; letter-spacing:0.15em; text-align:center; text-transform:uppercase; color:#fff; background-image:url('/images/block_step.jpg'); background-repeat:no-repeat; background-size:350px auto; background-position:center;  }
.block_img span { display:block; padding:15px 0px 15px 0px; font-size:50px; line-height:54px; }

.hl { font-size:24px; line-height:29px; text-transform:uppercase; }
.hl.top { max-width:600px; margin:0px auto; padding:40px 0px 70px 0px; }
.txt.start { max-width:360px; margin:50px auto 0px; }
.input_line { width:100%; padding:0px 0px 15px 0px; }
.label { float:left; width:180px; }
.forminput { float:left; width:100%; max-width:540px; }
.forminput.full { float:left; width:100%; max-width:100%; }
.forminput.full .txt_field { max-width:100%; }
input[type='text'], input[type="button"],input[type="submit"], textarea { border-radius:0px; -webkit-appearance:none; }
.txt_field { width:100%; max-width:100%; border:none; border-bottom:1px solid #9c9c9c; border-radius:0px; -webkit-appearance:none; }
.txt_field.reallyshort { width:30px; }
.txt_field.wuensche_besonders { width:300px; }
.col_2 { float:left; width:48%; padding:0px 2% 0px 0px; }
.col_3 { float:left; width:31%; padding:0px 2% 0px 0px; }
.col_4 { float:left; width:23%; padding:0px 2% 0px 0px; }
.col_5 { float:left; width:18%; padding:0px 2% 0px 0px; }
.submit_wrapper { width:100%; text-align:center; }
.submit_button { width:100%; max-width:640px; margin:15px auto; padding:12px 0px 10px; border:1px solid #3c3c3c; background-color:#ffffff; color:#3c3c3c; text-transform:uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; -webkit-appearance: none; }
.submit_button:hover { background-color:#000; color:#fff; }
.goback { cursor:pointer; }
.goback:hover { text-decoration:none; }
.footer { padding:0px 0px 50px 0px;  }
.footer .wrapper { text-align:center; }
.footer img { max-width:81px; }
a { text-decoration:none; color:#3c3c3c; }
a:hover { text-decoration:underline; }

.tocenter { text-align:center; }
.tounderline { text-decoration:underline; }
.clear { clear:both; }


/* iPHONE 4 PORTRAIT <-> <iPhone 6 Portrait */
@media (max-width:374px) {
  .headerpic { height:240px; }
  .headerpic img { width:300px; margin-top:30px; }
  .block_img { height:140px; margin-top:0px; margin-bottom:50px; padding-top:60px; font-size:14px; line-height:17px; background-size:200px auto; }
  .block_img span { padding:5px 0px 5px 0px; font-size:30px; line-height:34px; }
  .wrapper { width:94%; margin:0px 3%; }
  .block_left { float:none; width:100%; padding:0px 0px 20px 0px; }
  .block_right { float:none; width:100%; }
  #block_2_5 .input_line { padding-bottom:0px; }
  .col_2, .col_3, .col_4 { float:none; width:100%; }
  .label, .forminput { float:none; width:100%; max-width:100%; }
}


/* iPHONE 6 PORTRAIT <-> iPhone 4 Portrait */
@media (min-width: 375px) AND (max-width:479px) {
  .headerpic { height:240px; }
  .headerpic img { width:350px; margin-top:30px; }
  .block_img { height:140px; margin-top:0px; margin-bottom:50px; padding-top:60px; font-size:14px; line-height:17px; background-size:200px auto; }
  .block_img span { padding:5px 0px 5px 0px; font-size:30px; line-height:34px; }
  .wrapper { width:94%; margin:0px 3%; }
  .block_left { float:none; width:100%; padding:0px 0px 20px 0px; }
  .block_right { float:none; width:100%; }
  #block_2_5 .input_line { padding-bottom:0px; }
  .col_2, .col_3, .col_4 { float:none; width:100%; }
  .label, .forminput { float:none; width:100%; max-width:100%; }
}


/* iPHONE 4 LANDSCAPE <-> iPhone 5 Portrait */
@media (min-width: 480px) AND (max-width:567px) {
  .headerpic { height:240px; }
  .headerpic img { width:350px; margin-top:30px; }
  .block_img { height:140px; margin-top:0px; margin-bottom:50px; padding-top:60px; font-size:14px; line-height:17px; background-size:200px auto; }
  .block_img span { padding:5px 0px 5px 0px; font-size:30px; line-height:34px; }
  .wrapper { width:94%; margin:0px 3%; }
  .block_left { float:none; width:100%; padding:0px 0px 20px 0px; }
  .block_right { float:none; width:100%; }
  #block_1_3 .col_2, #block_1_3 .col_3 { float:none; width:100%; }
  #block_2_1 .col_2, #block_2_1 .col_3 { float:none; width:100%; }
  #block_2_2 .col_3, #block_2_2 .col_4 { float:none; width:100%; }
  #block_2_5 .col_2, #block_2_5 .col_3 { float:none; width:100%; }
  #block_2_5 .input_line { padding-bottom:0px; }
  #block_2_6 .col_3 { float:none; width:100%; }
  #block_2_8 .col_3 { float:none; width:100%; }
  #block_3_3 .col_2 { float:none; width:100%; }
  #block_3_4 .col_2 { float:none; width:100%; }
  #block_4_3 .col_3 { float:none; width:100%; }
  #block_4_5 .col_2, #block_4_5 .col_3 { float:none; width:100%; }
  .forminput { max-width:255px; }
}


/* iPHONE 5 LANDSCAPE <-> iPhone 6 Portrait */
@media (min-width: 568px) AND (max-width:666px) {
  .headerpic { height:240px; }
  .headerpic img { width:350px; margin-top:30px; }
  .block_img { height:140px; margin-top:0px; margin-bottom:50px; padding-top:60px; font-size:14px; line-height:17px; background-size:200px auto; }
  .block_img span { padding:5px 0px 5px 0px; font-size:30px; line-height:34px; }
  .wrapper { width:94%; margin:0px 3%; }
  .block_left { float:none; width:100%; padding:0px 0px 20px 0px; }
  .block_right { float:none; width:100%; }
  #block_1_3 .col_2, #block_1_3 .col_3 { float:none; width:100%; }
  #block_2_5 .col_2, #block_2_5 .col_3 { float:none; width:100%; }
  #block_2_5 .input_line { padding-bottom:0px; }
  #block_3_3 .col_2 { float:none; width:100%; }
  #block_3_4 .col_2 { float:none; width:100%; }
  #block_4_5 .col_2, #block_4_5 .col_3 { float:none; width:100%; }
  .forminput { max-width:345px; }
}


/* iPHONE 6 LANDSCAPE <-> <iPad Portrait */
@media (min-width: 667px) AND (max-width:767px) {
  .headerpic { height:240px; }
  .headerpic img { width:350px; margin-top:30px; }
  .block_img { height:140px; margin-top:0px; margin-bottom:50px; padding-top:60px; font-size:14px; line-height:17px; background-size:200px auto; }
  .block_img span { padding:5px 0px 5px 0px; font-size:30px; line-height:34px; }
  .wrapper { width:94%; margin:0px 3%; }
  .block_left { float:none; width:100%; padding:0px 0px 20px 0px; }
  .block_right { float:none; width:100%; }
  .forminput { max-width:445px; }
}


/* >iPAD PORTRAIT <-> iPAD LANDSCAPE */
@media (min-width: 768px) AND (max-width:1023px) {
  .wrapper { width:94%; margin:0px 3%; }
  .block_left { float:none; width:100%; padding:0px 0px 20px 0px; }
  .block_right { float:none; width:100%; }
}


/* iPAD LANDSCAPE */
@media (min-width: 1024px) AND (max-width:1024px) {
}

/* iPhone X */
@media (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
  .headerpic { height:240px; }
  .headerpic img { width:350px; margin-top:30px; }
  .block_img { height:140px; margin-top:0px; margin-bottom:40px; padding-top:60px; font-size:14px; line-height:17px; background-size:200px auto; }
  .block_img span { padding:5px 0px 5px 0px; font-size:30px; line-height:34px; }
  .wrapper { width:94%; margin:0px 3%; }
  .block_left { float:none; width:100%; padding:0px 0px 20px 0px; }
  .block_right { float:none; width:100%; }
  .forminput { max-width:445px; }
}