@charset "UTF-8";
/* 

Snookerservice


rot		#9C0F08
gruen           #095b1d
dunkelgruen     #014401


gruen alt       #49654D
dunkelgruen alt  #253629

 */

*,
*::before,
*::after {
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
 	box-sizing: border-box;
 	word-wrap: break-word;
}


@font-face {
	font-family: 'OPENSANS-LIGHT';
	font-weight: regular;
	font-style: 400;
	src: url('../fonts/OPENSANS-LIGHT.TTF') format('truetype');
}

@font-face {
    font-family: 'NOTOSERIF-LIGHT';
    font-weight: 100;
    font-style: light;
    src: url('../fonts/NOTOSERIF-LIGHT.TTF') format('truetype');
}

body {
	font-family: 'OPENSANS-LIGHT', sans-serif;
	font-size: 0.95em;
	text-align: center;
	background-color: #F1F3ED;
	color: #333;
}

#wrapper {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

/*==============  HEADER  ==================*/

#header_gruen {
	width: 100%;
	min-height: 40px;
	text-align: center;
	background-color: #095b1d;
}

#header_gruen .inside {
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
}

#header_gruen .inside a {
	color: #fff;
}

#header_gruen .inside a:hover {
	text-decoration: underline;
}

#header_gruen .inside .kontakt {
	float: left;
	padding: 10px;
}

#header_gruen .inside .login {
	float: right;
	padding: 10px;
}

#header_gruen .inside .mod_iso_cart {
	float: right;
	background-color: #014401;
	padding: 10px;
}

#header {
	width: 100%;
	text-align: center;
	background-color: #eeefec;
	border-top: 10px solid #095b1d;
}

#header .inside {
	max-width: 1200px;
	width: 95%;
	height: auto;
	min-height: 100px;
	margin: 0 auto;
	text-align: left;
}

#header .logo {
	padding: 20px 0;
	float: left;
}

#header .logo img {
	width: 350px;
	height: auto;
}

@media (max-width: 500px) {
    #header .logo {padding: 15px 0 5px 0;}
    #header .logo img {width: 250px; height: auto;}
}

#header .billardlogo {
	padding: 20px 0;
	float: right;
}

#header .billardlogo img {
	width: auto;
	height: 55px;
}

@media (max-width: 1280px) {
	#header .inside {min-height: 200px;}
    #header .billardlogo {float: left; clear:left; padding: 0 0 10px 0;}
    #header .billardlogo img {width: 250px; height: auto;}
}

@media (max-width: 500px) {
	#header .inside {min-height: 140px;}
    #header .billardlogo {float: left; clear: left; padding: 10px 0 10px 0;}
    #header .billardlogo img {width: auto; height: 45px;}
}

/*================  CONTAINER  =====================*/
.slider #container{
	margin-top: 400px;
}

#container {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	background-color: #f7f8f7;
}

#container .inside {
	max-width: 1200px;
	width: 95%;
	margin: 0 auto;
}

/*=====================  LEFT  =======================*/
#left {
	float: left;
	width: 240px;
	height: auto;
	margin: 20px 0 0 1px;
	text-align: left;
	background-color: #fff;
	padding: 0;
}

#left .inside {
	width: 100%;

}

#left ul {
	margin: 0 0 0 0;
	list-style: none;
}

#left ul.level_1 li a {
	display: block;
	font-family: 'NOTOSERIF-LIGHT';
	color: #fff;
	background-color: #095b1d;
	padding: 5px 15px;
	margin-bottom: 1px;
}

#left ul.level_1 li a:hover,
#left ul.level_1 li.active a,
#left ul.level_1 li.trail a {
	background-color: #014401;
}

#left ul.level_2 {
	display: none;
}

#left ul.level_1 li.active ul.level_2,
#left ul.level_1 li.trail ul.level_2 {
	display: block;
	list-style: none;
	background-color: #fff;
	padding-bottom: 10px;
}

#left ul.level_1 li ul.level_2 li a {
	font-family: 'OPENSANS-LIGHT', sans-serif;
	color: #333;
	background-color: #fff;
	padding: 5px 0 5px 20px;
}

#left ul.level_1 li ul.level_2 li a:hover,
#left ul.level_1 li ul.level_2 li.active a,
#left ul.level_1 li ul.level_2 li.trail a {
	font-weight: 600;
}

#left .mod_customnav {
	margin-top: 20px;
}

@media (max-width: 1280px) {
	#left {display: none;}
}

/*=================  MOBILE MENUE  ===============*/
.mod_mobile_menu {
	float: right;
}

.mobile_menu_trigger  {
	width: 100%;
	min-width: 40px;
	float: right;
	padding: 80px 0 0 0;
	text-align: center;
}

.mobile_menu_trigger .button {
	margin: 0 0 0 0;
}

