/* cooking-basics */

@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
         
	html{
margin:0;
padding:0;
height:100%;
overflow:hidden;
}


	body {
margin:0px;
padding: 0px;
height: 100%;

background: url('../img/bg1.jpg');
background-repeat: no-repeat;   
background-size: cover; 

/*background:#ffe99d;*/
overflow:scroll;
font-family: 'Questrial', sans-serif !important;
font-size:20px !important;
color:#6d6d6d !important;
line-height:18px !important;
}


img, iframe{
max-width:100%;
}

/* ****** popup ***** */
/*
.fade{
opacity: 0;
animation: fade-in 2s ease-in forwards, fade-out 4s 1s ease-out;
}
@keyframes fade-in{
100%{
opacity: 1;
}
}
@keyframes fade-out{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
*/
.neu{
padding:5px; 
background:#feefdc;
}

/* ************** ende ********** */
#contentposition {
	
	/*max-width: 625px;*/
	width: 100%;
	height:auto;
	background:#fff;
	/*background-size: contain;*/
}

@media (min-width: 1110px)
{
	#contentposition {
	
		width: 970px;
		margin-top:2%;
		max-width: none;
		margin-bottom:2%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
}
	}

	

	
	



	
	.hinweis{
	padding:3px;
	border:2px solid darkred;
	color:#000;
	font-size:18px;
	font-weight:bold
	}
	.anzeige{
	font-size:19px;
	line-height:25px;
	letter-spacing:0.5px;
	padding:0;
	}
	.anzeige2{
	font-size:19px;
	line-height:25px;
	letter-spacing:0.5px;
	padding:0;
	}
	#headimage{
	max-width:690px;
	max-height:148px;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:20px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	}
	
	ul.txt{list-style-image: url("../img/keil-klein.gif");}
	ul.dsk{list-style: disc;}
