@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);


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


/* General */
/*
.wf-loading { visibility: hidden; } 
.wf-active { visibility: visible; } 
*/

body {
	background:#FDDFB0;
	margin:0; padding:0;
	font:14px/150% Open Sans;
	color:#4C4C4C;
}

a {
	color:#C0262C;
	text-decoration:none;
}
:focus { outline: 0; }

h1 { font-size:24px; line-height:120%; margin:auto; color:#4C4C4C; font-weight:400; }
h2 { font-size:20px; line-height:120%; margin:1 0 0.5em; color:#4C4C4C; }
h3 { font-size:16px; line-height:120%; margin:1em 0 0.5em; color:#4C4C4C; }
h4 { font-size:14px; line-height:120%; font-weight:bold; margin:1em 0; color:#4C4C4C; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration:none; }
/*.wf-loading, .wf-loading h1, .wf-loading h2 { visibility: hidden; } */
/*.wf-active, .wf-active h1, .wf-active h2 { visibility: visible; } */

h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover {
	text-decoration:none;
	color:#000;
}


.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}
.row:after{clear:both;}
[class*="span"]{float:left;min-height:1px;margin-left:20px;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
.span12{width:940px;}
.span11{width:860px;}
.span10{width:780px;}
.span9{width:700px;}
.span8{width:620px;}
.span7{width:540px;}
.span6{width:460px;}
.span5{width:380px;}
.span4{width:300px;}
.span3{width:220px;}
.span2{width:140px;}
.span1{width:60px;}
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}
.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}
.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}
.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}
.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}
.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}
.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;}
.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;}
.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}



hr { 
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	margin:15px 0;
	border:0 none;
	border-top:1px dashed #FBAF3A;
	background:none;
}


img {
	border:0 none;
	max-width:100%;
	height: auto;
}


/* Layout */

#page {
	margin:30px 0;
}


#main .container { min-height:500px; background:#fff; }
/*#main a { font-weight: 600; font-size: 13px; line-height: 1.5em; }*/


.color_theme_1 #main .container { background:#fff; }

.color_theme_3 #main .container { background:#fff url(../images/theme_beige_3.png) left top repeat-y; background-size:280px 100%; }
.color_theme_3 #main a { color: #C0262C; border-color:#C0262C;  }

.color_theme_4 #main .container { background:#fff url(../images/theme_blau.png) left top repeat-y; background-size:280px 100%; }
.color_theme_4 #main a { color: #28AAE1; border-color:#28AAE1;  }

.color_theme_5 #main .container { background:#fff url(../images/theme_lila.png) left top repeat-y; background-size:280px 100%; }
.color_theme_5 #main a { color: #662D91; border-color:#662D91; }

.color_theme_6 #main .container { background:#fff url(../images/theme_beige.png) left top repeat-y; background-size:280px 100%; }
.color_theme_6 #main a { color: #FBAF3A; border-color: #FBAF3A; }

.color_theme_7 #main .container { background:#fff url(../images/theme_beige_2.png) left top repeat-y; background-size:280px 100%; }
.color_theme_7 #main a { color: #E7521A; border-color: #E7521A; }

.color_theme_8 #main .container { background:#fff url(../images/theme_rosa.png) left top repeat-y; background-size:280px 100%; }
.color_theme_8 #main a { color: #C0262C; border-color: #C0262C; }


#header {}

#header .logo { display:inline-block; }
#header .logo  img { width:279px; height:88px; line-height:0; }


.col_left { float:left; width:280px; min-height:1px; padding:0; }
.col_center { float:left; width:655px; min-height:1px; padding: 0 15px 30px; font-weight: 500; color: #4C4C4C; }
.col_right { float:left; width:195px; min-height:1px; padding:0 0 0 10px; }

.startpage .col_center { width: 950px; }
 
.col_center p {-webkit-margin-before: 0em;}

.col_left img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 80px 0;
}



#mainmenu {
	margin-top: 10px;
	background-color: #FCC776;
	font-size:0;
	line-height:0;
	height:88px;
}

#mainmenu ul {
	display:inline-block;
	width:576px;
	margin:0;
	padding:0;
	list-style:none;

}

#mainmenu li {
	display:inline;
	position:relative;
	float:left;
	margin-right:12px;
}

#mainmenu li a {
	display:inline-block;
	width:84px;
	position:relative;
	padding:70px 0px 5px 0px;
	color: #1A1363;
	font-weight:700;
	font-size:13px;
	line-height:13px;
	text-align:center;
	text-transform:uppercase;
	vertical-align:bottom;
	background:#f3f3f3;
}


