/*
Design by MDB design
http://www.mdbdesign.cz
*/

body {
background-image: URL('bg/bg_na_palube_26.jpg'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje scroll/fixed*/
background-color: #000000; /* případná barva pozadí černá */
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
color: white;  /* bílý text */
text-align: center;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
}

a {
text-decoration: none;
        color: #e7e7e7;
}

a:hover {
text-decoration:none;
}

img {
        border: none;
}


@font-face {
  font-family: 'brother1816printed_black';
  src: url('font/brother/brother1816printed_black.eot'); /* IE9 Compat Modes */
  src: url('font/brother/brother1816printed_black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/brother/brother1816printed_black.woff') format('woff'), /* Modern Browsers */
       url('font/brother/brother1816printed_black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/brother/brother1816printed_black.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'brother1816printed_bold';
  src: url('font/brother/brother1816printed_bold.eot'); /* IE9 Compat Modes */
  src: url('font/brother/brother1816printed_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/brother/brother1816printed_bold.woff') format('woff'), /* Modern Browsers */
       url('font/brother/brother1816printed_bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/brother/brother1816printed_bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'brother1816printed_regular';
  src: url('font/brother/brother1816printed_regular.eot'); /* IE9 Compat Modes */
  src: url('font/brother/brother1816printed_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/brother/brother1816printed_regular.woff') format('woff'), /* Modern Browsers */
       url('font/brother/brother1816printed_regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/brother/brother1816printed_regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'brother1816printed_medium';
  src: url('font/brother/brother1816printed_medium.eot'); /* IE9 Compat Modes */
  src: url('font/brother/brother1816printed_medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/brother/brother1816printed_medium.woff') format('woff'), /* Modern Browsers */
       url('font/brother/brother1816printed_medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/brother/brother1816printed_medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'brother1816printed_medium_italic';
  src: url('font/brother/brother1816printed_medium_italic.eot'); /* IE9 Compat Modes */
  src: url('font/brother/brother1816printed_medium_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/brother/brother1816printed_medium_italic.woff') format('woff'), /* Modern Browsers */
       url('font/brother/brother1816printed_medium_italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/brother/brother1816printed_medium_italic.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'brother1816printed_thin';
  src: url('font/brother/brother1816printed_thin.eot'); /* IE9 Compat Modes */
  src: url('font/brother/brother1816printed_thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/brother/brother1816printed_thin.woff') format('woff'), /* Modern Browsers */
       url('font/brother/brother1816printed_thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/brother/brother1816printed_thin.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'lemonmilk_light';
  src: url('font/lemonmilk-light.eot'); /* IE9 Compat Modes */
  src: url('font/lemonmilk-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/lemonmilk-light.woff') format('woff'), /* Modern Browsers */
       url('font/lemonmilk-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/lemonmilk-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'lemonmilk_bold';
  src: url('font/lemonmilk-bold.eot'); /* IE9 Compat Modes */
  src: url('font/lemonmilk-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/lemonmilk-bold.woff') format('woff'), /* Modern Browsers */
       url('font/lemonmilk-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/lemonmilk-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'bundayslab-thinit';
  src: url('font/bundayslab-thinit.eot'); /* IE9 Compat Modes */
  src: url('font/bundayslab-thinit.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/bundayslab-thinit.woff') format('woff'), /* Modern Browsers */
       url('font/bundayslab-thinit.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/bundayslab-thinit.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'bundayslab-lightup';
  src: url('font/bundayslab-lightup.eot'); /* IE9 Compat Modes */
  src: url('font/bundayslab-lightup.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/bundayslab-lightup.woff') format('woff'), /* Modern Browsers */
       url('font/bundayslab-lightup.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/bundayslab-lightup.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'mixtapro-light';
  src: url('font/mixta/mixtapro-light.eot'); /* IE9 Compat Modes */
  src: url('font/mixta/mixtapro-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/mixta/mixtapro-light.woff') format('woff'), /* Modern Browsers */
       url('font/mixta/mixtapro-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/mixta/mixtapro-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'mixtapro-regularit';
  src: url('font/mixta/mixtapro-regularit.eot'); /* IE9 Compat Modes */
  src: url('font/mixta/mixtapro-regularit.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/mixta/mixtapro-regularit.woff') format('woff'), /* Modern Browsers */
       url('font/mixta/mixtapro-regularit.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/mixta/mixtapro-regularit.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'mixtapro-regular';
  src: url('font/mixta/mixtapro-regular.eot'); /* IE9 Compat Modes */
  src: url('font/mixta/mixtapro-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/mixta/mixtapro-regular.woff') format('woff'), /* Modern Browsers */
       url('font/mixta/mixtapro-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/mixta/mixtapro-regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'mixtapro-bold';
  src: url('font/mixta/mixtapro-bold.eot'); /* IE9 Compat Modes */
  src: url('font/mixta/mixtapro-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/mixta/mixtapro-bold.woff') format('woff'), /* Modern Browsers */
       url('font/mixta/mixtapro-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/mixta/mixtapro-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'mixtapro-boldit';
  src: url('font/mixta/mixtapro-boldit.eot'); /* IE9 Compat Modes */
  src: url('font/mixta/mixtapro-boldit.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/mixta/mixtapro-boldit.woff') format('woff'), /* Modern Browsers */
       url('font/mixta/mixtapro-boldit.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/mixta/mixtapro-boldit.svg#svgFontName') format('svg'); /* Legacy iOS */
}

#f_rezervace{
        font-family: 'brother1816printed_medium', Calibri;
        font-size: 23px;
        color: #ffffff;
        display:block; 
        padding: 15px 0px 15px 15px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:18px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_rezervace {font-size: 18px}
}

#f_adresa{
        font-family: 'brother1816printed_medium', Calibri;
        font-size: 23px;
        color: #ffffff;
        display:block; 
        padding: 15px 15px 15px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:18px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_adresa {font-size: 16px}
}

#f_oteviracka{
        font-family: 'mixtapro_regular', Calibri;
        font-size: 15px;
        color: #b0272d;
        display:block; 
        padding: 15px 0px 15px 5px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:18px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_oteviracka {font-size: 12px}
}

#f_odkaz1{
        font-family: 'brother1816printed_medium', Calibri;
        font-size: 24px;
        color: #373f43;
        display:block; 
        padding: 10px 10px 10px 10px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:30px; 
}

#f_odkaz2{
        font-family: 'mixtapro-bold', Calibri;
        font-size: 30px;
        text-shadow: 1px 2px 3px #808080;
        color: #ffffff;
        display:block; 
        padding: 0px 10px 40px 10px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:25px; 
        background-image: url('img/pict_napoje.png'); 
        background-repeat: no-repeat;
}

#f_pm1{
        font-family: 'mixtapro-bold', Calibri;
        font-size: 30px;
        color: #ffffff;
        display:block; 
        padding: 10px 10px 10px 10px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:30px; 
}

#f_pm2{
        font-family: 'mixtapro-regular', Calibri;
        font-size: 30px;
        color: #7e1416;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:30px; 
}

#f_dm4{
        font-family: 'lemonmilk_bold', Calibri;
        font-size: 22px;
        color: #ffffff;
        display:block; 
        padding: 10px 10px 10px 10px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:25px; 
}

#f_daily0{
        font-family: 'lemonmilk_bold', Calibri;
        font-size: 22px;
        color: #ffffff;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:22px; 
}

#f_menu1{
        font-family: 'brother1816printed_medium', Calibri;
        font-size: 20px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:25px; 
}

#f_uvod1{
        font-family: 'brother1816printed_medium_italic', Calibri;
        font-size: 24px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:30px; 
}

#f_extrainfo1{
        font-family: 'brother1816printed_regular', Calibri;
        font-size: 40px;
        color: #b14348;
        display:block; 
        padding: 10px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:45px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_extrainfo1 {font-size: 35px;  line-height:35px; }
}

#f_extrainfo2{
        font-family: 'brother1816printed_bold', Calibri;
        font-size: 40px;
        color: #000000;
        display:block; 
        padding: 10px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:40px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_extrainfo2 {font-size: 35px;  line-height:37px; }
}

#f_open1{
        font-family: 'brother1816printed_bold', Calibri;
        font-size: 32px;
        color: #000000;
        display:block; 
        padding: 0px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:right;
        text-decoration: none;
        line-height:30px; 
}


#f_open2{
        font-family: 'brother1816printed_regular', Calibri;
        font-size: 32px;
        color: #000000;
        display:block; 
        padding: 0px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:30px; 
}

