/*
Theme Name: Trumpf oder Kritisch
Description: Template zur Bar
Author: Guido Grossmann
Author URI: http://www.clickagain.de
*/

body { margin:0px; padding-0px;  height:100%; font-family:Arial; color:#000; font-size:12px; font-weight:bold; letter-spacing:6px; }

/** MAIN FRAME **/
#main_frm { max-width:100%; margin:0px auto; text-align:center; }
#main_frm_impr { max-width:100%; margin:0px auto; text-align:center; text-transform:uppercase; }

/** SUPERSIZED **/
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../../../images/progress.gif) no-repeat center center;} 
#supersized { display:inline; position:fixed; left:0; top:0; overflow:hidden; z-index:-1; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#fff; display:block; }
#supersized a.image-loading { background:#111 url(../../../images/progress.gif) no-repeat center center; width:100%; height:100%; } 

#h_resp {  display:none; position:fixed; top:40px; margin:0px auto; text-align:center; width:100% }

/** BOXEN **/
#box_frm_neu { position:absolute; top:10%; text-align:center; }
#new_november { position:relative; z-index:280; 
margin-left:50px; font-size:42px; letter-spacing:18px; font-weight:bold;
 max-width:450px; height:auto;   border-style: solid; border-width: 8px; border-color:#000; padding: 15px 20px 60px; background:#fff;
 -webkit-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 -moz-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
}

/** CONTENT **/

#welcome { position:absolute;top:30%; left:0;right:0; text-align:center; }
#adress { position:absolute; left:0;right:0; bottom:1%; text-align:center; font-size:normal; font-size:13px; letter-spacing:5px; color:#272727; padding-top:50px; }
#site2 { position:absolute;top:110%; width:100%; }

.box_frm { float:left; width:30%; position:relative; }
#txt_frm { float:left; width:40%; margin-top:200px; }

.cls_btn { text-align:right; padding-bottom:0%; }

#kont_frm { display:inline-block; width:100%; }
#box_frm1 { width:40%; z-index:400; }

#box_start { display:none; position:absolute; margin-left:50px; margin-top:20px; z-index:3000;
 text-align:center; font-size:14px;  line-height:20px;
 max-width:360px; height:auto;   border-style: solid; border-width: 8px; border-color:#000; padding: 10px 25px 30px; background:#fff;
 -webkit-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 -moz-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
}

#box_start1 { display:none; position:absolute; z-index:3000; top:80px; left:10%; font-size:12px;  line-height:20px;
 max-width:350px; height:auto; border-style: solid; border-width: 8px; border-color:#000; padding: 10px 25px 30px; background:#fff;
 -webkit-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 -moz-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
}

#box_menu { display:none; width:440px; letter-spacing:0.5em;
 text-align:center; font-size:12px;  line-height:28px;
 height:auto;   border-style: solid; border-width: 8px; border-color:#000; padding: 10px 25px 30px; background:#fff;
 -webkit-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 -moz-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
}

#nov_il1 { display:inline; vertical-align:top; line-height:60px; }
#nov_il2 {display:inline; margin-left:-15px; }
#nov_il3 { line-height:60px; margin-left:10px } 

#blind { display:none; max-width:350px; }

#hundskarte { width:100%; margin:0px auto; text-align:center; margin-top:100px; position:relative; z-index:200; }
#gfegle { display:inline; margin-right:80px; }
#second { display:inline; }
#hunger { display:inline; margin-left:90px; vertical-align:top; }
#bumskugel { display:inline; margin-left:80px; }

#hschwein_img { padding-top:80px; }

#main_txt { padding-top:160px; width:980px; margin:0px auto; text-align:left; font-size:32px; line-height:54px; }

#main2 { position:relative; width:100%; margin:0px auto; text-align:center; margin-top:100px; }
#main3 { padding-top:60px; padding-bottom:30px; margin:0px auto; width:80%; }
#main4 { padding-top:30px; padding-bottom:60px; margin:0px auto; width:80%; background:#fff; }

