/* Zu überschreibende Default settings aus dem Contao Framework hier einfügen
----------------------------------------------------------------*/
html, body {
	height: 100%;
}
body {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 100%;
	padding: 0;
	background-color:rgba(193,192,165,0.00);
	}
	a:active, a:focus {
	outline: none;
	} /* lässt die gepunktete Linie verschwinden */
	}
	
/* Fullsreen bg-Images
----------------------------------------------------------------*/


/* Farben
----------------------------------------------------------------*/
.blau {color: rgba(150,198,239,1);}
.rot {color: rgba(255,86,0,1);}
.gruen {color: rgba(149,214,0,1);}

/* Container
----------------------------------------------------------------*/
#wrapper {  }
#header {  }
#header .inside { }
#container {  }
#main .inside {  }

/**/
#header {
	}

#buecher {max-width:100%; position:relative; 
background-image: -webkit-linear-gradient(to left, #a2c3cf, #eff4df);
 background-image: linear-gradient(to left, #a2c3cf, #eff4df);}
#texte {max-width:100%; position:relative; 
background-image: -webkit-linear-gradient(to left, #a2c3cf, #eff4df);
 background-image: linear-gradient(to left, #a2c3cf, #eff4df);}
#kunst {max-width:100%; height:100vh; position:relative;}

.mod_article {outline: none; border:none;}

.footer {padding:0.25em 0.25em; color:#bbb; font-size: .75em; font-weight:300; background-color:rgba(255,255,255,.0); position:fixed; bottom:15px; left:40px; letter-spacing:0.05em; text-transform:none; z-index:2; }
.footer a:link, .footer a:visited {color: #bbb;}


/* Grundlegende Textformatierungen
----------------------------------------------------------------*/
h1, h2, h3, h4, h5, p, ul, ol, li, label, td {margin: 0;padding: 0;}
h1 {
	font-size: 1.5em;
	line-height: 1.25;
	font-weight: 300;
	padding:.1em .25em;
	display: inline;
	color:#FFF;
}

h2 {padding:0px 5px 2px 5px; margin:100px 0px 5px 40px; color:#ccc; font-size: 1em; font-weight:300; background-color:rgba(0,0,0,.75) ; line-height:1.4; display:inline-block; letter-spacing:0.02em;  }

	
p, .ce_text li, td {
	line-height: 1.4;
	font-size:1em;
	font-weight:400;
	padding-left: 40px;
	max-width:600px;
	padding-right: 20px;
}

p.plus {
	margin-bottom: .5rem;
}

.small {font-size: .875em;}

a:link, a:visited {
	color: #000;
	text-decoration: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
a:hover {
	text-decoration: none;
	color:rgba(226,0,0,.8);
}
a:active {
	text-decoration: none;
	color:rgba(226,0,0,.8);
}


/*Spaltentext
.spaltentext p {
	 -webkit-column-count: 2;
	 -webkit-column-gap: 1.5em;
	 -moz-column-count: 2;
	 -moz-column-gap: 1.5em;
	 column-count: 2;
	 column-gap: 1.5em;
	 max-width:960px;
	 padding:.5em 0 1em 0;
	 }
	 
.spaltentext.ohnespalten p {
	 -webkit-column-count: 1;
	 -moz-column-count: 1;
	 column-count: 1;
	 padding:.5em 0 1em 0;
	 }		 
	 
.spaltentext p img {margin-bottom:10px; margin-top:6px;}		 
.spaltentext.ohne p {visibility:hidden;}	*/

/*Bild-/Textbox
.bildbox {float:left; width:23%; padding-right:2%;}
@media only screen and (max-width:1200px) {.bildbox {width:30.66666666%; padding-right:2.66666666%;}}
@media only screen and (max-width:900px) {.bildbox {width:46%; padding-right:4%;}}
@media only screen and (max-width:600px) {.bildbox {width:100%; padding-right:0%;}}
.bildbox p {height:5em; font-size:.875em; line-height:1.5; border-bottom:#000 solid 1px;}
.floatbox::after {content: ""; clear: both; display: table;}*/

/* Listen
----------------------------------------------------------------*/
.ce_text ul {margin: 1.125em;}
.ce_text ul li {
	background: url("../images/arrow.png") no-repeat left top;
	padding: 0 0 1em 76px;
	margin-bottom: 0em;
	background-position: 25px 1px;
}
.ce_text ul li a:link {
	
}
/* Tabellen
----------------------------------------------------------------*/


/* Linie
----------------------------------------------------------------
hr {
	border: none;
	border-bottom: #007587 solid 1px;
}*/

/* Startseite Specials
----------------------------------------------------------------*/


/* Artikel
----------------------------------------------------------------*/
#infos_und_bestellen {height:auto;}






/* Module
----------------------------------------------------------------*/



/* Inhaltselemente
----------------------------------------------------------------*/


/* Accordion
----------------------------------------------------------------
.ce_accordion {
	margin-left:0px;
}
.ce_accordion .ce_text {
	margin: 10px 0px 0px 0px;
	border-bottom: rgba(255,86,0,1) solid 0px;
	padding-bottom:10px;
}

.ce_accordion.first {
	border-top: none;	
	
}
.ce_accordion .toggler {
	background: url("../images_system/plus@2x.png") no-repeat left bottom;
	background-position: 1px 9px;
	background-size: 30px 30px;
	background-color: #fff;
	font-size: 1.625em;
	line-height: 1.2;
	padding: .3em 0 .3em 45px;
	cursor: pointer;
	outline: none;
	color: rgba(150,198,239,1);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.ce_accordion .toggler.hover {
	background: url("../images_system/plus@2x_over.png") no-repeat left bottom;
	background-position: 1px 9px;
	background-size: 30px 30px;
	background-color: #fff;
	color: rgba(255,86,0,1);
	outline: none;
}
.ce_accordion .toggler.active {
	background: url("../images_system/minus@2x.png") no-repeat left bottom;
	background-position: 1px 9px;
	background-size: 30px 30px;
	background-color: #fff;
	color: rgba(255,86,0,1);
	outline: none;
}

.accordion {max-width:100%; padding-left:45px;}


/*mobile Navi
.mobile_nav_button { }

ul.mobile_nav_button {display:block; position:fixed; right:30px; top:20px; z-index:2;}
ul.mobile_nav_button li.menu { }
ul.mobile_nav_button li.menu a {width:62px; height:62px; display:inline-block;}
ul.mobile_nav_button li.menu a.at2x {background:url("../images_system/mobile_navi_button.png") no-repeat; ; background-size:62px 62px; cursor:pointer; outline:none; text-indent:-10000px;}*/






/* Navi
----------------------------------------------------------------

.mod_wr-onepage-navigation {
    position: absolute;
    top: 100vh;
    transform: translateY(-100%);
	width:100%;
	background-color:#FF0;
	line-height:2;	
}*/

.mod_onepage_navigation {
    position:fixed;
    top:0;
   	width:100%;
	background-color: rgba(0,0,0,0.75);
	z-index:10;
	padding:1em 30px;
	border-bottom: #bbb dotted 1px;
	line-height: 1.4;
	
}

.onepage_navigation__list li {display:inline-block; font-size: 1.25em; padding:0 12px 0 10px; color: #fff; border-right:#bbb solid 1px; }
.onepage_navigation__list li.last {border-right:none;}
.onepage_navigation__list li a {color:#bbb;}
.onepage_navigation__list li a:hover, .onepage_navigation__list li a:active {color: rgba(255,255,255,0.90)}











/*
a.button_nav {position:fixed; top:20px; right:30px; font-size:.9375em; width:80px; height:80px; border-radius: 40px; border:#FFF solid 0px; display:flex; align-items: center; justify-content: center; line-height:0;    background-color:rgba(149,214,0,1); transition: 500ms linear; z-index:10; color:#FFF; font-weight:400;  text-decoration:none; text-transform:uppercase; letter-spacing:.05em}
a:hover.button_nav {background-color: rgba(150,198,239,1);}

a.button_login {position:fixed; bottom:20px; right:30px; font-size:.9375em; width:80px; height:80px; border-radius: 40px; border:#FFF solid 0px; display:flex; align-items: center; justify-content: center; line-height:0;    background-color: rgba(150,198,239,1); transition: 500ms linear; z-index:10; color:#FFF; font-weight:400;  text-decoration:none; text-transform:uppercase; letter-spacing:.05em}
a:hover.button_login {background-color:rgba(149,214,0,1);}


/* Menu 
.mobile_menu {
	position: fixed;
	z-index: 100;
	display: none;
}
.mobile_menu .inner {
	height: 100%;
	background: rgba(150,198,239,.9);
	overflow-y: auto;
}*/

/* Trigger 
.mobile_menu_trigger {
	display: none;
}*/
/* Wrapper
.mobile_menu_wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
} */

/* Hide menu on IE8-9

body.ie8 .mobile_menu, body.ie8 .mobile_menu_trigger, body.ie9 .mobile_menu, body.ie9 .mobile_menu_trigger {
	display: none !important;
} */

/*Formatierung der einliegenden main_navi*/

/*setzt default Einstellungen zurück
.mod_navigation ul li.bg_image, .mod_navigation ul li.bg_image, .mod_navigation ul li.bg_image a, .mod_navigation ul li.bg_image .active, .mod_navigation ul li strong {background-image:none; font-weight:300;}
.mod_navigation ul li strong {padding-left: 20px;}	*/

/*hier beginnt der eigentliche Style

.mod_navigation ul li {
	line-height: 2em;
	border-bottom: #FFF solid 1px;
	font-size: 1.25em;
	}

.mod_navigation ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding-left:20px;
	font-weight:300;
}

.mod_navigation ul li a:hover, .mod_navigation ul li.active {
	padding-left:20px;
	background-image: linear-gradient(to right, rgba(149,214,0,1), rgba(222,171,53,1));
	background-image: -ms-linear-gradient(right, rgba(149,214,0,1), rgba(222,171,53,1));
	background-image: -webkit-gradient(rgba(222,171,53,1), rgba(149,214,0,1));
}

li.active strong.active {
	padding-left:0px;
}*/



/* Google Map
----------------------------------------------------------------
.ce_dlh_googlemaps {max-width:800px; margin:1em 0;}*/


/* Rocksolid Slider
----------------------------------------------------------------*/
.mod_rocksolid_slider {position: absolute; top:0; z-index: 1;}
.mod_rocksolid_slider.singleslider {margin:2.25em 0 3em 0;}
.mod_rocksolid_slider.singleslider .rsts-caption, .mod_rocksolid_slider .rsts-caption {margin-left:45px; border-radius:0px; box-shadow:inset 0 0 0px; background-color: rgba(255,255,255,1.00); text-shadow:0 0 0px; padding:3px 2px; color:#000; font-weight: 300;}
.mod_rocksolid_slider .rsts-caption {margin-left:38px; background: rgba(255,255,255,1.00);}

/*.rsts-skin-liquid .rsts-nav {
    position: absolute;
    right: 95px;
    bottom: 12px;
    left: 25px;
    line-height: 1;
    text-align:left;}*/
	
.rsts-skin-liquid .rsts-prev, .rsts-skin-liquid .rsts-next {position: absolute;
    left: 10px;
    bottom:47%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    outline: none;
    line-height: 0;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    background: rgba(255,255,255,0);
    background-position:center ;
    background-image: url(../images_system/arrow.png); -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);

    background-size:30px;
    -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.3), inset 0 0px 0 0px rgba(255,255,255,0.5), inset 0 0px 0 rgba(0,0,0,0.3), inset 0 0 1px rgba(255,255,255,0.8);
    -moz-box-shadow: 0 0 0px rgba(0,0,0,0.3),inset 0 0px 0 0px rgba(255,255,255,0.5),inset 0 0px 0 rgba(0,0,0,0.3),inset 0 0 0px rgba(255,255,255,0.8);
    box-shadow: 0 0 0px rgba(0,0,0,0.3), inset 0 0px 0 0px rgba(255,255,255,0.5), inset 0 0px 0 rgba(0,0,0,0.3), inset 0 0 0px rgba(255,255,255,0.8); opacity:0.5; 

}	

.rsts-skin-liquid .rsts-next {
    left:100%; 
	margin-left:-57px; 
	background-image: url(../images_system/arrow.png); -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none;
	}
	
.rsts-skin-liquid .rsts-nav-bullets a {
    display: none;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 12px 6px;
    border: 1px solid #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    outline: none;
    text-align: left;
    text-indent: -999px;
    background-color: #eee;
    background-color: rgba(255,255,255,1);
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow: none;	} 
	
.rsts-skin-liquid .rsts-nav-bullets a:hover, .rsts-skin-liquid .rsts-nav-bullets a.active {background-color:#000;}


/* visibility
----------------------------------------------------------------*/


/* Resposnsiv
----------------------------------------------------------------*/


@media only screen and (max-width:768px) {
#header {}
}



@media only screen and (max-width:550px) {

.mod_onepage_navigation {padding:1em 5px;}
.onepage_navigation__list li {padding:0 6px 0 3px; font-size: .9375em;}

h2 {margin:100px 0px 5px 10px; }
	
p, .ce_text li, td {padding-left: 10px;}

.footer {left:10px;}
 }
 
@media only screen and (max-width:410px) {
	
.mod_onepage_navigation {padding:1em 5px;}
.onepage_navigation__list li { padding:0 6px 0 3px;}
	
}