/*----------------------------------------*/
/* !Theme Name: schankandy.de             */
/*  Theme URI: http://www.schankandy.de/  */
/*  Version: 1.0                          */
/*----------------------------------------*/

/* ----- */
/* FONTS */
/* ----- */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic);

/*------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)  */
/*------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* ------ */
/* GLOBAL */
/* ------ */

html {
}

body {
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

* {
	box-sizing: border-box;
}

a {
	color: #18BAFF;
	text-decoration: none;
}
a:hover {
	color: #003B6A;
}

*.clear {
	clear: both;
}

b, strong {
	font-weight: 700;
}

div#wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #45d1ff;
	background: -moz-linear-gradient(top,  #45d1ff 0%, #0099ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45d1ff), color-stop(100%,#0099ff));
	background: -webkit-linear-gradient(top,  #45d1ff 0%,#0099ff 100%);
	background: -o-linear-gradient(top,  #45d1ff 0%,#0099ff 100%);
	background: -ms-linear-gradient(top,  #45d1ff 0%,#0099ff 100%);
	background: linear-gradient(to bottom,  #45d1ff 0%,#0099ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d1ff', endColorstr='#0099ff',GradientType=0 );
}

/*-----------*/
/* !CONTENT  */
/*-----------*/

section#content {
	width: 1000px;
	height: 500px;
	margin: -295px 0 0 -500px;
	background: #FFF;
	box-shadow: 0 0 10px #000, inset 0 0 0 2px #00B9FF;
	border: 5px solid #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
}

section#content div#logo {
	width: 430px;
	height: 148px;
	margin: 0 0 0 -215px;
	position: absolute;
	top: 40px;
	left: 50%;
}
section#content div#logo h1 {
	width: 100%;
	height: 58px;
	position: absolute;
	top: 50px;
	left: 0;
	overflow: hidden;
}
section#content div#logo h1 span {
	text-indent: -9999px;
	display: block;
}
section#content div#logo h2 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: 300;
	color: #18baff;
	text-align: center;
	text-shadow: 0 -1px rgba( 0,60,104, 0.5 );
	position: absolute;
	top: 0;
	left: 0;
}
section#content div#logo h2:last-child {
	top: auto;
	bottom: 0;
}

section#content ul li {
	line-height: 26px;
	padding: 0 0 0 25px;
	font-size: 18px;
}
section#content ul#service {
	width: 240px;
	height: 208px;
	position: absolute;
	top: 230px;
	left: 60px;
}
section#content ul#service li {
	background: url(/images/drop.png) 0 50% no-repeat;
}
section#content ul#locations {
	width: 500px;
	height: 52px;
	position: absolute;
	top: 230px;
	left: 370px;
}
section#content ul#locations li {
	width: 180px;
	background: url(/images/house.png) 0 5px no-repeat;
	float: left;
}
section#content ul#contact {
	width: 230px;
	height: 78px;
	position: absolute;
	top: 360px;
	left: 370px;
}

section#content ul#contact li {
	display: table-row;
}
section#content ul#contact li:nth-child(1) span:nth-child(1) {
	background-image: url(/images/phone.png);
}
section#content ul#contact li:nth-child(2) span:nth-child(1) {
	background-image: url(/images/fax.png);
}
section#content ul#contact li:nth-child(3) span:nth-child(1) {
	background-image: url(/images/mobile.png);
}
section#content ul#contact li span {
	font-size: 18px;
	padding-left: 25px;
	display: table-cell;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
section#content ul#contact li span+span {
	padding-left: 20px;
}
section#content ul#contact li span a {
	color: #000;
}

section#content div.zapfhahn {
	width: 145px;
	height: 294px;
	background: url(/images/zapfhahn.png) 0 0 no-repeat;
	position: absolute;
	top: -55px;
	right: -5px;
}
section#content div.bier {
	width: 335px;
	height: 210px;
	background: url(/images/bier.jpg) 0 0 no-repeat;
	border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	-webkit-border-radius: 0 0 3px 0;
	position: absolute;
	bottom: -5px;
	right: -5px;
}

