.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table; content: ""; line-height: 0;}
.clearfix:after {clear: both;}

::-moz-selection {background: #b3d4fc;}
::selection 	 {background: #b3d4fc;}

img 		{vertical-align: middle;}
fieldset	{border: 0; margin: 0; padding: 0;}
textarea	{resize: vertical;} 

/* basic */

html {min-height: 100%; height: 100%; background: transparent;}
body {min-height: 100%; margin:0px;}

  #intro {color:#333; background:transparent; text-align:justify;}
  #intro #cucinacipriano-balken {background: #BFBFBF; color: #333;} 
  #intro .facebook, #intro #menuicon {background-position: 0 0;}
#container 	{width: 100%; min-width: 250px;}
	   .content {width: 34em; margin: 6.75em auto 4em 23%;}
#intro .content {width: 24em; display: none; margin: 20.75em auto 4em 25.4%;}
#introtext 	{max-width:42%;min-width:470px; margin:calc(90vh - 80px) auto 1.75em 5%;}

#sideboard, #sideboard2 {
    position: absolute;
    z-index: 99;
	color:#333;
	right: 0%;
	bottom: 1.625em;
	background-color: #f1f1f1; 
	opacity: 0.5;
    }
footer {
    position: fixed;
    text-align:center;
    bottom: 0;
    z-index: 99;
    width: 100%;
	}

.flug {margin:-12px 0px 0px 15px;}
.icon {display:none;}

#intro #sideboard .vanish {display: none;}
#intro #sideboard2 .vanish {display: none;}

#tk {
	width:150px; 
	height:132px; 
	float:left; 
	margin-left:-20px;
}

#karten, #karten_news 	{width:100%; margin-left:-50px;}

#bg, #bg_l {
	position:absolute; 
	overflow:hidden;
	top:0px; 
	right: 0px; 
	z-index:-99;
	width:200px; 
	height:200%;
	background-image:url('/images/muster.jpg');
	background-repeat:repeat-y;
	}

article {margin-left:250px;} 

/* small menu */
  
#menuicon {display: none;}
.dropbtn {font-size: 16px; border: none; cursor: pointer;}
.dropdown-content a:hover {font-weight:600;letter-spacing:0px;}
.dropdown {position: relative; display: inline-block;} 
.dropdown-content {
	background-color:#fff;
	display: none;
	position: absolute;
	min-width: 160px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	right: 20px;
	top: -10px;
	}
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	}
.dropdown-content a:hover {color: #333;}
.show {display:block;}
 
 /* essen */ 
 
#essen 	{
	position:absolute; 
	margin-left:25%; 
	margin-left: 300px;
	margin-top: 30px;
	width:60%;
	margin-right:150px;
	display:block;
	}
#tk_essen {
	width:100%; 
	height:132px; 
	float:left; 
	margin:0px 0px 0px -20px;
}
#karten_essen	{
	width:85%;
	background-image:url('../images/speisen.jpg');
	margin-left:-50px;
	background-size:65vh;
	background-position:bottom right;
	background-position:bottom right;
	background-repeat:no-repeat;
	}
#essentext		{display:block;width:80%;} 
#kartenbox 	    {
				background-repeat:no-repeat;
				background-position:right;
				background-size:60px;
				width:150px; 
				height:100px; 
				float:left; 
				margin:10px;} 
/*				
.fisch	{background-image:url('../images/speisefisch.png');}
.trinken	{background-image:url('../images/trinken.png');}
*/
.capessen	{
	font-family: 'al_frescoregular'; 
	font-size:3em; 
	color:#006699;
	margin-top:-19px;
	position:absolute;
	z-index:1;
	opacity:1;
	}
.capmessen	{
	font-family: 'al_frescoregular'; 
	font-size:3em; 
	color:#006699;
	margin-top:-19px;
	position:absolute;
	z-index:1;
	opacity:1;
	font-weight:600;
	}
	
	
/* news */

#tk_news {
	width:150px; 
	height:132px; 
	float:left; 
	margin-left:30px;
}
.capnews {
	font-family: 'al_frescoregular'; 
	font-size:3em; 
	color:#006699;
	margin-top:-15px;
	position:absolute;
	z-index:1;
	opacity:1;
	font-weight:600;
	}
	

/* location */
 
#tk_loc {
	width:100%; 
	height:132px; 
	float:left; 
	margin:33px 0px 0px 30px;
	position:relative;
}
.caploc {
	font-family: 'al_frescoregular'; 
	font-size:3em; 
	color:#006699;
	margin:-15px 0px 0px -15px ;
	position:absolute;
	z-index:1;
	opacity:1;
	font-weight:600;
	}
.contentlocation {max-width:90%; right:10%; margin-left;250px;}
.locleft {float:left;margin-right:10px;margin-top:10px;}
.locright {float: right;margin-left:10px;margin-top:10px;}
.rechte {float:left;min-width:300px;width:40%;margin-right:10%;}
.linke	{float:left;min-width:300px;width:40%;margin-right:10%;}
#txtblock {min-width:280px;width:90%;margin: 0% 5%;}	


