@charset "utf-8"; 

*
{
	padding							:	   0px;
	border							:	none;
	margin							:	   0px;
	font-size						:	  100%;
	font-family						:	'Yanone Kaffeesatz', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight						:	normal;
	color							:	#000;
	outline							:	none;
}

html
{
	height							:	 100%;
}

body
{
	height							:	  100%;
}

p
{
	padding-bottom					:	    1em;
	line-height						:	    1.5em;
	font-size						:	    1.25em;
}

ul
{
	margin-left						:	   20px;
}

h2, h3, h4
{
	font-weight						:	normal;
}

h2
{
	
}

h3
{
	
}

hr
{

}

b, strong
{
	font-weight						:	  500;
}

.centerBox
{
	width							:	   95%;
	max-width						:	 1400px;
	margin							:	    0 auto;
}

.flexWrapper
{
	
}

.clear
{
	clear							:	both;
}


/****************************************************/
/*                    add fonts                     */
/****************************************************/

@font-face 
{
    font-family						:	'Yanone Kaffeesatz';
    src								:	url('../fonts/YanoneKaffeesatz-Light.woff2') format('woff2'),
										url('../fonts/YanoneKaffeesatz-Light.woff') format('woff');
    font-weight						:	  300;
    font-style						:	normal;
}

@font-face 
{
    font-family						:	'Yanone Kaffeesatz';
    src								:	url('../fonts/YanoneKaffeesatz-Regular.woff2') format('woff2'),
										url('../fonts/YanoneKaffeesatz-Regular.woff') format('woff');
    font-weight						:	normal;
    font-style						:	normal;
}

@font-face 
{
    font-family						:	'Yanone Kaffeesatz';
    src								:	url('../fonts/YanoneKaffeesatz-Bold.woff2') format('woff2'),
										url('../fonts/YanoneKaffeesatz-Bold.woff') format('woff');
    font-weight						:	bold;
    font-style						:	normal;
}


/****************************************************/
/*               layout container                   */
/****************************************************/

header
{
	position						:	absolute;
	z-index							:	  999;
	box-sizing						:	border-box;
	top								:	    0;
	left							:	    0;
	width							:	  100%;
	height							:	    7rem;
	padding							:	    1rem 0;
	background						:	transparent;
	/*background						:	rgba(255,255,255,0.25)*/
}

div#sliderWrapper
{
	position						:	relative;
	padding							:	    0;
}

div#contentMainWrapper
{
	min-height						:	calc( 100vh - 7rem );
	height							:	auto;
	padding							:	    0 0 1rem 0;
}

div#headerWrapper
{
	position						:	relative;
	width							:	  100%;
	max-width						:	 1400px;
	height							:	  100%;
	margin							:	    0 auto;
	/*background						:	rgba(255,255,255,0.5);*/
}

header div#logo
{
	position						:	absolute;
	box-sizing						:	border-box;
	transform						:	translateX(-50%);
	margin-left						:	   50%;
}

header div#logo img
{
	display							:	block;
	width							:	auto;
	height							:	    5rem;
}

/****************************************************/
/*                  header                          */
/****************************************************/

div#headerContact
{
	position						:	absolute;
	right							:	    0;
	top								:	   -1rem;
}

div.headerContactWrapper p
{
	display							:	block;
	padding							:	    0;
}

div.headerContactWrapper p a
{
	display							:	inline-block;
	margin-left						:	    0.5em;
	text-decoration					:	none;
}

div.headerContactWrapper p a span span a
{
	margin-left						:	    0;
}

div.headerContactWrapper p a span,
div.headerContactWrapper p span a
{
	transition						:	all 0.25s ease-in;
	font-size						:	    0.9125rem;
	font-weight						:	  500;
}

div.headerContactWrapper p a:hover span,
div.headerContactWrapper p a:hover span a
{
	color							:	green;
}


/****************************************************/
/*                   main menu                      */
/****************************************************/

div#headerWrapper.large div.burger,
div.burger
{
	display							:	none;
}