#mainmenu li img { position:absolute; left:5px; top:-16px; width:40px; height:36px; border-radius:5px; }
#mainmenu li a:after { 
	display:block; content:''; background-image: url('../images/ico_menu.png'); background-size: 43px 46px; width:43px; height:46px; position:absolute; left:0; top:0;
	-webkit-transition-duration: 0.33s; transition-duration: 0.33s;
}
/*#mainmenu li a:hover { color:#fff; }*/
#mainmenu li.rex-article-5 a:after,
#mainmenu li.rex-article-6 a:after,
#mainmenu li.rex-article-8 a:after { background-image: url('../images/ico_menu2.png'); }

#mainmenu li.rex-current, #mainmenu li.rex-active { border-bottom:5px solid #000; margin-bottom:-6px; }
#mainmenu li.rex-current a, #mainmenu li.rex-active a { border-bottom:1px solid #fff; }

#mainmenu li.rex-article-3 a { background:#C0262C;  }
#mainmenu li.rex-article-3 a:after { left:20px; top:14px; transform:rotate(-50deg);  }
#mainmenu li.rex-article-3 a:hover:after,
#mainmenu li.rex-article-3.rex-current a:after,
#mainmenu li.rex-article-3.rex-active a:after { left:23px; top:-20px; transform:rotate(-30deg); }
#mainmenu li.rex-article-3.rex-current, #mainmenu li.rex-article-3.rex-active { border-color:#C0262C; }


#mainmenu li.rex-article-4 a { background:#28AAE1;  }
#mainmenu li.rex-article-4 a:after { left:20px; top:16px;  }
#mainmenu li.rex-article-4 a:hover:after,
#mainmenu li.rex-article-4.rex-current a:after,
#mainmenu li.rex-article-4.rex-active a:after { left:2px; top:-37px; transform:rotate(-47deg);}
#mainmenu li.rex-article-4.rex-current, #mainmenu li.rex-article-4.rex-active { border-color:#28AAE1; }


#mainmenu li.rex-article-5 a { background:#7F4C94;  }
#mainmenu li.rex-article-5 a:after { left:27px; top:12px; transform:rotate(90deg); }
#mainmenu li.rex-article-5 a:hover:after,
#mainmenu li.rex-article-5.rex-current a:after,
#mainmenu li.rex-article-5.rex-active a:after { left:30px; top:-30px; transform:rotate(0deg);}
#mainmenu li.rex-article-5.rex-current, #mainmenu li.rex-article-5.rex-active { border-color:#7F4C94; }


#mainmenu li.rex-article-6 a { background:#FBAF3A;  }
#mainmenu li.rex-article-6 a:after { left:20px; top:16px;   }
#mainmenu li.rex-article-6 a:hover:after,
#mainmenu li.rex-article-6.rex-current a:after,
#mainmenu li.rex-article-6.rex-active a:after { left:25px; top:-25px; transform:rotate(-180deg);}
#mainmenu li.rex-article-6.rex-current, #mainmenu li.rex-article-6.rex-active { border-color:#FBAF3A; }


#mainmenu li.rex-article-7 a { background:#E7521A;  }
#mainmenu li.rex-article-7 a:after { left:30px; top:16px; transform:rotate(0);  }
#mainmenu li.rex-article-7 a:hover:after,
#mainmenu li.rex-article-7.rex-current a:after,
#mainmenu li.rex-article-7.rex-active a:after { left:10px; top:-35px; transform:rotate(-70deg);}
#mainmenu li.rex-article-7.rex-current, #mainmenu li.rex-article-7.rex-active { border-color:#E7521A; }


#mainmenu li.rex-article-8 a { background:#C0262C;  }
#mainmenu li.rex-article-8 a:after { left:20px; top:9px; transform:rotate(20deg);  }
#mainmenu li.rex-article-8 a:hover:after,
#mainmenu li.rex-article-8.rex-current a:after,
#mainmenu li.rex-article-8.rex-active a:after { left:30px; top:-6px; transform:rotate(60deg);}
#mainmenu li.rex-article-8.rex-current, #mainmenu li.rex-article-8.rex-active { border-color:#C0262C; }



#mainmenu .claim {
	display:inline-block;
	vertical-align: top;
	margin-top:35px;	
	color: #1A1363; 
	text-align: left; 
	font-size: 21px;
	line-height:24px;
	font-weight: 600;	
}




#submenu ul { margin:0; padding:5px 15px 30px; list-style: none; }
#submenu ul li { margin-top:10px; }
#submenu ul li a { display:block; padding:8px 10px; border-bottom: 1px dashed #000; font-size: 14px; line-height:18px; 	font-weight: 600; }
#submenu ul li a.root { text-transform: uppercase; font-size:15px; font-weight:bold; }
#submenu ul li a:hover { background:rgba(255,255,255,0.5); }
#submenu ul li.current a { font-weight:bold; }





