/*** default ***/
* {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body { width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { display:block; padding:0; margin:0 !important; border-style:none !important; outline:none !important; text-decoration:none !important; -ms-interpolation-mode:bicubic !important; }
a img { border:none; }
.devicewidth, .devicewidthinner { margin:0 auto; }
table.hideforandroid { background-color: #ffffff; }
.bildnachweis { background-color: #ffffff; }
.bildnachweis, .bildnachweis span, .bildnachweis span a { font-size: 10px; }
.preheader, 
.preheader a, 
.bildnachweis, 
.bildnachweis td, 
.bildnachweis td span, 
.bildnachweis td span.refuse_link a .bn_txt,
.bn_txt,
.bn_txt a {font-family:'Open Sans',verdana,sans-serif; font-size:10px; color:#343434 !important; }

.col2pre { padding-top: 6px; }
.expand { display:none; background-color:#f1f1f1; padding:15px; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
table, tr, td { border: 0; }


/*** font style ***/
/*body,table,td,div,span,a,p,li { font-family:'Open Sans',verdana,sans-serif; font-size:13px; color:#343434;}*/
/*body,table,td,div,span,a,p,li { font-family:'Open Sans',verdana,sans-serif; font-size:13px; color:#343434; font-weight:normal; margin:0; text-transform: normal; }*/
body,table,td,div,span,a,p,li { font-family:'Open Sans',verdana,sans-serif; font-size:14px; color:#343434; font-weight:normal; margin:0; line-height:120%; text-transform: normal; mso-line-height-rule:exaclty; }

a,span a,a span,p a,a p,#zurueck b { font-weight:normal; text-decoration:none; }
a:hover { text-decoration:none; }

h1,h1 a,a h1 { font-family:'Open Sans',verdana,sans-serif; font-size:20px; color:#222222; font-weight:normal; margin:0; line-height:120%; text-transform: normal; mso-line-height-rule:exaclty; }
h1 a:hover,a h1,a:hover h1 { font-family:'Open Sans',verdana,sans-serif; font-size:20px; color:#222222; font-weight:normal; margin:0; line-height:120%; text-transform: normal; text-decoration:none !important; mso-line-height-rule:exaclty; }

h2,h2 a,a h2 { font-family:'Open Sans',verdana,sans-serif; font-size:20px; color:#222222; font-weight:normal; margin-bottom:5px; line-height:120%; text-transform: normal; mso-line-height-rule:exaclty; }
h2 a:hover,a h2,a:hover h2 { font-family:'Open Sans',verdana,sans-serif; font-size:20px; color:#222222; font-weight:normal; margin-bottom:5px; line-height:120%; text-transform: normal; text-decoration:none !important; mso-line-height-rule:exaclty; }

h3,h3 a,a h3 { font-family:'Open Sans',verdana,sans-serif; font-size:18px; color:#222222; font-weight:bold; margin:10px 0 5px 0; line-height:120%; text-transform: normal; mso-line-height-rule:exaclty; }
h3 a:hover,a h3,a:hover h3 { font-family:'Open Sans',verdana,sans-serif; font-size:18px; color:#222222; font-weight:bold; margin:10px 0 5px 0; line-height:120%; text-transform: normal; text-decoration:none !important; mso-line-height-rule:exaclty; }

h4,h4 a,a h4 { font-family:'Open Sans',verdana,sans-serif; font-size:18px; color:#222222; font-weight:normal; margin:0; line-height:120%; text-transform: normal; mso-line-height-rule:exaclty; }
h4 a:hover,a h4,a:hover h4 { font-family:'Open Sans',verdana,sans-serif; font-size:18px; color:#222222; font-weight:normal; margin:0; line-height:120%; text-transform: normal; text-decoration:none !important; mso-line-height-rule:exaclty; }

h5,h5 a,a h5 { font-family:'Open Sans',verdana,sans-serif; font-size: 20px; color: #222222; font-weight:normal; margin:0; line-height:120%; text-transform: normal; mso-line-height-rule:exaclty; }
h5 a:hover,a h5,a:hover h5 { font-family:'Open Sans',verdana,sans-serif; font-size: 20px; color: #222222; font-weight:normal; margin:0; line-height:120%; text-transform: normal; text-decoration:none !important; mso-line-height-rule:exaclty; }

h6,h6 a,a h6 { font-family:'Open Sans',verdana,sans-serif; font-size:18px; color:#222222; font-weight:normal; margin:0; line-height:120%; text-transform: normal; mso-line-height-rule:exaclty; }
h6 a:hover,a h6,a:hover h6 { font-family:'Open Sans',verdana,sans-serif; font-size:18px; color:#222222; font-weight:normal; margin:0; line-height:120%; text-transform: normal; text-decoration:none !important; mso-line-height-rule:exaclty; }


/*** header ***/
#header-socialIcons { width: 100px !important; }


/*** footer ***/
#footer-1 a, #footer-2 a, #footer-3 a { color: #222222 !important; font-weight:bold; text-decoration: none !important; }


/*** landingpage / formular ***/
.landingpage { padding: 20px 40px; }
.landingpage p { padding-bottom: 10px; }
.landingpage #space { padding-top: 40px !important; }
#frm_border { border-top: 1px solid #a9a9a9 !important; padding-top: 30px; }
#frm_border table { width: 100% !important; }
input.formular[type="text"] { width: 100%; }
input.formular { border: #a9a9a9 1px solid; }
#formular td, input.formular, select.formular, textarea.formular, .frm_wl input, .frm_wl textarea { font-family: arial,verdana,sans-serif; font-size: 13px; color: #666666; padding: 5px; }
textarea.formular { width: 100%; border: #a9a9a9 1px solid; }
input.formular, textarea.formular { width: 100%; max-width: 350px !important; }
#frm_border #formular table td .button { background-color: #f16e32; border: 0; border-radius: 0; color: #ffffff; display: inline-block; font-family: sans-serif; font-size: 14px; line-height: 120%; text-align: center; text-decoration: none; padding: 12px 18px 12px 18px; }


/*** editorial ***/
.editorial { padding: 30px 0;}
.table2-2a p       { padding-bottom: 0; float: left; width: 100%; display: block; float: left; text-align: left; }
.table2-2a p.btn   { padding-bottom: 0; float: left; width: auto; }
.table2-2a p.btnCenter   { padding-bottom: 0; float: none; display: inline-block; }
.table2-2a a       { text-decoration: none; }
.table2-2a a:hover { text-decoration: none !important; }
.table2-2a a span  { color: #ffffff !important; text-transform: uppercase; padding: 7px 20px; display: block; }

.table2-2b {}
.table2-2b p       { padding-bottom: 0; float: left; width: 100%; display: block; float: left; text-align: left; }
.table2-2b p.btn   { padding-bottom: 0; float: left; width: auto; }
.table2-2b p.btnCenter   { padding-bottom: 0; float: none; display: inline-block; }
.table2-2b a       { text-decoration: none; }
.table2-2b a:hover { text-decoration: none !important; }
.table2-2b a span  { color: #ffffff !important; text-transform: uppercase; padding: 7px 20px; display: block; }

.table2-2c {}
.table2-2c img     { text-align: center; margin: 0 auto !important; display: inline-block; }
.table2-2c p       { padding-bottom: 0; width: 100%; display: block; text-align: center; }
.table2-2c p.btn   { padding-bottom: 0; float: left; width: auto; }
.table2-2c p.btnCenter   { padding-bottom: 0; float: none; display: inline-block; }
.table2-2c a       { text-decoration: none; }
.table2-2c a:hover { text-decoration: none !important; }
.table2-2c a span  { color: #ffffff !important; text-transform: uppercase; padding: 7px 20px; display: block; }

.table2-2d {}
.table2-2d img     { text-align: center; margin: 0 auto !important; }
.table2-2d p       { padding-top: 0; padding-bottom: 10px; text-align: center; width: 100%; display: block; color: #ffffff; line-height: 18px; }
.table2-2d p.btn   { padding-bottom: 0; float: left; width: auto; }
.table2-2d p.btnCenter   { padding-bottom: 0; float: none; display: inline-block; }
.table2-2d a       { text-decoration: none; }
.table2-2d a:hover { text-decoration: none !important; }
.table2-2d a span  { color: #ffffff !important; text-transform: uppercase; padding: 7px 20px; display: block; }

.table2-2e {}
.table2-2e img     { text-align: center; margin: 0 auto !important; }
.table2-2e p       { padding-top: 0; padding-bottom: 0; text-align: center; width: 100%; display: block; line-height: 18px; }
.table2-2e p.btn   { padding-bottom: 0; float: left; width: auto; }
.table2-2e p.btnCenter   { padding-bottom: 0; float: none; display: inline-block; }
.table2-2e a       { text-decoration: none; }
.table2-2e a:hover { text-decoration: none !important; }
.table2-2e a span  { color: #ffffff !important; text-transform: uppercase; padding: 7px 20px; display: block; }

.table2-2a .tableBtn { margin: 0 0; }
.table2-2b .tableBtn { margin: 0 0; }
.table2-2c .tableBtn { margin: 0 auto; display: inline-block; }
.table2-2e .tableBtn { margin: 0 auto; display: inline-block; } 

.table2-2d table.tableBtn { margin: 0 auto; display: inline-block; }
.table2-2d #shopArtikelWrap .shopArtikel img { margin: 0 0 !important; }

.tableBtn { margin: 0 auto; display: inline-block; } 
.tableBtn a { color: #222222 !important; }

.footerShoot img { text-align: center; margin: 0 auto !important; }
#footer .shoot-item { background-color: #ffffff; }
.displayMobile { display: none; height: 0; background-color: transparent; }

td[class="spaceMobile"] { display:none !important; }


/*** nl-anmeldung ***/
#nl_web input.button {
    background-image: none !important;
    background-color: #e7742d !important;
    color: #222222;
    border: 0;
    text-transform: uppercase;
    font-size: 14px;
    height: 43px;
  font-weight:bold;
}

#nl_web input.button:hover {
    background-image: none !important;
    background-color: #ff8226 !important;
    color: #222222;
    border: 0;
    text-transform: uppercase;
    font-size: 14px;
    height: 43px;
}

 
#nl_web td,input.nl_web,select.nl_web {font-family:Raleway, Arial, Helvetica, sans-serif; font-size:13px; color:#494949; line-height:1.4em;}

input.nl_web,select.nl_web {font-family:Raleway, Arial, Helvetica, sans-serif; color:#494949; width:100%; height:30px; background-color:#ffffff; border:1px solid #CFCFCF; border-radius:0px; padding:5px; margin:px 0;}

#nl_web input.button {font-family:Raleway, Arial, Helvetica, sans-serif; margin-top: 10px !important; background: #e7742d !important; color: #222222 !important; padding: 13px 29px !important; font-size: 14px; font-weight:bold;}

#nl_web input.button:hover {background: #ff8226 !important; color: #222222 !important; }

#nl_web .dsgvo_text {font-family:Raleway, Arial, Helvetica, sans-serif;}

.nl_web.formular { margin-bottom: 10px; }


#nl_web tr { width: 90% !important; float: left; margin-bottom: 6px; }
#nl_web tr.width50 { width: 46% !important; float: left; padding-right: 20px; }
#nl_web tr.width100 { width: 90% !important; float: left; padding-right: 0; }
#nl_web tr.width50 td { width: 100% !important; float: left; }
#nl_web td { margin: 2px; }
#nl_web td:first-child { color: #000000; font-size:15px !important; margin-bottom: 8px;}
#nl_web .nl_web.formular { background: #f5f5f5; padding: 0 13px !important; border: 1px solid rgba(222, 222, 222, 0.5); height: 50px; }
#nl_web tr p.error {color: red !important; font-size:11px !important; }

/* #nl_web tr:last-child td:first-child { display: none !important; } /*
/*** RESPONSIVE ***/
@media screen and (max-width: 800px) {
  .hideforandroid { display: none !important; }
  .devicewidth { width: 90% !important; }
  .devicewidth .devicewidth, .devicewidthinner .devicewidthinner { width: 100% !important; }
  img { max-width: 100% !important; height: auto !important; }

  .table2-2a.devicewidth { width: 90% !important; }
  .table2-2b.devicewidth { width: 90% !important; }
  .table2-2c.devicewidth { width: 90% !important; }

  #header-image .logo img { float: none !important; margin: 0 auto !important; text-align: center; }

  .footerShoot table { width: 150px; }

  #footer .shoot-item { width: 100% !important; max-width: 350px; margin: 0 auto !important; float: none; display: table; }
  #footer .shoot-item table { width: 100%; }
  .displayMobile { display: block; height: 15px; background-color: #ffffff; }
  
  .btnCenterShoot td a { width: 100%; max-width: 100%; min-width: 100%; }
  
  td[class="qrcode"] { padding: 0 80px !important; }
  table[class="contentQrcode"] { width:100% !important; }
  table[class="contentQrcode"] td { text-align:center !important; }
  table[class="imageQrcode"] { width:100% !important; }
  table[class="imageQrcode"] td { text-align:center !important; }
  table[class="imageQrcode"] td img { text-align:center !important; display:inline-block !important; }
  td[class="spaceMobile"] { display:block !important; }
  
  table[class="teamImage"] {}
  table[class="teamContent"] { width: 71%; }
    .mobile-align { text-align: center; }
  .black-articel-image img {padding-bottom:30px;}
.padding-mobile table { width: 100% !important; display: block; margin: 0 auto; text-align: center; }

  .logo {padding:0px !important;}
  
  		table[class="table600"] { width:100% !important; }
table[class="full-width"] { width: 100% !important; text-align: center !important; }
}

@media screen and (max-width: 700px) {
  .col2_header, .col2_artikel { width:100% !important; float:none !important; }

  .footerShoot table { width: 140px; }
  table[class="teamContent"] { width: 70%; }
}

@media screen and (max-width: 655px) {
 
  table[class="teamContent"] { width: 69%; }
}

@media screen and (max-width: 640px) {
  #footer-1 a, #footer-2 a, #footer-3 a, #footer-4 a { width: 100%; margin: 4px 0px; }
  #footer-3 a, #footer-4 a { float: left; }

  .editorial { padding: 30px 20px 20px 20px !important; }
  	.col2, .col2_pre {width:100% !important; float:none !important; margin-bottom:10px !important;}


  .table2-2a td { padding: 10px 20px 20px 20px !important; }
  .table2-2a td td { padding: 10px 0 0 0 !important; }
  .table2-2b td { padding: 10px 20px 20px 20px !important; }
  .table2-2b td td { padding: 10px 0 0 0 !important; }

  .table2-2a .tableBtn td,
  .table2-2b .tableBtn td { padding: 12px 18px 12px 18px !important; }

  table.col2pre { width: 100% !important; display: block; margin: 0 auto; text-align: center; }
  table.col2pre td { width: 100% !important; display: block; margin: 0 auto; text-align: center; }

  td.footerUrl { width: 100%; float: left; text-align: center !important; padding: 10px 0 !important; }
  td.footerUrl a { font-size: 12px !important; }

  table.devicewidthinner { width: 100%; }

  .item-1 td.distanceMobile { padding: 30px 23px 30px 0 !important; }
  .item-2 td.distanceMobile { padding: 30px 11px 30px 11px !important; }
  .item-3 td.distanceMobile { padding: 30px 0 30px 23px !important; }
  
  td[class="qrcode"] { padding: 0 40px !important; }
  
  table[class="teamContent"] { width: 65%; }
}

@media screen and (max-width: 600px) {
  .shoot-item { width: 100% !important; padding-bottom: 15px; }
  .footerShoot table { width: 160px; }

  .item-1 td.distanceMobile { padding: 30px 20px 30px 0 !important; }
  .item-2 td.distanceMobile { padding: 30px 8px 30px 8px !important; }
  .item-3 td.distanceMobile { padding: 30px 0 30px 20px !important; }
  .noMobileImage { display: none !important; }
  
  table[class="teamImage"] { width: 100%; }
  table[class="teamContent"] { width: 100%; }
}

@media screen and (max-width: 570px) {
  #header table.col2 { width: 100%; float: none; text-align: center; margin: 0 auto; }

  table .contentCenter { text-align: center !important; font-size: 14px !important; }

  #header td { padding-top: 0 !important; width: 100% !important; display: block; height: auto !important; }
  #header td table td { width: auto !important; }
  #header td table td table { width: 180px !important; }

  #header-image .logo img { padding-top: 20px; }

  .table2-2a td table { width: 100% !important; }
  .table2-2b td table { width: 100% !important; }

  .table2-2a .tableBtn td,
  .table2-2b .tableBtn td { float: left; display: inline-block; }

  .editorial { padding: 40px 40px 40px 40px !important; }
  .table2-2a .mobile { padding: 40px 40px 20px 40px !important; }
  .table2-2b .mobile { padding: 20px 40px 40px 40px !important; }
  .table2-2d .mobile { padding: 20px 40px 40px 40px !important; }
  .mobile { padding: 20px 40px 0 40px !important; }


  .shopArtikel { width: 100%; max-width: 323px; float: none; margin: 0 auto; }
  .table2-2d #shopArtikelWrap .shopArtikel img { margin: 0 auto !important; }
  .item-1 td.distanceMobile { padding: 30px 0 30px 0 !important; }
  .item-2 td.distanceMobile { padding: 30px 0 30px 0 !important; }
  .item-3 td.distanceMobile { padding: 30px 0 30px 0 !important; }
  
  td[class="codeImg"] { width: 100%;  float: left; display: block; }
  td[class="codeContent"] { width: 100%;  float: left; display: block; }

}

@media only screen and (max-width:560px) {
  #nl_web tr,
  #nl_web tr.width50,
  #nl_web tr.width100 { width: 99% !important; float: left; padding-right: 0 !important; }
}

@media screen and (max-width: 450px) {
  #frm_border #formular table td { width: 100% !important; float: left; }
  #frm_border #formular table td { padding-left: 0; padding-right: 0; }
  .black-articel-image img {width:90%;}
}