@media (min-width:60rem)
{
	div.mainMenuWrapper
	{
		position					:	absolute;
		bottom						:	    0;
		right						:	    0;
		top							:	    2rem;
	}
	
	ul.mainMenu
	{
		margin						:	    0;
	}
	
	ul.mainMenu li
	{
		display						:	inline-block;
		margin-left					:	    1em;
	}
	
	ul.mainMenu li a
	{
		text-decoration				:	none;
		text-shadow					:	    0 0 0.5em rgba(0,0,0,0.7);
		font-size					:	    1.5rem;
		font-weight					:	bold;
		color						:	#7FB5EF;
	}
	
	ul.mainMenu li a:hover
	{
		color						:	#264ED2;		
	}
}
	
@media (max-width:60rem)
{
	div.mainMenuWrapper
	{
		display							:	none;
	}
	
	div.burger
	{
		position						:	absolute;
		display							:	block;
		cursor							:	pointer;
		right							:	    2rem;
		top								:	    2rem;
		width							:	    2rem;
		height							:	    2rem;
	}
	
	div.burger i,
	div.burger span
	{
		display							:	block;
		text-align						:	center;
		color							:	#7FB5EF;
	}
	
	div.burger i
	{
		font-size						:	    1.5rem;
	}
	
	div.burger span
	{
		font-size						:	    0.875rem;
	}
	
	div.mainMenuWrapper
	{
		box-sizing						:	border-box;
		position						:	absolute;
		z-index							:	  700;
		top								:	    6rem;
		right							:	    0;
		width							:	  100%;
	}
	
	ul.mainMenu
	{
		list-style						:	none;
		padding							:	    1rem 0;
		margin							:	    0;
		background						:	#7FB5EF;
	}
	
	ul.mainMenu li
	{
		display							:	block;
		width							:	   90%;
		max-width						:	   20rem;
		margin							:	    0 auto;
	}
	
	ul.mainMenu li a
	{
		display							:	block;
		padding							:	    0.5rem 1rem;
		text-align						:	center;
		text-decoration					:	none;
		font-size						:	calc( 0.5rem + 1.5vmin );
		background						:	#7FB5EF;
		color							:	#fff;
		
	}
	
	ul.mainMenu li a hover
	{
		background						:	#264ED2;
	}
}


/****************************************************/
/*              frontpage sections                  */
/****************************************************/

div.section
{
	position						:	relative;
}


/****************************************************/
/*            frontpage intro section               */
/****************************************************/

div#fpIntro,
div#fpIntro div.w70SlickSlideItem,
div#fpIntro div.w70slickSlideLargeImage
{
	height							:	   70vh
}



div.fpIntroSlider
{
	z-index							:	  100;
}

div.fpIntroSlider,
div.slick-list
{
	height							:	  100%;
}

div#fpIntro div.w70slickSlideLargeImage
{
	background-position				:	center center;
	background-size					:	cover;
}

div#fpIntro div.w70slickSlideLargeImage img
{
	display							:	block;
	width							:	  100%;
	height							:	auto;
}

button.slick-prev,
button.slick-next
{
	transition						:	all 0.375s ease-in;
	z-index							:	  200;
	width							:	    3rem;
	height							:	    3rem;
	background						:	rgba(255,255,250,0.5)!important;
}

button.slick-prev:hover,
button.slick-next:hover
{
	background						:	rgba(255,255,250,0.75)!important;
}

button.slick-next:before,
button.slick-prev:before
{
	opacity							:	    1;
	font-size						:	    1.5rem;
	font-family						:	"FontAwesome";
	color							:	rgba(0,0,0,0.7);
}

button.slick-next
{
	right							:	    0;
}

button.slick-next:before
{
	content							:	"\f054"
}

button.slick-prev
{
	left							:	    0;
}

button.slick-prev:before
{
	content							:	"\f053"
}

div.w70SlickSlideItemText
{
	position						:	absolute;
}

div.w70SlickSlideItemText p
{
	width							:	   15em;
	font-size						:	calc( 1rem + 2.75vmin );
	color							:	#fff;
}