#f_date1{
        font-family: 'brother1816printed_black', Calibri;
        font-size: 32px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:28px; 
}

#f_kontakt1{
        font-family: 'brother1816printed_bold', Calibri;
        font-size: 32px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:28px; 
}

#f_kontakt2{
        font-family: 'brother1816printed_regular', Calibri;
        font-size: 22px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:28px; 
}

#f_nadpis0{
        font-family: 'brother1816printed_black', Calibri;
        font-size: 62px;
        color: #e7e7e7;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:52px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_nadpis0 {font-size: 54px}
}

#f_nadpis_time{
        font-family: 'brother1816printed_medium', Calibri;
        font-size: 60px;
        color: #373f43;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:52px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_nadpis_time {font-size: 52px}
}

#f_nadpis0w{
        font-family: 'brother1816printed_black', Calibri;
        font-size: 62px;
        color: #ffffff;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:52px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_nadpis0w {font-size: 54px}
}

#f_nadpis0b{
        font-family: 'brother1816printed_black', Calibri;
        font-size: 62px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:52px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_nadpis0b {font-size: 54px}
}

#f_nadpis0r{
        font-family: 'brother1816printed_black', Calibri;
        font-size: 62px;
        color: #235240;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:52px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_nadpis0r {font-size: 54px}
}