.mobile_menu {
	position: absolute;
	z-index: 100;
	display: none;
}

.mobile_menu .inner {
	background: #fff;
	text-align: left;
	height: 100%;
}

.mobile_menu .inner ul {
	list-style-type: none;
}

.mobile_menu .inner ul li {
	display: block;
}

.mobile_menu .inner a {
	display: block;
	font-family: 'NOTOSERIF-LIGHT';
	color: #fff;
	background-color: #095b1d;
	padding: 5px 15px;
	margin-bottom: 1px;
}

.mobile_menu .inner a.active,
.mobile_menu .inner a.trail {
	background-color: #014401;
	color: #fff;
}

.mobile_menu .inner ul.level_2 li a {
	font-family: 'OPENSANS-LIGHT', sans-serif;
	color: #333;
	background-color: #fff;
	padding: 5px 0 5px 25px;
}

.mobile_menu .inner ul.level_2 li a.active {
	font-weight: 600;
}

.mobile_menu .inner .mod_customnav {
	margin-top: 20px;
}

@media (max-width: 500px) {
	.mobile_menu_trigger  {padding: 50px 0 0 0;}

}

/*=======================  MAIN  =======================*/

#main {
	float: right;
	max-width: 930px;
	height: auto;
	min-height: 500px;
	text-align: left;
	padding: 20px 0 30px 0;
}

#main .inside {
	width: 100%;
}

@media (max-width: 1280px) {
	#main {max-width: 100%;}
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	font-family: 'NOTOSERIF-LIGHT';
	margin-bottom: 20px;
}

#main h1 {
	border-bottom: 1px solid #ccc;
	text-align: left;
}

#main h3 {
	margin-bottom: 20px;
}

#main h4 {
	font-size: 1.1em;
}

#main a {
	color: #9C0F08;
}

#main a:hover {
	text-decoration: underline;
}

#main hr {
	border-top: 1px solid #ccc;
	margin: 0 0 30px 0;
}

#main p {
	margin-bottom: 20px;
}

#main .absatz p {
	width: 600px;
	margin: 0 auto 20px auto;
}

#main ul,
#main ol {
	margin: 0 0 20px 20px;
}

#main .ce_gallery ul {
	margin: 0 0 20px 0;
}

#main img {
	border: 1px solid #ccc;
}

#main .widget {
	margin-bottom: 10px;
}

#main .widget-checkbox label {
	width: auto;
}

#main label,
#main legend {
	width: 120px;
	padding-top: 3px;
	display: inline-block;
	vertical-align: top;
}

#main input.text,
#main input.captcha {
	border: 1px solid #ccc;
	font-family: 'OPENSANS-LIGHT', sans-serif;
	font-size: 0.95em;
	padding: 5px;
	width: 300px;
}

#main input.captcha {
	width: 50px;
}

#main textarea {
	border: 1px solid #ccc;
	font-family: 'OPENSANS-LIGHT', sans-serif;
	font-size: 0.95em;
	padding: 5px;
	max-width: 90%;
	min-height: 200px;
}


#main .widget-submit {
	text-align: center;
	margin-top: 20px;
}

#main input.submit,
#main button,
#main a.button {
	background-color: #095b1d;
	padding: 5px 10px;
	color: #fff;
	font-family: 'OPENSANS-LIGHT', sans-serif;
	font-size: 0.95em;
	text-decoration: none;
	min-width: 150px;
}

#main input.submit:hover,
#main button:hover,
#main a.button:hover {
	background-color: #014401;
	cursor: pointer;
}


#main select {
	border: 1px solid #ccc;
	font-family: 'OPENSANS-LIGHT', sans-serif;
	font-size: 0.95em;
	padding: 5px;
	width: 300px;
}

#main select option {
	font-family: 'OPENSANS-LIGHT', sans-serif;
	font-size: 0.95em;
}

#main .checkbox_container span {
	display: block;
}

#main .checkbox_container legend {
	float: left;
}

#main form .widget.error label {
	color: #990000;
}

#main form .widget.error input.error {
	border: 1px solid #990000;
}

#main form .widget.error p.error {
	margin-top: 10px;
}

@media (max-width: 600px) {
	#main .ce_gallery img {width: 130px; height: 130px;}
}

/*=====================  BREADCRUMB  =====================*/
#main .mod_breadcrumb {
	margin-bottom: 30px;
}

#main .mod_breadcrumb ul {
	list-style: none;
	margin: 0;
}

#main .mod_breadcrumb ul li {
	float: left;
	font-size: 0.85em;
}

#main .mod_breadcrumb ul li.first {
	display: none;
}

#main .mod_breadcrumb ul li span {
	padding: 0 8px;
}

.startseite #main .mod_breadcrumb {
	display: none;
}

