@charset "utf-8";

/* [#CONVERT-2-UTF8] */

/**
 * www.kraftwerk1.ch
 * 
 *
 * @since 2012-05-01
 * @copyright internauta, zurich
 *
 * NOTES: home.css

 */

/* ---------------------------------------------------------- 

home button
 
---------------------------------------------------------- */
.button-koch {
	transform: translateY(-10px);
	/* outline: 5px solid #f0f; */
	border: 5px solid white;
	display: flex !important;
	background-color: #f0f;
	width: 170px !important;
	height: 170px;
	border-radius: 500px;
	text-decoration: none;
}
.button-koch-text {
	transform: rotate(-24deg);
	width: 100%;
	color: white;
	text-decoration: none;
	text-align: center;
	padding-top: 33px;
}


/* ---------------------------------------------------------- 

Rosa box
 
---------------------------------------------------------- */

div.rosabox
{
	position: relative;
	padding: 20px;
	margin: 30px 0 0px -35px;
	/*margin bottom consits of 0px here and 42 px from article margin-top*/
	border: 3px solid #f0f;
	width: 540px;
	min-height: 100px;
	max-height: 6em;
	/* css3 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.rosabox blockquote
{
	font-size: 1.68em;
	color: #f0f;
	font-family: verdana, sans-serif;
}

div.rosabox blockquote a
{
	color: #f0f;
	text-decoration: none;
}

div.rosabox:after
{
	content: url(../img/pfeil-links.png);
	position: absolute;
	top: auto;
	bottom: -5px;
	left: -60px;
	display: block;
}

/*div.rosabox blockquote:after
{
	content: url(../pics/magenta-link.png);
	position: absolute;
	bottom: 40%;
	right: 15px;
}*/


div.pfeilrechts
{
	content: "  ";
	position: absolute;
	width: 10px;
	right: 15px;
	top:0px;
	margin-top:3px;
	height:97%;
	background-image: url(../img/magenta-link.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

/* ---------------------------------------------------------- 

Flexslider (rosabox)
 
---------------------------------------------------------- */
.flexslider.rosa, .flexslider.home {margin: 0px; padding:0px; background: transparent;}
.flexslider.rosa .flex-direction-nav { display: none; }
.flexslider.rosa .flex-direction-nav .flex-prev { background-image: none; }

.flexslider.rosa .flex-direction-nav
{
	position: absolute;
	bottom: 40%;
	right: 15px;
	height: 100%;
	width: 100%;
}

.flexslider.rosa .flex-direction-nav .flex-next { background-image: none; }
.flexslider.rosa .slides { z-index: 10; }

.flexslider.rosa .slides li{
	display:none;
}
.flexslider.rosa .slides li:first-child{
	display:block;
}