/* impressum */

.capimp {
	font-family: 'al_frescoregular'; 
	font-size:3em; 
	color:#006699;
	margin-top:-15px;
	position:absolute;
	z-index:1;
	opacity:1;
	font-weight:600;
	}	
#floater {
	display: block; 
    width: 250px;
    min-height: 400px;
    position: relative;
	float:left; 
	margin: 0px 0px 0px 50px;
	}
#floater_impressum {
	display: block; 
    max-width: 400px;
	min-width: 350px;
    min-height: 300px;
    position: relative;
	float:left; 
	margin: 30px 15px 0px 15px;
	}


/* fonts */

h1	{margin:30px auto 20px 10px;font-size:1.8em;}
h2  {
	font-size: 1em;
	 padding:2em 0em 0em 1.5em;	
	 font-weight: normal;
	 margin-bottom:0px;
	}
h3  {
	font-family: 'Poppins';
	 font-size: 1.3em;
	 padding:2em 0em 1.3em 1.5em;	
	 font-weight: bold;
	 margin-bottom:0px;
	}
h5  {
	font-family: 'Poppins';
	 font-size: 1em;
	 padding:0em 0em 0.5em 1em;	
	 font-weight: normal;
	 margin-bottom:0px;
	}
	
body {
	color: #000;
	font-size: 1em;
	line-height: 1.4;
	font-family: Century Gothic, CenturyGothic, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 20px;
	}
@font-face {
    font-family: 'al_frescoregular';
    src: url('/css/fonts/laura_worthington_-_alfresco-webfont.woff2') format('woff2'),
         url('/css/fonts/laura_worthington_-_alfresco-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'Poppins';
    src: url('/css/fonts/Poppins-SemiBold.woff2') format('woff2'),
         url('/css/fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
	}
#introtext p {
	font-family: 'Poppins';
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0;
	} 
#sideboard h2, #sideboard p, #sideboard2 h2, #sideboard2 p {
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal; 
    font-display: swap;
    font-size: 1.1em;
    line-height: 1.25em;
    margin: 0;
	opacity:1;
	padding:12px 50px 12px 12px;
	}

nav {background-color: #bfbfbf;}
nav, header {line-height: 1em;}	
nav a 		{font-family: 'Poppins';}
.cap		{font-family: 'al_frescoregular'; font-size:200%;}
.overlay {text-align:left;margin:5px -20px 0px 0px;color:#006699;}

#introtext 	{ font-size: 1.9em;color: #006699;}
.untertitel {size:4em;}


/* links */
 
  a {color: inherit; text-decoration: none; transition: all 0.25s;
	-moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;}
  a:visited {color:inherit;}
  a:hover {color:#006699; text-decoration: none;}


/* navigation */

  #cucinacipriano-balken {
    position: absolute;
    left: 2.569%;
    top: 1.75em;
    z-index: 99;
    width: 186px;
  }
  #logo {
    display: block;
    width: 186px;
    background-color: #bfbfbf;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 0;
	text-align:center;
  }
  .logos {
	  max-height:100%; 
	  max-width:70%; 
	  margin: 30px auto 5px auto;
	 }
  nav ul {padding: 5px 26px 0 26px; margin-bottom: 0.8125em;list-style:none;}
  nav li.current-menu-item {display: block;}
  nav a {
    line-height: 1em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-size: 0.75em;
    font-size: 14px !important;
	line-height: 15px !important;
	padding: 0.5em 0 0.42em 0;
    padding: 5px 0 !important;
  }
  nav a, nav a:link, nav a:visited {color: inherit;}
  nav a:hover {font-weight:600;letter-spacing:0px;}
  nav .current-menu-item a {font-weight:550;} 
  
  
/* small screen */
 
@media only screen and (max-width: 40em) {

.flug {margin-top:-20px;font-size:70%;}	
#bg_l {
	position:absolute; 
	overflow:hidden;
	top:0px; 
	right: 0px; 
	z-index:-99;
	width:200px; 
	height:200%;
	background-image:url('/images/muster.jpg');
	background-repeat: repeat-y;
	background-size: 70%;
	background-position: right;
	}
#essentext 		{display: block; width: 70%;}
#karten_news	{width:100%; margin-left:-50px;}
#karten 		{width:100%; margin-left:-50px;}
.overlay {text-align:left;margin:5px -20px 0px 0px;color:#006699;font-size:1.2em;}
#txtblock {min-width:245px;max-width:80%;margin: 0% 5%;}
.containers {width:230px;} 
	
  .content {margin: 1em auto 2em auto; padding: 1em; width: 36em;}
  .facebook {left: 50%; top: -42px; margin-left: -15px;}
  #intro #sideboard {position: fixed; left: 50%; margin-left: -5em; bottom: 20%; font-size: 0.9em;}
  #intro #sideboard2 {position: fixed; left: 96%; margin-left: -5em; bottom: 20%; font-size: 0.9em;}
#intro footer {display: none;}
#intro.menu-on #navlogo {display: none;}
#intro.menu-on #sideboard, #intro.menu-on #sideboard2 {display: none;}
#intro.menu-on #cucinacipriano-balken {position: fixed;} 
  
#cucinacipriano-balken {display: none;}
#introtext p{display:none;}

.menu-on #cucinacipriano-balken {display: block; position: absolute; top: 0; left: 0; min-height: 100%;}
.menu-on #main {margin-left: 160px; overflow-x: hidden;}
.menu-on #sideboard, .menu-on #sideboard2 {border-left: 320px solid transparent;}

   #menuicon {
    display: block;
    width: 29px;
    height: 29px;
    background-image: url('/images/menu-icon.png');
    text-shadow: none;
    background-color: transparent;
    background-size: contain;
	border: 0;
    background-position: 0 -29px;
    position: fixed;
    z-index: 100;
    right: 32px;
    top: 32px; 
	}	
#sideboard p, #sideboard2 p{display:none;}
#sideboard .icon, #sideboard2 .icon {text-align:center;display:block;}
#sideboard, #sideboard2 {opacity:1; background: none;}
#sideboard .location, #sideboard2 .location {display:none;}
#sideboard2 .icon {bottom: 0%;display: block;text-align:center;}
#sideboard .icon {
	bottom: 0%;
	display: block;
	text-align:center;
	}