@media (max-width: 600px) {
	#main .image_container.float_right {float: none; clear: both;}
	#main .image_container.float_left {float: none; clear: both;}
}

/*===================  SPALTENSET  ==================*/
#main .rs-columns {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#main .rs-columns .rs-column {
	background-color: #fff;
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	
	float: left;
	text-align: left;
}


#main .rs-columns .-large-col-4-1 {
	width: 23%;
	margin: 0 20px 30px 0;
}

#main .rs-columns .-large-col-4-1.-large-last {
	width: 24%;
	margin: 0 0 30px 0;
}

@media (max-width: 1000px) {
	#main .rs-columns .-large-col-4-1 {width: 30%;}
	#main .rs-columns .-large-col-4-1.-large-last {width: 30%; margin: 0 20px 30px 0;}
}

@media (max-width: 700px) {
	#main .rs-columns .-large-col-4-1 {width: 46%;}
	#main .rs-columns .-large-col-4-1.-large-last {width: 46%; margin: 0 20px 30px 0;}
}

@media (max-width: 600px) {
	#main .rs-columns .-large-col-4-1 {width: 100%;}
	#main .rs-columns .-large-col-4-1.-large-last {width: 100%; margin: 0 20px 30px 0;}
}

/*  ALIGN LEFT SPALTENSET  */
.alignleft #main .rs-columns .rs-column {
	background-color: #fff;
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	float: left;
	text-align: left;
}


/*================= ACCORDION  ===============*/

#main .ce_accordion .toggler {
	background-image: linear-gradient(to top, #014401, #095b1d);
	color: #fff;
	padding: 8px 15px;
	margin-bottom: 15px;
	border-radius: 8px;
}

#main .ce_accordion .toggler span.acc_icon {
	width: 20px;
	height: 20px;
	background: url('accordion_down.png') no-repeat;
	background-size: contain;
	float: right;
}

#main .ce_accordion .toggler:hover,
#main .ce_accordion .toggler.active {
	cursor: pointer;
}

#main .ce_accordion .toggler.active span.acc_icon {
	background: url('accordion_up.png') no-repeat;
	background-size: contain;
}

#main .ce_accordion .accordion {
	padding: 0 10px;
}


/*===================  VOR/ZURÜCK PAGINATION  ============= */
#main .pagination {
	margin: 20px 0 20px 0;
	padding: 0;
	text-align: center;
	clear: both;
}

#main .pagination p {
	margin: 0;
	padding: 0;
}

#main .pagination ul {
	margin: 0;
	list-style: none;
	text-align: center;
}

#main .pagination ul li {
	display: inline;
	margin: 0 5px 0 0;
}


/*======================  NEWS / SNOOKERTSICHE LISTE  ================*/
.mod_newslist .layout_latest,
.mod_newslist .layout_full {
	background-color: #fff;
	padding: 20px 30px 15px 30px;
	margin: 15px 0;
	border-radius: 15px;
}

.mod_newslist .layout_latest .image_container.float_left,
.mod_newslist .layout_full .image_container.float_left {
	float: left;
	margin-right: 30px;
}

.mod_newslist .layout_latest .image_container.float_right,
.mod_newslist .layout_full .image_container.float_right {
	float: right;
	margin-left: 30px;
}

.mod_newslist .layout_full table {
	width: 100%;
}

@media (max-width: 600px) {
	.mod_newslist .layout_latest,
.mod_newslist .layout_full {padding: 20px 20px 15px 20px;}
}
/*======================  NEWS / SNOOKERTSICHE DETAILS  ================*/
.mod_newsreader .layout_full {
	background-color: #fff;
	padding: 20px 30px 15px 30px;
	margin: 15px 0;
	border-radius: 15px;
	
}

/*====================  FOOTER  ===================*/

#footer {
	width: 100%;
	text-align: center;
	background-color: #095b1d;
	padding: 30px;
}

#footer .inside {
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}


#footer p {
	margin-bottom: 20px;
}

#footer .box {
	width: 18%;
	height: auto;
	float: left;
	margin-right: 20px;
}

#footer .box.copyright {
	width: 30%;
}

@media (max-width: 1000px) {
	#footer .box {width: 30%; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px;}
	#footer .box.kontakt {border-bottom: 1px solid #fff; padding-bottom: 0; margin-bottom: 20px;}
	#footer .box.versand {clear: both;}
}

@media (max-width: 700px) {
	#footer .box {width: 46%;}
	#footer .box.versand {clear: none;}
}

@media (max-width: 600px) {
	#footer .box {width: 100%; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px;}
	#footer .box.copyright {width: 100%;}
}


/*#footer p.copyright {
	clear: both;
	text-align: center;
}*/


.clear {
	clear: both;
}

p.back {
	clear: both; 
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
}