@media(orientation:landscape)
{
	div#fpIntro div.w70slickSlideLargeImage img
	{
		transform					:	translateX(-50%);
		margin-left					:	   50%;
	}
	
	div#immunfitforever
	{
		right						:	    5%;
		top							:	   30%;
		width						:	   30%;
	}
	
	div#anderleberlinksvorbei
	{
		bottom						:	   20%;
		left						:	   50%;
	}
	
	div#golfmachtglcklich
	{
		left						:	    30%;
		bottom						:	    10%;
	}
	
	div#welchemzweckedientdiezecke
	{
		left						:	   45%;
		bottom						:	   10%;
	}
	
	div#golfmachtglcklich p,
	div#welchemzweckedientdiezecke p
	{
		text-shadow					:	    0 0 0.25em #000;
	}
}

@media(orientation:portrait)
{
	div#fpIntro,
	div.w70SlickSlideItem,
	div.w70slickSlideLargeImage
	{
		height						:	  100vw;
	}
	
	button.slick-prev,
	button.slick-next
	{
		display						:	none;
	}
}

/****************************************************/
/*            frontpage zitat section               */
/****************************************************/

div#fpZitat
{
	height							:	   30vh;
	background						:	#84A45F;
}

div#fpZitat > div
{
	display							:	flex;
	justify-content					:	space-around;
	position						:	relative;
	width							:	   90%;
	max-width						:	   70rem;
	height							:	  100%;
	margin							:	    0 auto;
}

div#fpZitat > div p
{
	position						:	relative;
	display							:	flex;
	align-items						:	center;
	flex							:	    0 0 100%;
	height							:	  100%;
	padding							:	    0;
	text-align						:	center;
	font-size						:	calc( 0.75rem + 3vmin );
	color							:	#fff;
}


/****************************************************/
/*            frontpage hello section               */
/****************************************************/

div#fpHello
{
	padding							:	   15vh 0;
}

div#fpHello > div
{
	display							:	flex;
	flex-wrap						:	wrap;
	justify-content					:	space-between;
	width							:	   95%;
	max-width						:	   90rem;
	margin							:	    0 auto;
}

div#fpHello > div > div:first-child
{
	flex							:	    0 0 50%;
}

div#fpHello > div > div:first-child h3
{
	font-size						:	calc( 0.625rem + 2.5vmin );
	font-weight						:	bold;
}

div#fpHello > div > div:first-child p
{
	padding-bottom					:	    0.75em;
	font-size						:	calc( 0.625rem + 1.375vmin );
	line-height						:	    1.25em;
}

div#fpHello > div > div:first-child .intro
{
	font-size						:	calc( 0.625rem + 1.625vmin );
	font-weight						:	bold;
	color							:	#7FB5EF;
}

div#fpHello > div > div:last-child
{
	flex							:	    0 0 45%;
}

div#fpHello > div > div:last-child p
{
	padding							:	    0;
}

div#fpHello > div > div:last-child img
{
	
	display							:	block;
	width							:	  100%;
	height							:	auto;
}

div#fpHello a
{
	display							:	inline-block;
	transition						:	all 0.375s ease-in;
    padding							:	    0.75rem 1rem 0.5rem 1rem;
    text-decoration					:	none;
    font-size						:	calc( 0.5rem + 1.125vmin);
	background						:	#264ED2;
}

div#fpHello a:hover
{
	background						:	#7FB5EF;
}

div#fpHello a:before
{
	padding-right					:	    0.25em;
    font-size						:	calc( 0.5rem + 2vmin);
	font-family						:	"FontAwesome";
	content							:	"\f067 ";
}

div#fpHello a,
div#fpHello a:before
{
	color							:	#fff;
}

@media(orientation:portrait)
{
	div#fpHello > div > div:first-child,
	div#fpHello > div > div:last-child
	{
		flex						:	    0 0 100%;
	}
}

/****************************************************/
/*           frontpage bücher section               */
/****************************************************/