/** NAVIGATION **/
#nav_inner { z-index:1; width:100%; padding-top:10px; background:#fff; }

#kontakt { width:30%; text-align:left; padding-left:1%; display:inline-block; }
#home { width: 35%; text-align:center; display:inline-block; }   
#wo_is { width:30%; text-align:right; padding-right:1%; display:inline-block; }

#kontakt1 { width:30%; text-align:left; padding-left:10px; box-sizing:border:box; display:inline-block;}  
#reserve1 { width:37%; text-align:center; display:inline-block; padding-right:0;} 
#wo_is1 { width:30%; text-align:right; padding-right:0; display:inline-block; }

/** ÜBERSCHRIFTEN **/
h2 {  font-size:38px; letter-spacing:20px; font-weight:bold; line-height: 60px; border-bottom: solid 3px #000000; display: inline; padding-bottom:3px;}
h4 {  font-size:14px; font-weight:bold; line-height: 50px; border-bottom: solid 1px #000000; display: inline; padding-bottom: 3px;}
h5 {  font-size:24px; font-weight:bold; line-height: 50px; border-bottom: solid 1px #000000; display: inline; padding-bottom: 3px;}
#box_menu h4 { line-height: 10px; } 
/** FACEBOOK **/
#fb { top:300px; max-width:100%; right:3%; text-align:right; position:fixed; z-index:250; }

#maps { display:none; position:absolute; z-index:3000; border:4px; top:50px; width:80%; right:10%; left:10%; background:#d7d7d7; height:500px; position:fixed; }
#maps iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;	}
#maps_close { text-align:right; margin-right:-20px; }
#reservierung { display:none; position:absolute; margin-left:50px; margin-top:20px; z-index:4000;
 text-align:center; font-size:14px;  line-height:20px;
 max-width:350px; height:auto;   border-style: solid; border-width: 8px; border-color:#000; padding: 10px 25px 30px; background:#fff;
 -webkit-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 -moz-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
}

#news_content { display:inline-block; position:absolute; margin-left:50px; margin-top:20px; z-index:4000;
 text-align:center; font-size:14px;  line-height:20px;
 max-width:350px; height:auto;   border-style: solid; border-width: 8px; border-color:#000; padding: 10px 25px 30px; background:#fff;
 -webkit-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 -moz-box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
 box-shadow: 8px 8px 0px -4px rgba(0,0,0,1);
}

/** SPEISEKARTEN **/
#speisekarte { display:none; position:absolute; top:0px; width;100%; right:10%; font-size:24px; z-index:200; }

.erm_menu { text-transform:uppercase; text-align:center; }
.erm_menu ul { list-style-type: none; }
.erm_title { text-align:center; font-size:20px; border-bottom: solid 1px #000000; display: inline; padding-bottom: 3px;}
.erm_product_title { width:100%; text-align:center; font-size:11px; padding-bottom:15px;  }
 .erm_product_price .name { float:none; display:block; margin-right:0px; }
.erm_product_price .price { width:100%; display:inline-block; }
.erm_product_price .name {  margin-right:0px;  }
.erm_menu_content li { line-height:20px; padding-bottom:20px; }

.erm_menu h3 { display:inline-block; }

#kart2, #kart3, #kart4, #kart5, #kart6, #kart7, #kart8, #kart9, #kart10, #kart11, #kart12, #kart13, #kart14, #kart15, #kart16, #kart17   { display:none; }

/** GALERIE **/
#gal_frm { margin-top:-20px; padding-bottom:30px; position:relative; z-index:28; }

/** LINKS **/
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }

/** IMPRESSUM **/
#i_bg { background-image:url(../../../../images/trumpfoderkritisch_bg.jpg); background-repeat: no-repeat; margin-left: 3%;}
#cont_impr { padding-top:50px; text-align:left; padding-left:23%; max-width:700px; line-height:20px; }

/** FOOTER **/
#footer_frm { width:100%; margin-top:50px; background:#00FCC9; padding-bottom:40px; position:relative; z-index:280; }
#footer_inner { padding-top:50px;width:100%; }
#footer_l { display:inline-block; vertical-align:top; }
#footer_m { display:inline-block; padding-left:15%; padding-right:15%; vertical-align:top; }
#footer_r { display:inline-block; vertical-align:top; margin-top:-1px; }

/** BILDER **/
img{ border:none; }
img { max-width:100%; height:auto; }
.padd1 { padding-top:15px; padding-bottom:10px; }
.padd2 { padding-top:12px; }
.padd3 { padding-top:60px; }
.padd4 { padding-top:10px; }
.padd5 { padding-bottom:100px; }
.padd6 {padding-bottom:120px; }
.hdgfl { width:50%; }

/** LISTEN **/
ul { margin:0px; padding:0px; }

/** ALLGEMEIN **/
.il { display:inline; }
.crsr { cursor:pointer; }
.crsr:hover { text-decoration:underline; }
#trenner { height:100px; }

 .cmplz-cookiebanner .cmplz-body { letter-spacing: 0; font-weight:normal; }
 .cmplz-cookiebanner .cmplz-links .cmplz-link { text-decoration:none!important; color:#000!important; }

/******** RESPONSIVE *********/


@media screen and (max-width:1380px) and (min-width:100px)  {
 #nav_inner { width:100%; }
}

@media screen and (max-width:1600px) and (min-width:1239px)  {
 #new_november { font-size:30px; margin-left:40px; }
 h2 { font-size:34px; letter-spacing:18px; }
}

@media screen and (max-width:1340px) and (min-width:1239px)  {
 #box_start { margin-left:5px; }
}

@media screen and (max-width:1240px) and (min-width:1130px)  {
 #new_november { font-size:22px; padding: 10px 10px 30px;}
 #new_november img { max-width:10%; }
 h2 { font-size:34px; letter-spacing:18px; }
 #nov_il3 { line-height:40px; }
 #gfegle { margin-right:10px; }
 #bumskugel { margin-left:10px; }
 #box_frm1 { width:100%; }
 #box_start { margin:0px auto; left:0; right:0; }
}

@media screen and (max-width:1129px) and (min-width:1040px)  {
 #new_november { font-size:20px; padding: 10px 10px 30px; margin-left:10px }
 #new_november img { max-width:10%; }
 h2 { font-size:34px; letter-spacing:18px; }
 #nov_il3 { line-height:40px; }
 #gfegle { margin-right:10px; }
 #bumskugel { margin-left:10px; }
 #hunger { margin-left:30px; }
 #box_frm1 { width:100%; }
 #box_start { margin:0px auto; left:0; right:0; }
}

@media screen and (max-width:1440px) and (min-width:100px)  {
 #supersized { display:none; }
 #h_resp {  display:inline; }
}


@media screen and (max-width:1039px) and (min-width:200px)  {
 #welcome { position:relative;  padding-top:60px; }
 #box_frm_neu { position:relative; padding-top:50px; }
 #new_november { margin:0px auto;  font-size:32px; padding:10px 10px 30px; }
 #nov_il3 { line-height:50px; }
 #adress { position:relative; }
 #site2 { position:relative; }
 #gfegle { margin-right:0px; }
 #bumskugel { margin-left:0px; }
 #second { display:inline-block; padding-top:30px; margin-left:0px; }
 #hunger { margin-left:50px; }
 #box_frm1 { width:100%; }
 #box_start { margin:0px auto; left:0; right:0; }
}

@media screen and (max-width:1120px) and (min-width:990px)  {
 #main_txt { font-size:22px; }
}

@media screen and (max-width:1018px) and (min-width:990px)  {
 #speisekarte { top: 370px; left:0; right:0; }
}



@media screen and (max-width:989px) and (min-width:768px)  {
 #main_txt { width:76%; font-size:22px; }
 #speisekarte { top: 370px; left:0; right:0; }
}

@media screen and (max-width:930px) and (min-width:621px)  {
 #reserve1 { width:31%; } 
 #liefern1 { width:31%; } 
}

@media screen and (max-width:767px) and (min-width:600px)  {
 #main_txt { width:80%; font-size:22px; text-align:center; }
 .hdgfl { width:70%; }
 #home { width: 30%; }
 #cont_impr { padding-left:15%; }
 #speisekarte { top: 370px; left:0; right:0;}
}

@media screen and (max-width:599px) and (min-width:568px)  {
 #main_txt { width:83%; font-size:22px; text-align:center; }
 #hundskarte img { max-width:70%; }
 .hdgfl { width:70%; }
  #home { width: 30%; }
  #cont_impr { padding-left:15%; }
  #speisekarte { top: 370px; left:0; right:0;}
}

@media screen and (max-width:567px) and (min-width:480px)  {
  #main_txt { width:83%; font-size:17px; text-align:center; }
  .hdgfl { width:80%; }
   #home { width: 30%; }
   #cont_impr { padding-left:10%; }
   #speisekarte { top: 370px; left:0; right:0;}
   #hundskarte img { max-width:70%; }
}

@media screen and (max-width:479px) and (min-width:200px)  {
 #main_txt { width:72%; font-size:14px; text-align:center; line-height:30px; }
 .erm_product_price .price { float:none; display:block; padding-bottom:15px; }
 .erm_product_price .name { float:none; display:block; margin-right:0px; }
 .hdgfl { width:90%; }
  #home { width: 30%; }
  #cont_impr { padding-left:5%; font-size:11px; letter-spacing: 3px; }  
  #speisekarte { top: 390px; left:0; right:0;}
  #box_menu { padding:10px 10px 35px; max-width:400px; width:auto;}
  #box_start { padding:10px 10px 30px;  }
  h5 { font-size:20px; }
  h2{ font-size:28px; letter-spacing:10px;}
  #hunger { vertical-align:top; }
  #gfegle { vertical-align:top; }
  #cont_impr h5 { font-size:18px; }
}


@media screen and (max-width:989px) and (min-width:200px)  {
 #second { display: block; margin-top:30px;  }
 #footer_r { display:block; padding-top:30px; margin-top:0px; }
 #footer_l { display:block; padding-bottom:20px;  }
}

@media screen and (max-width:620px) and (min-width:200px)  {
 #h_resp { top:120px; }
 #kontakt1 { display:block; width:100%; text-align:center; margin:0px auto; }
 #wo_is1 { display:block; width:100%; text-align:center; margin:0px auto; padding-top:10px; }
 #reserve1 { display:block; width:100%; text-align:center; margin:0px auto; padding-top:10px; }
 #liefern1 { display:block; width:100%; text-align:center; margin:0px auto; padding-top:10px; }
}


@media screen and (max-width:479px) and (min-width:200px)  {
 .il img { max-width:70%; }
 #hunger img { max-width:70%; }
 #reservierung { margin-left:10px; }
}


@media screen and (max-width:380px) and (min-width:200px)  {
 #new_november { font-size:22px; letter-spacing:10px; }
 #box_menu { letter-spacing:1px; }
 #main_txt { width:85%; }
 #i_bg { margin-left:0; }
 #cont_impr h5 { font-size:17px; }
 #home { display:block; width:100%; text-align:center; margin:0px auto; padding-top:10px;}
 #kontakt { display:block; width:100%; text-align:center; margin:0px auto; }
 #wo_is { display:block; width:100%; text-align:center; margin:0px auto; padding-top:10px; }
 #reservierung { margin-left:0px; } 
}