section#content div.selbach,
section#content div.verband {
	width: 178px;
	height: 75px;
	margin: 0 0 0 -89px;
	position: absolute;
	text-align: center;
	bottom: -90px;
	left: 50%;
}
section#content div.selbach p,
section#content div.verband p {
	line-height: 24px;
	font-size: 13px;
	color: rgba( 255,255,255, 0.7 );
	text-shadow: 0 -1px rgba( 0,60,104, 0.5 );
}
section#content div.verband {
	left: auto;
	right: 250px;
}

/*-----------*/
/* !IMPRINT  */
/*-----------*/

div.imprint,
div.datenschutz {
	width: 70px;
	height: 14px;
	line-height: 14px;
	text-align: right;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	text-shadow: 0 -1px rgba( 0,60,104, 0.5 );
	position: absolute;
	bottom: -29px;
	right: 10px;
}
div.datenschutz {
	right: 100px;
}

div#imprint,
div#datenschutz {
	width: 580px;
	height: 208px;
	overflow: auto;
	position: absolute;
	top: 230px;
	left: 60px;
}
div#imprint p,
div#datenschutz p {
	padding: 0 10px;
	line-height: 18px;
	text-align: justify;
	font-size: 12px;
}
div#imprint p+p,
div#datenschutz p+p {
	margin-top: 15px;
}
div#imprint h2,
div#imprint h3,
div#datenschutz h2,
div#datenschutz h3 {
	margin: 15px 0 0 10px;
	font-size: 12px;
	font-weight: 400;
}
div#imprint h2:first-child,
div#datenschutz h2:first-child {
	margin-top: 0;
}
div#imprint ul,
div#datenschutz ul {
	margin: 0 0 0 10px;
}
div#imprint ul li,
div#datenschutz ul li {
	line-height: 18px;
	font-size: 12px;
	display: table-row;
}	
div#imprint ul li.notable,
div#datenschutz ul li.notable {
	display: inline-block !important;
}
div#imprint ul li span,
div#datenschutz ul li span {
	display: table-cell;
}
div#imprint ul li span+span,
div#datenschutz ul li span+span {
	padding-left: 10px;
}
div#imprint div.close,
div#datenschutz div.close {
	width: 100px;
	height: 15px;
	text-align: right;
	font-size: 12px;
	color: #FF0000;
	position: absolute;
	top: 0;
	right: 10px;
}
div#imprint div.close span,
div#datenschutz div.close span {
	cursor: pointer;
}

/*-----------*/
/* !BUBBLES  */
/*-----------*/

.bubbles{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto}.bubble-container{position:absolute;bottom:0;-webkit-animation:bubblerise 4s infinite ease-in;-moz-animation:bubblerise 4s infinite ease-in;-ms-animation:bubblerise 4s infinite ease-in;animation:bubblerise 4s infinite ease-in;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.bubble{width:6px;height:6px;margin:0 auto;border:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.25);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-animation:bubblewobble .4s infinite linear;-moz-animation:bubblewobble .4s infinite linear;-ms-animation:bubblewobble .4s infinite linear;animation:bubblewobble .4s infinite linear}@-webkit-keyframes "bubblerise"{0%{bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}5%{bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;}99%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;}100%{bottom:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}}@-moz-keyframes bubblerise {0%{bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}5%{bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;}99%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;}100%{bottom:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}}@-ms-keyframes bubblerise{0% { bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}5%{bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}99%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}100%{bottom:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}@keyframes "bubblerise"{0%{bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}5%{bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;}99%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;}100%{bottom:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}}@-webkit-keyframes "bubblewobble"{0%{margin-left:0;}50%{margin-left:2px;}}@-moz-keyframes bubblewobble {0%{margin-left:0;}50%{margin-left:2px;}}@-ms-keyframes bubblewobble{0% { margin-left:0}50%{margin-left:2px}@keyframes "bubblewobble"{0%{margin-left:0;}50%{margin-left:2px;}}