div#fpBooks
{
	display: flex;
	justify-content: center;
	align-items: center;
	

}
@media(orientation:portrait)
{
	div#fpBooks
	{display: block;}
}


/**
div.fpBookSlider
{
	width							:	  100%;
	max-width						:	   70rem;
	margin							:	    0 auto;
}

div.fpBookSlider div.w70SlickSlideItem 
{
}

div.fpBookSlider div.w70SlickSlideItem a
{
	display							:	block;
	width							:	calc( 100% - 4rem);
	padding-top						:	    1rem;
	margin							:	    0 auto;
	text-decoration					:	none;
}

div.fpBookSlider div.w70SlickSlideItem a img
{
	display							:	block;
	transition						:	all 0.375s ease-in;
	box-sizing						:	border-box;
	box-shadow						:	    0 0 1rem rgba(0,0,0,0.7);
	width							:	100%;
	padding							:	    1rem;
	margin							:	    0 auto;
}

div.fpBookSlider div.w70SlickSlideItem a:hover img
{
	box-shadow						:	    0 0 1.5rem rgba(0,0,0,1);	
}

div.fpBookSlider div.w70SlickSlideItem a h3
{
	display							:	block;
	transition						:	all 0.375s ease-in;
	box-sizing						:	border-box;
	padding							:	    1rem 0.5rem;
	text-align						:	center;
	
	font-size						:	    1.75rem;
	font-weight						:	bold;
	color							:	#7FB5EF;
}

div.fpBookSlider div.w70SlickSlideItem a:hover h3
{
	color							:	#264ED2;
}
**/

/****************************************************/
/*           frontpage bücher bestellen             */
/****************************************************/

div#fpOrderNow
{
	
}

div#fpOrderNow a
{
	display							:	block;
	transition						:	all 0.375s ease-in;
	padding							:	   10vh 0;
	text-align						:	center;
	text-decoration					:	none;
	background						:	#7FB5EF;
}

div#fpOrderNow a:hover
{
	background						:	#264ED2;
}

div#fpOrderNow a span
{
	font-size						:	calc( 0.75rem + 6vmin );
	color							:	#fff;
}


/****************************************************/
/*           frontpage bekannt aus                  */
/****************************************************/

div#fpKnown
{
	padding							:	   15vh 0;
}

div#fpKnown h3
{
	padding							:	    0 0 2rem 0;
	text-align						:	center;
}

div#fpKnown h3 span
{
	display							:	block;
}

div#fpKnown h3 span:first-child
{
	font-size						:	calc( 0.5rem + 1.5vmin );
	color							:	#84A45F;
}

div#fpKnown h3 span:last-child
{
	font-size						:	calc( 0.5rem + 4vmin );
	font-weight						:	bold;
	color							:	#7FB5EF;
}

div#fpKnown > div
{
	display							:	flex;
	justify-content					:	space-around;
	width							:	   95%;
	max-width						:	   90rem;
	margin							:	    0 auto;
}

div#fpKnown > div > div
{
	display							:	flex;
	align-items						:	center;
	justify-content					:	space-around;
	flex							:	    0 0 10%;
}

div#fpKnown > div > div img
{
	display							:	block;
	width							:	   80%;
	height							:	auto;
}

@media(max-width:50rem)
{
	div#fpKnown > div
	{
		flex-wrap					:	wrap;
	}
	
	div#fpKnown > div > div
	{
		flex						:	    0 0 17.5%;
		margin-bottom				:	    3rem;
	}
}



/****************************************************/
/*                  contact form                    */
/****************************************************/

div#section2
{
	display							:	block;
	height							:	auto;
	padding							:	    5% 0;
}

div.w70FormWrapper
{
	max-width						:	   30rem;
	margin							:	    0 auto;
}

div.extrafeld
{
	display							:	none;
}

form#w70Form div
{
	margin-bottom					:	    0.5rem;
}

form#w70Form div label
{
	display							:	block;
	height							:	   2rem;
	line-height						:	   2rem;
}

input.w70FormText,
textarea.w70FormTextarea
{
	display							:	block;
	width							:	  100%;
	height							:	   2rem;
	line-height						:	   2rem;
	color							:	#fff;
	background						:	#CEC48C;
}