article .maps{display:none;}
article {margin:8% auto auto 10%;}
#essen 	{
	position:absolute; 
	margin-left:20%;
	margin-top: 30px;
	width:auto;
	margin-right:10%;
	display:block;
	min-width: 310px;
	}
#floater {
	display: block; 
    width: 200px;
    min-height: 400px;
    position: relative;
	float:left; 
	margin: 0px 0px 0px 0px;
	}
#floater_impressum {
	display: block; 
    max-width: 400px;
	min-width: 350px;
    min-height: 20px;
    position: relative;
	float:left; 
	margin: 30px 15px 0px 15px;
	}
#karten_essen 		{width:100%; margin-left:-50px;background-image:none;}
#kartenbox 	    {
				background-repeat:no-repeat;
				background-position:right;
				background-size:60px;
				width:150px; 
				height:100px; 
				float:left; 
				margin:10px 10px 10px 50px;} 
.capnews {
	font-family: 'al_frescoregular'; 
	font-size:1.9em; 
	color:#006699;
	margin-top:-25px;
	position:absolute;
	z-index:1;
	opacity:1;
	margin-left: -15px;
	}
.capmessen	{
	font-family: 'al_frescoregular'; 
	font-size:1.9em; 
	color:#006699;
	margin:-25px 0px 0px -15px;
	position:absolute;
	z-index:1;
	opacity:1;
	font-weight:600;
	}
.capessen	{
	font-family: 'al_frescoregular'; 
	font-size:2.5em; 
	color:#006699;
	margin-top:-5px;
	position:absolute;
	z-index:1;
	opacity:1;
	}
.caploc {
	font-family: 'al_frescoregular'; 
	font-size:1.9em; 
	color:#006699;
	margin:-22px 0px 0px 0px;
	position:absolute;
	z-index:1;
	opacity:1;
	}
.capimp {
	font-family: 'al_frescoregular'; 
	font-size:1.9em; 
	color:#006699;
	margin-top:-15px;
	position:absolute;
	z-index:1;
	opacity:1;
	}
#tk_loc {
	width:100%; 
	height:62px; 
	float:left; 
	margin:5px 0px 23px -2px;
	position:relative;
}

.locleft {float:left;margin-right:40px;margin-top:10px;}
.locright{float:left;margin-right:40px;margin-top:10px;}

h1	{margin:30px auto 20px 10px;font-size: 1.1em;}
h2  {
	font-size: 1em;
	margin:0px 0px 0px -30px;	
	font-weight: normal;
	}
h3  {
	font-family: 'Poppins';
	font-size: 0.9em;
	padding:1em 0em 1.3em 0.9em;	
	font-weight: 200;
	margin-bottom:0px; 
	}
h5  {
	font-family: 'Poppins';
	font-size: 1em;
	padding:0em 0em 0em 1em;	
	font-weight: normal;
	margin-bottom:0px;
	color: #006699;
	}
}

@media only screen and (max-height: 600px) {
	#introtext p{display:none;}
}
@media only screen and (max-width: 800px) {
	#introtext p{display:none;}
}
@media only screen and (max-width: 71em) {
 #sideboard2 p{display:none;}	
}


/* more fonts */

@font-face {
    font-family: 'Poppins';
    src: url('/css/fonts/Poppins-Bold.woff2') format('woff2'),
        url('/css/fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/css/fonts/Poppins-Light.woff2') format('woff2'),
        url('/css/fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/css/fonts/Poppins-Regular.woff2') format('woff2'),
        url('/css/fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}