/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/* kotta-one-regular - latin */
@font-face {
  font-family: 'Kotta One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/kotta-one-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kotta One'), local('KottaOne-Regular'),
       url('fonts/kotta-one-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/kotta-one-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/kotta-one-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/kotta-one-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/kotta-one-v5-latin-regular.svg#KottaOne') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/titillium-web-v6-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
       url('fonts/titillium-web-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v6-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/titillium-web-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('fonts/titillium-web-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v6-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/titillium-web-v6-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'),
       url('fonts/titillium-web-v6-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v6-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v6-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v6-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v6-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}







body {
  
/* background-image: url(images/background-photo.webp); */
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
- webkit-background-size: cover;
- moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
background-color:#000;


}



html, body, .container {
  height: 100%;
}


html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font: inherit;
  font-family: 'Titillium Web', sans-serif;
}

h1{font-size:3em;}

h4{font-size:1em;font-weight:bold;margin-top:1em;}

/* Layout */

a {color:#fff;}


  .inner {
    position: relative;
    margin: 0 auto;
    text-align: center;
	
  }


.container {
  display: table;
  width: 100%;
}

.content {
  display: table-cell;
  vertical-align: middle;
  
}

#dp {
  display: table;
  border-collapse: separate;
  table-layout: fixed;
  width:100%;
}

.dpl{display: table-cell; width:50%; vertical-align: middle;}
.dpr{display: table-cell; width:50%; vertical-align: middle;}
.dpl1{display: table-cell; width:25%; vertical-align: top;}
.dpr1{display: table-cell; width:75%; vertical-align: middle;}

#dp-logo{
width:90%;
margin: 0 0 0 10%;
}



.product{color:#fff;font-size:1.5em;margin: 0 9% 0 9%;text-align:center;}
.adr{margin:3em 0 0 0; width:100%;text-align:center;color:#fff;font-size:1.5em;}

.adr2{margin:1em 0 0 0; width:100%;text-align:center;color:#fff;font-size:0.8em;}

.impressum{color:#fff;font-size:0.9em;margin: 0 9% 0 9%;text-align:center;}

#datenschutz {color:#fff;font-size:0.9em;margin: 0 9% 0 9%;text-align:center;}

/* Media Queries */
@media only screen and (max-width: 1024px) {
  
  .container {
    position: relative;
    display: block;
    float: left;
    vertical-align: baseline;
    margin: 0 auto;
    padding: 80px 0 0 0;
  }
  

  
  body h1 {
    font-size: 1em;
    line-height: 1.5px;
  } 
  
.dpl{display: table-cell; width:50%; vertical-align: middle;}
.dpl1{display: table-cell; width:25%; vertical-align: top;}
.dpr{display: table-cell; width:50%; vertical-align: middle;}
.dpr1{display: table-cell; width:75%; vertical-align: middle;}
  
p.product{font-size:0.8em;text-align:center;}
.adr{width:100%;text-align:center;color:#fff;font-size:0.8em;}



  html, body, .container {
    height: auto;
  }
}





/* Media Queries */
@media only screen and (max-width: 640px) {
  
  .container {
    position: relative;
    display: block;
    float: left;
    vertical-align: baseline;
    margin: 0 auto;
    padding: 80px 0 0 0;
  }
  

  
  body h1 {
    font-size: 1em;
    line-height: 1.5px;
  } 
  
  .dpr{vertical-align: middle;display: block; width: 100%;}
  .dpl{vertical-align: middle;display: block; width: 100%;}
  
    .dpr1{display: table-cell; width:25%; vertical-align: top;}
  .dpl1{display: table-cell; width:75%; vertical-align: top;}
  
p.product{font-size:1em;text-align:center;}

#dp-logo{
width:90%;
margin: 0 0 0 5%;
}

  html, body, .container {
    height: auto;
  }
}