textarea.w70FormTextarea
{
	height							:	    10rem;
}

/* check für DSGVO */
form#w70Form div#w70FormButtonContainer
{
	position						:	relative;
	height							:	    2rem;
}

form#w70Form div#w70FormButtonWrapper
{
	position						:	absolute;
	z-index							:	  100;
	margin							:	    0;
}

form#w70Form div#w70FormButtonHide
{
	position						:	absolute;
	z-index							:	  102;
	top								:	    0;
	left							:	    0;
	width							:	  100%;
	height							:	  100%;
	margin							:	    0;
	background						: rgba(255,255,255,0.5);
}

form#w70Form div#w70FormButtonHide.show
{
	z-index							:	   99;
}

form#w70Form div#w70FormButtonBox
{
	position						:	relative;
	z-index							:	  101;
	margin							:	    0;
}
/* end */

input.w70FormButton
{
	display							:	inline-block;
	cursor							:	pointer;
	transition						:	all 0.25s ease-in;
	padding							:	    0 1em;
	height							:	    2rem;
	line-height						:	   2rem;
	color							:	#fff;
	background						:	green;
}

input.w70FormButton:hover
{
	background						:	blue;
}


/****************************************************/
/*                   footer                         */
/****************************************************/

footer
{
	background						:	#84A45F;
}

div#footerWrapper
{
	box-sizing						:	border-box;
	display							:	flex;
	justify-content					:	space-between;
	width							:	  100%;
	max-width						:	 1400px;
	padding							:	    2%;
	margin							:	    0 auto;
	
}

div.werk70,
ul.footerMenu
{
	flex							:	    0 0 45%;
}

div.werk70 a
{
	text-decoration					:	none;
	font-size						:	    0.9125rem;
	font-weight						:	  500;
	color							:	#fff;
}

div.werk70 a:hover
{
	text-decoration					:	underline;
}

ul.footerMenu
{
	list-style						:	none;
	margin							:	    0;
	text-align						:	right;
}

ul.footerMenu li
{
	display							:	inline-block;
	margin-left						:	    0.5em;
}

ul.footerMenu li a
{
	display							:	block;
	text-decoration					:	none;
	font-size						:	    0.9125rem;
	font-weight						:	  500;
	color							:	#fff;
}

ul.footerMenu li a:hover
{
	text-decoration					:	underline;
}

@media (max-width:40rem)
{
	div#footerWrapper
	{
		flex-wrap					:	wrap;
	}
	
	div.werk70,
	ul.footerMenu
	{
		flex						:	    0 0 100%;
	}
	
	div.werk70,
	ul.footerMenu
	{
		margin-bottom				:	    1rem;
		text-align					:	center;
	}
}


/****************************************************/
/*                   sige                           */
/****************************************************/

ul.sige
{
	display								:	flex!important;
	flex-wrap							:	wrap;
	margin								:	    0;
}

ul.sige li
{
	float								:	none!important;
	flex								:	    0 0 30%;
	width								:	auto;
	height								:	auto;
	margin-bottom						:	    2.5%;
	margin-right						:	    2.5%;
}

ul.sige li span.sige_thumb
{
	float								:	none;
	margin								:	    0;
	background							:	none;
}

ul.sige li span.sige_thumb a
{
	display								:	block;
}

ul.sige li span.sige_thumb a img
{
	display								:	block;
	width								:	  100%;
	height								:	auto;
	padding								:	    0;
	margin								:	    0;
	border								:	none;
}

div.vbox-overlay,
div.pswp
{
	z-index								:	99999;
}

@media(max-width:80rem)
{
	ul.sige li
	{
		flex							:	    0 0 22.5%;
	}
}

@media(max-width:50rem)
{
	ul.sige li
	{
		flex							:	    0 0 30%;
	}
}

@media(max-width:30rem)
{
	ul.sige li
	{
		flex							:	    0 0 47.5%;
	}
}