#f_beer1{
        font-family: 'brother1816printed_bold', Calibri;
        font-size: 32px;
        color: #000000;
        display:block; 
        padding: 0px 0px 5px 20px; /* up, right, down, left*/
	margin: 0px 0px 0px 0px; /* up, right, down, left*/
        text-align:left;
        text-decoration: none;
        line-height:27px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_beer1 {font-size: 28px; line-height:25px; }
}

#f_beerinfo1{
        font-family: 'brother1816printed_black', Calibri;
        font-size: 38px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:35px; 
}

#f_beerinfo2{
        font-family: 'brother1816printed_medium_italic', Calibri;
        font-size: 24px;
        color: #000000;
        display:block; 
        padding: 0px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:28px; 
}

#f_beerinfo2i{
        font-family: 'brother1816printed_medium_italic', Calibri;
        font-size: 20px;
        color: #000000;
        display:block; 
        padding: 0px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:24px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_beerinfo2i {font-size: 18px; line-height:25px; }
}


#f_beerinfo3{
        font-family: 'brother1816printed_regular', Calibri;
        font-size: 28px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:27px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_beerinfo3 {font-size: 25px; line-height:24px; }
}

#f_price1{
        font-family: 'brother1816printed_medium', Calibri;
        font-size: 24px;
        color: #000000;
        display:block; 
        padding: 0px 0px 20px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:18px; 
}

@media (min-width: 300px) and (max-width: 1200px) {
  #f_price1 {line-height:20px; padding: 0px 0px 10px 20px; /* up, right, down, left*/}
}

#f_price2{
        font-family: 'mixtapro-regular', Calibri;
        font-size: 24px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0px 0px 0px 0px; /* up, right, down, left*/
        text-align:left;
        text-decoration: none;
        line-height:28px; 
}

#f_content1{
        font-family: 'mixtapro-regular', Calibri;
        font-size: 24px;
        color: #000000;
        display:block; 
        padding: 0px 10px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:28px; 
}

#f_daily1{
        font-family: 'mixtapro-bold', Calibri;
        font-size: 28px;
        color: #000000;
        display:block; 
        padding: 20px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:24px; 
}