/* .................................................. */
/*   inner css */

	.cb{clear:both;}
	.m5{margin:5px;}	
	.m15{margin-top:15px;margin-left:-15px;}			   
	.ml{margin-left:-15px !important;}
	.ml2{margin-left:15px}
	.ml3{margin-left:0px;}
	.ml4{margin-left:10px;}
	.ml5{margin-left:5px;}
	.ml6{margin-left:-15px !important;}
	.ml7{margin-left:-35px;}
	.ml8{margin-left:30px;}
	.ml9{margin-left:-12px;}
	.ml9a{margin-left:20px;}
	.ml25{margin-left:-25px;}
	.mr{margin-right:15px;}
	.mr1{margin-right:-5px;}
	.mr2{margin-right:-15px;}
	.mr3{margin-right:25px;}
	.mr4{margin-right:-20px;}
	.black {color:black !important;line-height:26px;}
	.smalltext{font-size:12px;line-height:14px;}
	.kfz{font-size:18px;float:right;margin-bottom:10px;padding:0;}
	.f18{font-size:18px !important;}
	.al{text-align:left;}
	.ar{text-align:right;}
	.ac{text-align:center;}
	.mw{max-width:100%;}
	.mlt{margin-left:-20px;margin-top:-5px;}
	
	.mt{margin-top:10px;}
	.mt2{margin-top:-4px;}
	.mt3{margin-top:-20px;}
	.mt4{margin-top:-10px;}
	.mt5{margin-top:7px;}
	.mt6{margin-top:5px;}
	.mt7{margin-top:15px;}
	.mt8{margin-top:-15px !important;}
	.mt9{margin-top:25px !important;}
	.mt10{margin-top:3px;}
	
	.mb{margin-bottom:30px;}
	.mb1{margin-bottom:15px;}
	.mb3{margin-bottom:8px !important;}
	.mb2{margin-bottom:10px;}
	.p3{padding:3px;}
	.p10{padding:10px;}
	.pb{padding-bottom:7px;}
	.pb2{padding-bottom:20px;}
	.pr{padding-right:5px;}
	.pr2{padding-right:45px;}
	.pt{padding-top:3px;}
	.pl{padding-left:15px;}
	.pl2{padding-left:25%;}
	.lh{line-height:20px !important;}
	.zi{z-index:1000;}
	.ln{list-style:none;}
	.lh16{line-height:16px !important;}
	.ls{letter-spacing:1px;}
	
	.hr{border-top:1px solid #dddfe0;}
	.turk{color: #3d9fb7;}
	.blue{color: blue;}
	.us{text-decoration:underline !important;}
	.fl{float:left;}
	.fr{float:right;}
	

.werbung{
width:160px !important;
margin-left:5px;
height:606px !important;
margin-top:5px;
}
	table{
table-layout:fixed;
width:100%;
border-collapse:collapse;
empty-cells:hide;
}
td,th{
padding-top:5px;
font-size:14px !important;
font-weight:normal;
color:#979796;
}

h1{
	font-size:20px !important;
	font-weight:bold !important;
	color:#b55741 !important;
	letter-spacing:1.5px !important;
	margin-top:0px;
	padding-top:0;
	margin-left:-5px !important;
	}
	
	/* inhalt name */
	h2{
	font-size:18px !important;
	font-weight:bold;
	margin:0;
	color:#ac3f1e !important;
	padding:0;
	letter-spacing:1.5px;
	}
	
	h3{
	font-size:17px !important;
	font-weight:bold !important;
	color:darkgreen !important;
	margin-bottom:5px !important;
	margin-top:5px !important;
	padding:0;
	letter-spacing:1.5px;
	border:0 !important;
	}
	
	.headline{
	font-size:18px;
	font-weight:bold;
	color:brown !important;
	line-height:13px;
	}
	.text{
	color:#494949  !important;
	padding:5;
	line-height:22px;
	font-weight:normal !important;
	letter-spacing:0.9px;
	font-size:19px !important;
	}
	/*.text:a{text-decoration:none;}*/
	.text2{
	font-size:14px;
	color:#494949  !important;
	line-height:16px;
	padding-right:10px;
	padding-top:10px;
	text-align:left;
	}
	.text3{
	font-size:14px;
	color:#494949;
	padding:0px;
	line-height:16px;
	letter-spacing:0.9px;
	}
		.text4{
	font-size:18px;
	color:#494949;
	padding:0px;
	line-height:19px;
	}
	.minitext:{
	font-size:11px;
	}
	.cloud{display:none;}
/* ............................................... */
.embed-container {
   position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*............................................*/

.buttonstyle1{
min-width:320px;
letter-spacing:1px;
}
.buttonstyle2{
width:276px;
letter-spacing:1px;
font-size:14px !important;
margin-left:-15px !important;
}
/*................. bootstrap popup .....................*/


	a.link:hover, a.link,a.link:visited{
	color:#494949 !important;
	letter-spacing:0.9px;
	}
	 a.link:active, a.link:focus{color:darkred !important;}
	/*
	a.link:hover{
	text-decoration: underline !important;
	}
	*/

.city{
	font-size:16px;
	letter-spacing:1pt;

}	

/* ++++++++++++++++++++++ Werbung +++++++++++++++++++++ */


	#werbung2{
	margin-top:1%;
	width: 160px;
	}
	
#google-right1{
margin-top:0px;
}
#google-right2{
margin-top:10px;
}

#google-right3{
margin-top:40px;
}
#google-right4{
margin-top:40px;
}

/*................................................*/
.carousel-indicators {
  display:none;
}
.carousel-fade .carousel-inner > .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner > .item,
.carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
}
.carousel-fade .carousel-inner > .item.active,
.carousel-fade .carousel-inner > .item.next.left {
    opacity: 1;
}
.carousel-fade .carousel-inner > .next,
.carousel-fade .carousel-inner > .prev,
.carousel-fade .carousel-inner > .active.left,
.carousel-fade .carousel-inner > .active.right {
    left: 0;
}

.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right,
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
transform: translate3d(0, 0, 0);
}
/*................................................*/