/****************************************************/
/*                   cookie                         */
/****************************************************/

#ca_banner 
{
    position						:	fixed!important;
    z-index							:	16777270;
	display							:	none;
    left							:	    0;
    right							:	    0;
	float							:	none!important;
    width							:	  100%!important;
    height							:	auto;
	padding							:	    1rem 0;
    margin							:	    0 auto!important;
	border-radius					:	    0!important;
	text-align						:	center;
    text-shadow						:	none;
	background						:	#7FB5EF!important;
}

#ca_info 
{
	display							:	none;
	box-sizing						:	border-box;
	box-shadow						:	    0 0 40px #444;
	position						:	fixed;
	z-index							:	16777271;
	top								:	   10%;
	left							:	   10%;
	width							:	   80%;
	height							:	   80%;
	padding							:	    2rem;
	border							:	    1px solid #999999;
	text-shadow						:	none;
	background						:	#fff;
}

#ca_info .ca_info_close 
{
    position						:	absolute;
    top								:	   -15px;
    right							:	   -15px;
    height							:	    25px;
    width							:	    25px;
	border-radius					:	    16px;
	line-height						:	     1.3em;
	text-align						:	center;
	color							:	#fff;
    font-weight						:	bold;
	font-size						:	    18px;
	cursor							:	pointer;
    background						:	#AA0000 url('../images/close.png');
}

#ca_info_plus 
{
    box-sizing						:	border-box;
    overflow						:	auto;
    height							:	  100%;
	text-align						:	left;
	color							:	#000;
}

#ca_info_plus  p
{
	
	text-align						:	left;
	font-size						:	    1rem;
	color							:	#	000;
}

#ca_banner p
{
    line-height						:	    1.2em;
	color							:	#000;
	float							:	none!important;
}

#ca_banner p 
{
    font-size						:	    1rem;
}

#ca_banner p span 
{
	float							:	none!important;
    text-decoration					:	underline;
	font-weight						:	bold;
    color							:	#fff;
    cursor							:	pointer;
}

#ca_banner .accept 
{
	float							:	none!important;
    cursor							:	pointer;
	transition						:	all 0.25s ease-in;
    width							:	   10rem;
	padding							:	    0.25rem;
	margin							:	    5px auto;
	font-size						:	    1rem;
    color							:	#264ED2;
    background						:	#fff;
}

#ca_banner .accept:hover 
{
	color							:	#fff;
    background						:	#264ED2;
}


/****************************************************/
/*                 accordion                        */
/****************************************************/

div.rl_sliders
{
	margin								:	    5rem 0 0 0;
}

.rl_sliders.accordion div.accordion-group
{
	border-radius						:	    0;
}

div.panel-heading a
{
	position							:	relative;
	text-decoration						:	none;
	background							:	green!important;
}

div.accordion-group.active div.panel-heading a,
div.panel-heading a:hover
{
	text-decoration						:	none;
	background							:	green!important;
}

div.panel-heading a > span
{
	display								:	flex;
}

div.panel-heading a > span p span
{
	display								:	block;
}

div.accordion-body
{
	background							:	#f8f8f8;
}


div.kursplan div.accordion-body p
{
	display								:	block;
	float								:	left;
	width								:	   60%;
}

div.kursplan div.accordion-body p:last-child
{
	display								:	block;
	float								:	right;
	width								:	   30%;
}

div.accordion-group a.anchor
{
	position							:	relative;
	top									:	   -5rem;
}

/*
div.panel-heading a > span:after
{
	display								:	block;
	clear								:	both;
	visibility							:	hidden;
	height								:	     1px;
	content								:	" ";
}
*/

.rl_sliders.accordion > .accordion-group.active > div > a:focus, 
.rl_sliders.accordion > .accordion-group > div > a:focus
{
	box-shadow							:	none;
}

span.rl_sliders-toggle-inner 
{
	font-size							:	    1.5rem;
	font-weight							:	  500;
}

