@charset "utf-8";
/* CSS Document */

html, body { width:100%; height:100%; margin:0; padding:0; font-family: 'Open Sans Condensed', sans-serif; color:#575756; background:#9eb2b1; }
body { text-align:center; }

/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('../fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'),
       url('../fonts/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('../fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* lobster-two-regular - latin */
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lobster-two-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lobster Two'), local('LobsterTwo'),
       url('../fonts/lobster-two-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lobster-two-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lobster-two-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lobster-two-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lobster-two-v10-latin-regular.svg#LobsterTwo') format('svg'); /* Legacy iOS */
}
/* lobster-two-700 - latin */
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lobster-two-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lobster Two Bold'), local('LobsterTwo-Bold'),
       url('../fonts/lobster-two-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lobster-two-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lobster-two-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lobster-two-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lobster-two-v10-latin-700.svg#LobsterTwo') format('svg'); /* Legacy iOS */
}

.clear { clear:both;}
a { text-decoration:none; }
.blue, #daten a, #imp a, a.inlinelink { color:#89abaa; }
.bluebg { background:#89abaa; }
.red, #daten a:hover, #imp a:hover, a.inlinelink:hover { color:#d7545c; }
.img { float:right; margin-left:10px; margin-bottom:10px;  border:5px solid #575756; }

hr {  border: 0; height: 1px; background: #575756; /*background-image: linear-gradient(to right, #eacba0, #333, #eacba0);*/}

h1, h2, hr { margin:auto 20px;}
h1 { font-family: 'Lobster Two', cursive; font-weight:bold; font-style:italic; font-size:160%; color:#d7545c; margin-top:20px;}
h2 { text-transform:uppercase; font-size:160%; line-height:120%; margin-bottom:20px; }

h3  { color:#89abaa; margin-left:15px;}
#daten .cnt-full p,  #daten .cnt-full ul li { font-size: 85%; }
#daten .cnt-full ul { margin-left:50px; margin-bottom:20px; padding:0;}
#daten .cnt-full strong {color:#000;} 

#wrap { /*width:66em;*/ width:70%; height:auto; margin:auto; padding-top:3%; text-align:center;}

#header { background:#3F6; /*width:63.750em;*/ width:97.5%; height:12em; background:url(../img/header.png) bottom no-repeat; margin:auto; border:2px dotted #575756; }
	#header img { width:100%;}

#wrapmenu { position:absolute; width:70%; }
#menu {/*width:66em;*/ width:100%; height:12.375em; margin:auto; background:url(../img/menu.png) no-repeat center; float:left; text-align:left;  }
	.wrapedge { margin-top:-2.313em; float:left; height:1.125em; width:100%;}
	#edge_left { background: url(../img/edge_left.png) left no-repeat; }
	#edge_right { background: url(../img/edge_right.png) right no-repeat; }
	#edge_left, #edge_right { float:left; width:50%;  height:1.125em;  }
	
	ul#navi li { list-style-type: none; display:inline-block; }
		ul#navi li a { font-weight:bold; color:#575756;}
		ul#navi li a:hover, #index li#sl a, #leistungen li#ll a, #referenzen li#rl a, #kontakt li#kl a { color:#fff; }
	
#logo { position:absolute; z-index:10; height:60%; margin-top:-5%; }
	#logo img { width:100%;}

#content { width:97%; height:auto; margin:auto; margin-top:2em;}
	ul.liste { list-style-type:disc; display:block; margin-left:45px; }

.cnt-1, .cnt-2, .cnt-3, .cnt-4, .cnt-full { background:/*url(../img/cnt_hg.png) repeat-y center*/#fff; float:left; background-size:100% 100%; border-bottom:2px dotted #575756; text-align:left; font-weight:bold; font-size:100%;  }
.cnt-full-blue { float:left; background-size:100% 100%; border-bottom:2px dotted #575756; text-align:center; font-weight:bold; font-size:100%;  }
	.cnt-1, .cnt-2, .cnt-3, .cnt-4 { border-right:2px dotted #575756;}
	.cnt-full, .cnt-full-blue { border:2px dotted #575756; }
	.cnt-1 { border-left:2px dotted #575756; }
	.cnt-1 p, .cnt-2 p, .cnt-3 p, .cnt-4 p, .cnt-full p, .cnt-full-blue p{margin:20px;}
	
	p.linkred, p.linkgrey, p.linkblue {  text-align:center; }
	p.linkred { background:url(../img/linkred.png) no-repeat center; background-size:100% auto; }
	p.linkgrey { background:url(../img/linkgrey.png) no-repeat center; background-size:100% auto; }
	p.linkblue { background:url(../img/linkblue.png) no-repeat center; background-size:100% auto;}
	p.linkred a, p.linkgrey a, p.linkblue a { color:#fff; }
	.pwidth { width:280px;}
	.font { font-size:80%; margin-top:10px; text-align:center; }
	.font a { color:#575756; }
	
.imgbox img  { border:5px solid #575756; margin-right:20px;  }


#footer { width:80%em; height:5.188em; margin:auto; color:#eacba0; font-size:85%; line-height:180%;  }
	#footer a { color:#eacba0; }
	
	
/*.kalender { background: url(../img/grafikkueche-kalenderdruck-2016.png) no-repeat right top;}*/

.cookie_banner { font-size:90%; } 

.cc_container .cc_btn {
background-color: #d7545c !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #575756 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
	font-size:85% !important;
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}





@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
/* iPhone 5 or iPod Touch 5th generation */
}

@media screen and (min-width:18em) {
	#wrap, #wrapmenu { width:100%;}
	#wrapmenu { margin-top:40px;}
	#header, #content, ul#navi { width:90%; }
	#header { height:8em;}
	#navigation { position:absolute; z-index:30; width:100%; background:#575756; margin-top:-3%; }
		ul#navi li a { color:#eacba0; margin:5px; }
	.cnt-1, .cnt-2, .cnt-3, .cnt-4, .cnt-full { width:98.6%;}
	/*.cnt-1 h1, #daten .cnt-full h1, #imp .cnt-full h1, #kontakt .cnt-full h1*/ .pdtop{ margin-top:100px;}
	.cnt-2, .cnt-3, .cnt-4 { border-left:2px dotted #575756; }
	.pwidth { width:auto;}
	.imgbox img { margin-right:15px;  }
	.galthumb { border:5px solid #575756; margin-right:15px;  }
	#footer { width:84%; background:/*url(../img/footer3.png) no-repeat center bottom*/; line-height:150%;  }
	img.tk { width:100%;}
	.tktext { width:auto; }
}

@media screen and (min-width:30em) {
	#header { width:95%; }
	#navigation { margin-top:0;}
	#content { width:95%}
	#footer { width:90%; height:6em; background:/*url(../img/footer2.png) no-repeat center bottom*/; line-height:180%; }
}


@media screen and (min-width:56em) {
	#footer { width:90%; /*background:url(../img/footer4.png) no-repeat center bottom;*/}
	ul#navi { position: relative; }
	ul#navi li { background:none;}
}

@media screen and (min-width:64em) {
	#wrap { width:990px;  padding-top:30px; }
	#wrapmenu { width:990px;  margin-top:70px; }
	#header, #content { width:960px;}
	#header { height:12em;}
	#navigation { width:1024px; background:none; margin-top:75px; }
	ul#navi { margin-top:90px; font-size:160%; text-transform:uppercase; margin-left:45px; }
	ul#navi li a { color:#575756;}
		li#sl, li#ll, li#rl { margin:10px;}
		ul#navi li#rl { margin-left: 340px; }
	.cnt-1 { width:318px; }
	/*.cnt-1 h1,*/ #daten .cnt-full h1, #imp .cnt-full h1, #kontakt .cnt-full h1 { margin-top:70px;}
	/*.cnt-1 h1 { margin-top:2.75em;}*/
	.cnt-2, .cnt-3 { width:317px; }
	.cnt-4 { width:637px; }
	.cnt-2, .cnt-3 { border-left:none; }
	.cnt-full { width:956px; }
	.pdtop { margin-top:70px; }
	.pwidth { width:280px;}
	.imgbox img { margin-right:20px;  }
	.galthumb { border:5px solid #575756; margin-right:20px;  }
	#footer { width:90%; background:/*url(../img/footer.png) no-repeat center bottom*/;}
	img.tk { width:512px;}
	.tktext { float:left; width:400px; }
}