/* Breadcrumb */

#breadcrumb {
	padding:10px 0;
	list-style:none;
	font-size: 12px;
	color: #FBAF3A;
	background-color: white;
	text-transform: uppercase;
}


#breadcrumb .breadcrumb_ico a {
	display: block;
	width:20px;
	height:17px;
	background-size:20px 17px;
}

#breadcrumb ul {
	float:left;
	margin:15px 0 0 20px;
	padding: 0;
	list-style:none;
}
#breadcrumb ul li {
	/*padding:0 23px 0 0;*/
	display: inline-block;
	/*background:url('../images/breadcrumb.png') center right no-repeat;*/

	
}

#breadcrumb ul li:last-child {
	background:none;
	font-size: 10px;
	font-weight: 700;
}


#breadcrumb ul li:before {
	content:'>';
	margin:0 5px;
} 
#breadcrumb ul li:first-child:before {
	content:'';
	margin:0;
} 
#breadcrumb ul li a {
	font-size: 10px;
	color:#FBAF3A;
	font-weight: 600;
	text-transform: uppercase;
	
	
} 
#breadcrumb ul li a:hover {
	color:#000;
	text-decoration: none;
} 




#iframe_overlay { position:absolute; left:0; top:0; z-index:9999; }
#iframe_overlay:hover { cursor:pointer; }





#footer {
	position:relative; 
	padding:5px 0;
}

#footer p {
	font-size: 12px;
	color: #FBAF3A;
	margin-left:18px;
}

#footer ul {
	position:absolute;
	right:18px; 
	top:3px; 
	list-style: none;
	font-size: 14px;
	line-height:14px;
	color: #FBAF3A;
	margin:0;
	padding:0;
}

#footer ul li {
	display:inline-block;
    list-style:none;
	border-right:1px solid #FBAF3A;
}

#footer ul li a {
	color: #FBAF3A;
	margin-right:4px;
	margin-left:4px;
}
#footer ul li a:hover {
	color: #000;
}

#footer ul li:last-child {
	border-right:0 none;
}
#footer ul li:last-child  a {
	margin-right:0;
}



.container {
	position: relative;
	width:980px;
	margin: 0 auto;
}

.col_center ul, .col_center ol {
	/*margin:1em 0;*/
	margin:1em 0 1em 1.2em;
	padding:0;
	/*list-style:none;*/
}
.col_center li {
	/*
	padding-left:12px;
	background:url('https://www.trampolin-verlag.de/files/images/li.png') left 6px no-repeat;
	*/
	margin-bottom:0.5em;
}

.clear {
	clear:both;
	height:0;
	line-height:0;
}

.small, .klein {
	font-size:12px;
}


.kontaktformular { margin:30px 0; padding-top:30px; border-top:1px dashed #FBAF3A; }

.kontaktformular input[type="text"], .kontaktformular textarea {
	background:#FEEFD7;
    border: 1px solid #FEEFD7;
    display: block;
    font-size: 14px;
	line-height:1.5em;
    margin: 0;
    padding: 2px 0;
    width: 100%;
    
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}
.kontaktformular input[type="text"]:focus, .kontaktformular textarea:focus {
    border: 1px solid #FBB03B;
}

.kontaktformular textarea {
	resize:none;
}

.kontaktformular select {
	background:#FEEFD7;
    border: 1px solid #FEEFD7;
    border-radius:0;
}

.kontaktformular .error input {
	border-color:#C0262C !important;
}

.form-horizontal {
	margin:1em 0;
}


.kontaktformular input[type="subsubmit"] {
	font-size:14px;
	-webkit-border-radius: 0;
	border-radius: 0;
}


.captcha {
}


.alert {
	color:#C0262C;
	font-weight:bold;
}

.alert-success {
    color:green;
}



.btn {
    display: inline-block;
	background:#C0262C;
	color:#fff;
	border:0;
	font-weight:bold;
	cursor:pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 10px !important;
    text-align: center;
	font-size:14px;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.btn:hover {
	background:#999999;
	color:#fff;
	text-decoration:none;
}

.btn:active {
	background:#000;
}

button, input[type=submit] {
	-webkit-border-radius: 0;
	border-radius: 0;
}




#cart_count { text-align: right; margin-right:18px; }
#cart_count a { color:#C0262C; font-weight: 600; font-size: 14px;}
#cart_count span { display:inline-block; color:#fff; font-size:20px; vertical-align:bottom; text-align:center; line-height:43px; width:30px; height:43px; padding: 0 0 5px 10px; background: url('../images/warenkorb.png') center center no-repeat; background-size:40px 43px; }