.rl_sliders.accordion > .accordion-group > div > a span.rl_sliders-toggle-inner,
.rl_sliders.accordion > .accordion-group:hover > div > a span.rl_sliders-toggle-inner,
.rl_sliders.accordion > .accordion-group.active > div > a span.rl_sliders-toggle-inner 
{
	color								:	#fff;
}

.rl_sliders.accordion > .accordion-group > div > a span.rl_sliders-toggle-inner:after
{
	position							:	absolute;
	right								:	    2rem;
	font-family							:	"FontAwesome";
	content								:	"\f0d7"
}

.rl_sliders.accordion > .accordion-group.active > div > a span.rl_sliders-toggle-inner:after
{
	content								:	"\f0d8"
}


/****************************************************/
/*               flip book                          */
/****************************************************/

div.ari-flip-book.booklet,
div.ari-flip-book.booklet div.b-page,
div.ari-flip-book.booklet div.b-wrap
{
}

div.afb-container
{
}

div.ari-fb-default
{
	display							:	inline-block;
	box-shadow						:	    0 0 1rem rgba(0,0,0,0.6);
}

div.ari-flip-book.booklet
{
	margin-bottom					:	    0!important;
}

div.booklet div.b-wrap.b-wrap-right
{
	background						:	red!important;
}