#f_daily2{
        font-family: 'mixtapro-regularit', Calibri;
        font-size: 28px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:40px; 
}

#f_daily3{
        font-family: 'bundayslab-thinit', Calibri;
        font-size: 22px;
        color: #000000;
        display:block; 
        padding: 20px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:right;
        text-decoration: none;
        line-height:22px; 11:04 13.10.2020
}

#f_daily4{
        font-family: 'mixtapro-light', Calibri;
        font-size: 40px;
        color: #000000;
        display:block; 
        padding: 0px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:right;
        text-decoration: none;
        line-height:40px; 
}

#f_covid1{
        font-family: 'bundayslab-lightup', Calibri;
        font-size: 22px;
        color: #ffffff;
        display:block; 
        padding: 20px 20px 20px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:24px; 
}

#f_kontakt0{
        font-family: 'lemonmilk_bold', Calibri;
        font-size: 52px;
        color: #ffffff;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:22px; 
}

#f_menu0{
        font-family: 'mixtapro-bold', Calibri;
        font-size: 62px;
        color: #e7e7e7;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:52px; 
}

#f_beer_big1{
        font-family: 'mixtapro-bold', Calibri;
        font-size: 40px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:40px; 
}

#f_beer_big2{
        font-family: 'lemonmilk_bold', Calibri;
        font-size: 32px;
        color: #000000;
        display:block; 
        padding: 2px 0px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:left;
        text-decoration: none;
        line-height:34px; 
}

#f_sp1{
        font-family: 'lemonmilk_bold', Calibri;
        font-size: 12px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:22px; 
}

#f_sp_big1{
        font-family: 'lemonmilk_bold', Calibri;
        font-size: 22px;
        color: #000000;
        display:block; 
        padding: 0px 0px 0px 0px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:24px; 
}

#f_sp3{
        font-family: 'bundayslab-thinit', Calibri;
        font-size: 22px;
        color: #000000;
        display:block; 
        padding: 10px 20px 0px 20px; /* up, right, down, left*/
	margin: 0 0 0 0px;
        text-align:center;
        text-decoration: none;
        line-height:22px; 
}

img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box
}

iframe, canvas, video, svg {
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
}


/* The sidepanel menu */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #000000;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  opacity: 1.0;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-family: 'brother1816printed_regular', Calibri;
  text-align:left;
  font-size: 30px;
  color: #818181;
  display: block;
  transition: 0.3s;
  opacity: 1.0;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* Style the button that is used to open the sidepanel */
.openbtn {
  font-family: 'brother1816printed_bold', Calibri;
  font-size: 20px;
  cursor: pointer;
  background-color: #b9c28b;
  color: white;
  padding: 10px 15px; /* up, right, down, left*/
  border: none;
}

.openbtn:hover {
  background-color: #000000;
}

/* Style the button that is used to open the sidepanel 2 url(img/bg_menu_pipe_01.jpg) */
.openbtn2 {
  transition-duration: 0.4s;
  font-family: 'brother1816printed_bold', Calibri;
  font-size: 27px;
  cursor: pointer;
  background: #708894;
  color: white;
  padding: 12px 15px 11px 15px;/* up, right, down, left*/
  border: none;
  border-radius: 10px 0px 0px 10px; /* up, right, down, left*/
}

.openbtn2:hover {
  background-color: #111111;
  color: #ffffff;
}

@media (min-width: 300px) and (max-width: 1100px) {
  .openbtn2 {font-size: 23px;}
}

/* Style the button that is used to open the sidepanel 3 */
.openbtn3 {
  transition-duration: 0.4s;
  font-family: 'brother1816printed_bold', Calibri;
  font-size: 30px;
  cursor: pointer;
  background-color: #a43d3d;
  color: white;
  padding: 10px 15px;/* up, right, down, left*/
  border: none;
  border-radius: 10px 10px 10px 10px; /* up, right, down, left*/
}

.openbtn3:hover {
  background-color: #000000;
}