div.b-wrap-left
{
	background						:	-moz-linear-gradient(left, #ffffff 0%, #ffffff 90%, #dddddd 95%, #dddddd 100%)!important;
	background						:	-webkit-linear-gradient(left, #ffffff 0%,#ffffff 90%,#dddddd 95%,#dddddd 100%)!important;
	background						:	linear-gradient(to right, #ffffff 0%,#ffffff 90%,#dddddd 95%,#dddddd 100%)!important;
	filter							:	progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 );
}

div.b-wrap-right
{
	background						:	-moz-linear-gradient(left, #cccccc 0%, #dddddd 5%, #ffffff 10%, #ffffff 100%)!important;
	background						:	-webkit-linear-gradient(left, #cccccc 0%,#dddddd 5%,#ffffff 10%,#ffffff 100%)!important;
	background						:	linear-gradient(to right, #cccccc 0%,#dddddd 5%,#ffffff 10%,#ffffff 100%)!important;
	filter							:	progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 );
}

div.ari-flip-book-page p
{
	padding							:	    0;
}

div.ari-flip-book-page p img
{
	display							:	block;
	width							:	  100%;
	height							:	auto;
}


/****************************************************/
/*                  content                         */
/****************************************************/

div#largeArticleImage
{
	position						:	relative;
}

div#largeArticleImage img
{
	display							:	block;
	width							:	  100%;
	height							:	auto;
}

h1.articleHeadline
{
	position						:	absolute;
	
	font-size						:	calc( 0.75rem + 6vmin );
	font-weight						:	bold;
	color							:	#fff;
}

h1#welchemzweckedientdiezecke
{
	left							:	   45%;
	bottom							:	   20%;
}

h1#golfmachtgluecklich
{
	left							:	   30%;
	bottom							:	   20%;
}

h1#anderleberlinksvorbei
{
	right							:	   20%;
	bottom							:	   15%;
}

h1#berdieautorindrpetrasommer
{
	left							:	   25%;
	bottom							:	    5%;
}

h1#derso-hai-lights-verlag
{
	left							:	   25%;
	bottom							:	    5%;
}

h1#diebcher
{
	bottom							:	    5%;
	left							:	   30%;
}

h1#immunfitforever
{
	bottom							:	    5%;
	right 							:	   10%;
}

h1#golfmachtglcklich
{
	bottom							:	   15%;
	left 							:	   33%;
}

h1#kontakt,
h1#impressum,
h1#datenschutzerklrung,
	h1#mailversendet
{
	bottom							:	    5%;
	left							:	   40%;
}


@media(orientation:portrait)
{
	h1#kontakt,
	h1#impressum,
	h1#datenschutzerklrung,
	h1#mailversendet
	{
		left							:	   20%;
	}

	h1#golfmachtglcklich
	{
		bottom						:	    5%;
		left 						:	   13%;
	}
	
	h1#immunfitforever
	{
		left 						:	   10%;
	}
	
	h1#welchemzweckedientdiezecke
	{
		left						:	    5%;
		bottom						:	    7%;
	}
	
	h1#anderleberlinksvorbei
	{
		left						:	    5%;
		bottom						:	   10%;
	}
}

div.item-page
{
	width							:	   90%;
	max-width						:	   70rem;
	margin							:	    0 auto;
}

div[itemprop="articleBody"]
{
	margin-top						:	    5rem;
}

div.item-page h2
{
	font-size						:	    2rem;
	font-weight						:	  500;
	color							:	green;
}

div.item-page h3
{
	font-size						:	    1.5rem;
	font-weight						:	  500;
	color							:	green;
}

div.item-page p
{
	font-size						:	calc( 0.5rem + 1.5vmin );
}

div.item-page ul
{

}

div.item-page ul  li
{
	font-size						:	    1.125rem;
}

div.booksWrapper,
div.contactWrapper
{
	box-sizing						:	border-box;
	display							:	flex;
	flex-wrap						:	wrap;
	justify-content					:	space-between;
	width							:	  100%;
	padding							:	    2rem 0;
}

div.booksWrapper > div,
div.contactWrapper > div
{
	box-sizing						:	border-box;
	flex							:	    0 0 47.5%;
	padding							:	    2rem;
	background						:	#fff;
}

div.booksWrapper > div:first-child
{
	background						:	#7FB5EF;
}

div.booksWrapper > div:first-child h2
{
	color							:	#fff;
}

div.booksWrapper > div:first-child h3
{
	font-weight						:	bold;
	color							:	#fff;
}

div.booksWrapper > div:first-child p,
div.booksWrapper > div:first-child p i,
div.booksWrapper > div:first-child p em
{
	font-size						:	calc( 0.5rem + 1.5vmin);
	color							:	#fff;
}

div.booksWrapper > div:first-child a,
div.booksWrapper > div:last-child a

{
	display							:	inline-block;
	transition						:	all 0.375s ease-in;
	width							:	   15em;
	padding							:	    0.75rem 1rem 0.5rem 1rem;
	text-decoration					:	none;
	font-size						:	calc( 0.5rem + 1.125vmin);
	color							:	#fff;
}

div.booksWrapper > div:first-child a
{

	background						:	#CEC48C;
}

div.booksWrapper > div:first-child a:before,
div.booksWrapper > div:last-child a.amaLink:before,
div.booksWrapper > div:last-child a.pdfLink:before,
div.booksWrapper > div:last-child a.haendlerLink:before
{
	padding-right					:	    0.25em;
	font-size						:	calc( 0.5rem + 2vmin);
	font-family						:	"FontAwesome";
}

div.booksWrapper > div:first-child a:before
{
	
	content							:	"\f02d";
}

div.booksWrapper > div:first-child a:hover,
div.booksWrapper > div:last-child a.amaLink:hover,
div.booksWrapper > div:last-child a.pdfLink:hover,
div.booksWrapper > div:last-child a.haendlerLink:hover
{
	background						:	#264ED2;
}

div.booksWrapper > div:first-child a span
{
	display							:	none;
}

div.booksWrapper > div:last-child
{
	background						:	#eee;
}

div.booksWrapper > div:last-child a.amaLink
{
	background						:	#ffa724;
}

div.booksWrapper > div:last-child a.amaLink:before
{
	content							:	"\f270";
}

div.booksWrapper > div:last-child a.haendlerLink
{
	background						:	#7fb5ef;
}

div.booksWrapper > div:last-child a.haendlerLink:before
{
	content							:	"\f003";
}

div.booksWrapper > div:last-child a.pdfLink
{
	background						:	#ff0000;
}

div.booksWrapper > div:last-child a.pdfLink:before
{
	content							:	"\f1c1";
}

@media(max-width:50rem)
{
	div.booksWrapper > div
	{
		flex						:	    0 0 100%;
	}
	
	div.booksWrapper > div:first-child a
	{
		display						:	none;
	}
}