.openbtn_kontakt {
  font-family: 'brother1816printed_black', Calibri;
  font-size: 30px;
  cursor: pointer;
  background-color: #373f43;
  color: white;
  padding: 10px 15px;/* up, right, down, left*/
  border: none;
  border-radius: 10px 10px 10px 10px; /* up, right, down, left*/
}

.openbtn_kontakt:hover {
  background-color: #000000;
}


.sidenav {
  right: 0;
}

* {box-sizing: border-box}

/* Container needed to position the overlay. Adjust the width as needed */
.container {
  position: relative;
  width: 100%;
  max-width: 800px;
}

/* Make the image to responsive */
.image {
  display: block;
  width: 100%;
  height: auto;
}

/* The overlay effect - lays on top of the container and over the image */
.overlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-family: 'brother1816printed_thin', Calibri;
  font-size: 15px;
  padding: 20px;
  text-align: left;  
  border-radius: 0px 0px 10px 10px; /* up, right, down, left*/
}

/* When you mouse over the container, fade in the overlay title */
.container:hover .overlay {
  opacity: 1;
}

.pp1 {
  box-sizing: border-box;
  width: 100%;
  min-width: 200px;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 10px 0px 10px 10px; /* up, right, down, left*/
  background: ;
}

.pp2 {
  box-sizing: border-box;
  width: 100%;
  min-width: 200px;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 10px 0px 10px 10px; /* up, right, down, left*/
  background: ;
}

.pp3 {
  box-sizing: border-box;
  width: 100%;
  min-width: 200px;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 10px 0px 10px 10px; /* up, right, down, left*/
  background: ;
}

.p1 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 15px 0px 15px 15px; /* up, right, down, left*/
  background: ;
}

.p2 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 15px 0px 15px 15px; /* up, right, down, left*/
  background: ;
}

.p3 {
  box-sizing: border-box;
  width: 100%;
  min-width: 200px;
  height: auto;
  margin: 0px 0px 0px 0px; /* up, right, down, left*/
  padding: 0px 0px 0px 0px; /* up, right, down, left*/
  background: ;
}

.p4 {
  box-sizing: border-box;
  width: 100%;
  min-width: 200px;
  height: auto;
  margin: 0px 0px 0px 0px; /* up, right, down, left*/
  padding: 0px 0px 0px 0px; /* up, right, down, left*/
  background: ;
}

.p21 {
  box-sizing: border-box;
  width: 100%;
  min-width: 270px;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 15px 25px 15px 15px; /* up, right, down, left*/
}

.p22 {
  box-sizing: border-box;
  width: 100%;
  min-width: 250px;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 15px 15px 15px 15px; /* up, right, down, left*/
}

.p23 {
  box-sizing: border-box;
  width: 100%;
  min-width: 100px;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 15px 15px 15px 15px; /* up, right, down, left*/
}

.n1 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 6px 15px 0px 15px; /* up, right, down, left*/
  background: ;
}

.n2 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0px 0; /* up, right, down, left*/
  padding: 0px 15px 15px 15px; /* up, right, down, left*/
  background: ;
}


@media screen and (min-width: 800px) {

  .pp1 {
    width: 33.0%;
    float: left;
  }

  .pp2 {
    width: 33.0%;
    float: left;
  }

  .pp3 {
    width: 33.0%;
    float: left;
  }

  .p1 {
    width: 51.0%;
    float: left;
  }

  .p2 {
    width: 49.0%;
    float: left;
  }

  .p3 {
    width: 50.0%;
    float: left;
  }

  .p4 {
    width: 50.0%;
    float: left;
  }

  .p21 {
    width: 45%;
    float: left;
  }

  .p22 {
    width: 20%;
    float: left;
  }

  .p23 {
    width: 35%;
    float: left;
  }

  .n1 {
    width: 25.0%;
    float: left;
  }

  .n2 {
    width: 75.0%;
    float: left;
  }




/* [1] The container */
.img-hover-zoom {
  height: 205px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}