@charset "utf-8";
/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	background-color: #EAEAEA;
}
body.kids
{
	background-color: #FCF3DA;
}
a img
{
	border: 0px solid;
}
p
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.content p
{
	float: none;
}
body .ui-widget { font-size: 11px; }

.offscreen
{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
/*
font-family: 'Mr Bedfort', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Oswald', Tahoma, Geneva, sans-serif;
font-family: 'Short Stack', 'Comic Sans MS', cursive;
*/

.page_c
{
	width: 100%;
	min-width: 850px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 850px)
{
	.page_c
	{
		min-width: 320px;
	}
	body .ui-widget { font-size: 14px; }
}
@media only screen and (max-width: 480px)
{
	body .ui-widget { font-size: 16px; }
}

/* ***********************************************************************************************************************
Head
*********************************************************************************************************************** */
.head_c
{
	width: 100%;
	height: 175px;
	position: relative;
	z-index: 2;
	
	background-color: #78A828;
	background-image: url(../img/bgs/flmzbg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
body.winter .head_c
{
	background-color: #1198D3;
	background-image: url(../img/bgs/flmzbg_w.png);
}
body.kids .head_c
{
	background-image: url(../img/bgs/flmzbgk.jpg);
}
.head_i
{
	width: 100%;
	max-width: 1198px;
	height: 175px;
	margin: 0 auto 0 auto;
}
.head
{
	width: 96%;
	height: 175px;
	max-width: 1280px;
	min-height: 102px;
	margin: 0 2%;
	position: relative;
	z-index: 1;
}

.logo
{
	position: absolute;
	top: 20px;
	left: 8px;
	z-index: 10;
}
.logo img
{
	width: 159px;
	/*height: 54px;*/
	display: block;
}
.logo .logo_skiamade
{
}
.logo .logo_skiamade img
{
	width: 73px;
	margin: 10px auto 0 auto;
}
@media only screen and (max-width: 480px)
{
	/*.logo
	{
		width: 100%;
	}*/
	.logo img
	{
		width: 127px;
	}
	.logo .logo_skiamade
	{
		/*position: absolute;
		top: 0px;
		right: 20px;
		z-index: 11;*/
		display: none;
	}
	body.kids .logo
	{
		width: 100%;
		top: 15px;
		left: 0px;
		text-align: center;
	}
	body.kids .logo img
	{
		display: inline;
	}
}

/* Top links */
.head .top_links
{
	float: right;
	margin: 20px 0 0 0;
	padding: 0 0 0 140px;
	display: table;
	position: relative;
	z-index: 1;
	
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 16px;
	text-align: right;
}
body.kids .head .top_links
{
	color: #2D7292;
}
.head .top_links table td
{
	vertical-align: top;
}
.head .top_links table td .inner
{
	position: relative;
	z-index: 1;
}

.head .top_links img.ico
{
	margin: 0 10px 0 0;
	height: 16px;
	vertical-align: middle;
}
.head .top_links img.ico.ico_email 
{
	height: 15px;
}
.head .top_links .search img.ico
{
	height: 16px;
	float: left;
	cursor: pointer;
}
.head .top_links img.ico.ico_search
{
	margin: 2px 10px 0 10px;
}

.head .top_links .phone span
{
	margin: 0 125px 0 0;
	white-space: nowrap;
}

.head .top_links .search
{
	float: left;
	margin: 0 5px 0 5px;
	display: table;
}
.head .top_links .search_i form
{
	margin: 0;
	padding: 0;
}
.head .top_links .search input[type=text]
{
	width: 100px;
	height: 18px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707E8E;
	text-indent: 5px;
	background: none;
	border: 0px solid;
	background-color: #FFFFFF;
}
body.kids .head .top_links .search input[type=text]
{
	color: #2D7292;
}

.head .top_links .lang_c
{
	width: 128px;
	height: 22px;
	position: absolute;
	top: -3px;
	left: 0px;
	z-index: 2;
}


@charset "utf-8";
/* CSS Document */

.lang
{
	width: 128px;
	height: 22px;
	z-index: 10;
	position: relative;
	float: right;
	
	background-image: url(../img/arrows/arrow-white-down.png);
	background-position: 110px center;
	background-repeat: no-repeat;
	
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 22px;
}
body.kids .lang
{
	background-image: url(../img/arrows/arrow-blue-down.png);
}
body.kids .lang:hover
{
	background-image: url(../img/arrows/arrow-white-down.png);
}
.lang .lang_int
{
	width: 98px;
	height: 22px;
	padding: 0 20px 0 10px;
	text-align: left;
	float: left;
	
	color: #FFFFFF;
	cursor: pointer;
}
.lang:hover,
.lang.opened
{
	background-color: #30550B;
}
body.kids .lang .lang_int
{
	color: #2D7292;
}
body.kids .lang:hover .lang_int,
body.kids .lang.opened .lang_int
{
	color: #FFFFFF;
}

body.winter .lang:hover,
body.winter .lang.opened,
body.kids .lang:hover,
body.kids .lang.opened
{
	background-color: #095F8C;
}

.lang_down
{
	width: 100%;
	display: none;
	background-color: #30550B;
	padding: 2px 0 5px 0;
	
	position: absolute;
	left: 0px;
	top: 22px;
	z-index: 12;
}
body.winter .lang_down,
body.kids .lang_down
{
	background-color: #095F8C;
}
.lang:hover .lang_down,
.lang.opened .lang_down
{
	display: block;
}

.lang .lang_line
{
	width: 104px;
	height: 22px;
	float: left;
	margin: 0 6px;
	padding: 0 6px;
	cursor: pointer;
}
.lang .lang_line:hover
{
	background-color: #71A126;
}
body.winter .lang .lang_line:hover,
body.kids .lang .lang_line:hover
{
	background-color: #1093CD;
}

.lang .lang_flag
{
	width: 21px;
	height: 22px;
	float: left;
	padding: 0 12px 0 0;
}
.lang .lang_flag img
{
	width: 100%;
	margin: 5px 0 0 0;
	vertical-align: middle;
}
.lang .lang_name
{
	width: 71px;
	height: 22px;
	float: left;
	text-align: left;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 22px;
}


.head .hslogan
{
	position: absolute;
	right: 5px;
	bottom: 8px;
	z-index: 10;
}

.i_menu
{
	position: absolute;
	left: 2%;
	bottom: 5px;
	z-index: 100;
	height: 34px;
	padding: 0 10px 0 32px;
	background-color: #537E1E;
	
	background-image: url(../img/icons/menu.png);
	background-size: 18px 15px;
	-webkit-background-size: 18px 15px;
	background-repeat: no-repeat;
	background-position: 8px 9px;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 34px;
	color: #FFFFFF;
	cursor: pointer;
	text-transform: uppercase;
}
.i_menu.opened
{
	background-color: #88CC35;
}
body.winter .i_menu
{
	background-color: #0B75AB;
}
body.winter .i_menu.opened
{
	background-color: #11B8FF;
}
body.kids .i_menu
{
	background-color: #97B715;
}
body.kids .i_menu.opened
{
	color: #A5BB0B;
	background-color: #FFFFFF;
	background-image: url(../img/icons/menu_ko.png);
}
@media only screen and (max-width: 850px)
{
	.head .top_links table td .inner
	{
		width: 40px;
		height: 20px;
		padding: 5px 2px;
		text-align: center;
	}
	.head .top_links img.ico
	{
		height: 22px;
		margin: 0;
	}
	.head .top_links img.ico.ico_email
	{
		height: 18px;
	}
	.head .top_links .search
	{
		width: 219px;
		height: 20px;
		padding: 7px;
		position: absolute;
		top: 30px;
		right: -42px;
		display: none;
		background-color: #30550B;
	}
	body.winter .head .top_links .search
	{
		background-color: #095F8C;
	}
	body.kids .head .top_links .search
	{
		background-color: #5CBEE9;
	}
	.head .top_links .search_i.opened
	{
		background-color: #30550B;
	}
	body.winter .head .top_links .search_i.opened
	{
		background-color: #095F8C;
	}
	body.kids .head .top_links .search_i.opened
	{
		background-color: #5CBEE9;
	}
	.head .top_links .search_i.opened .search
	{
		display: block;
	}
	.head .top_links img.ico.ico_search
	{
		float: none;
		margin: 0;
		cursor: pointer;
	}
	.head .top_links .search img.ico
	{
		height: 18px;
		margin: 2px 0 0 9px;
		cursor: pointer;
	}
	.head .top_links .search input[type="text"]
	{
		width: 188px;
	}
	
	.head .top_links
	{
		padding: 30px 0 0 0;
	}
	.head .top_links .lang_c
	{
		top: 0px;
		left: auto;
		right: 0px;
	}
}
@media only screen and (max-width: 480px)
{
	.head .top_links
	{
		width: 100%;
		margin: 75px 0 0;
		text-align: center;
	}
	.head .top_links table
	{
		margin: 0 auto;
	}
	.head .hslogan img
	{
		width: 168px;
	}
	.head .top_links table td .inner
	{
		padding: 5px 11px;
	}
	body.kids .head .top_links table td .inner
	{
		padding: 5px 1px;
	}
	.head .top_links
	{
		padding: 0;
	}
	.head .top_links .lang_c
	{
		top: -50px;
		right: 20px;
	}
}

/* Main menu */
.menu
{
	height: 38px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 11;
}
.menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 16px;
}
.menu ul li
{
	float: left;
	position: relative;
	z-index: 1;
}
.menu ul li a
{
	height: 38px;
	float: left;
	padding: 0 15px;
	margin: 0 7px;
	
	color: #263B0E;
	text-decoration: none;
	line-height: 38px;
	white-space: nowrap;
}
.menu ul li a:hover,
.menu ul li:hover > a
{
	color: #FFFFFF;
	background-image: url(../img/bgs/mhbg.png);
	background-repeat: repeat-x;
}
body.winter .menu ul li a:hover,
body.winter .menu ul li:hover > a
{
	background-image: url(../img/bgs/mhbg_w.png);
}
body.kids .menu ul li a:hover,
body.kids .menu ul li:hover > a
{
	background-image: url(../img/bgs/mhbg_k.png);
}
/* Submenu */
.menu ul li .sub
{
	padding: 20px 0 15px 0;
	position: absolute;
	top: 38px;
	left: 7px;
	z-index: 10;
	display: none;
	
	background-image: url(../img/bgs/mdbg.png);
	background-repeat: repeat;
}
.menu ul li:hover > .sub
{
	display: block;
}
.menu ul li .sub ul li .sub
{
	background-image: url(../img/bgs/mdbgd.png);
}
.menu ul li ul
{
	font-size: 15px;
}
.menu ul li ul li
{
	width: 100%;
	float: left;
}
.menu ul li ul li a
{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 24px;
	color: #FFFFFF;
	line-height: 200%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.menu ul li ul li a.current_link,
.menu ul li ul li a.down,
.menu ul li ul li a:hover,
.menu ul li ul li:hover > a
{
	color: #8BCC1D;
}
body.winter .menu ul li ul li a.current_link,
body.winter .menu ul li ul li a.down,
body.winter .menu ul li ul li a:hover,
body.winter .menu ul li ul li:hover > a
{
	color: #4AC9FF;
}
.menu ul li ul li a:hover,
.menu ul li ul li:hover > a,
body.winter .menu ul li ul li a:hover,
body.winter .menu ul li ul li:hover > a,
body.kids .menu ul li ul li a:hover,
body.kids .menu ul li ul li:hover > a
{
	background-image: url(../img/bgs/mhsbg.png);
	background-repeat: repeat;
}
/* Subsubmenu */
.menu ul li .sub ul li .sub
{
	top: -20px;
	left: 100%;
}

/* Slider menu */
.menu_slide_layer
{
	width: 75%;
	float: left;
	position: absolute;
	left: -75%;
	z-index: 10;
	
	background-color: #527D1D;
	background-image: url(../img/bgs/slmbbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
body.winter .menu_slide_layer
{
	background-color: #0B79AF;
	background-image: url(../img/bgs/slmbbg_w.png);
}
.menu_slide_layer.closed
{
	display: none;
}

/* Slider menu */
.menu_slide_layer ul
{
	width: 100%;
	float: left;
	margin: -2px 0 0 0;
	padding: 0;
	list-style: none;
}
.menu_slide_layer ul li
{
	width: 100%;
	float: left;
	
	border-top: 1px solid #EAEAEA;
}
.menu_slide_layer ul li a
{
	width: 100%;
	float: left;
	padding: 0 8% 0 5.5%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #5F9321;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 44px;
}
body.winter .menu_slide_layer ul li a,
body.kids .menu_slide_layer ul li a
{
	color: #0B79AE;
}
.menu_slide_layer ul li.sublink a,
.menu_slide_layer ul.submenu li.sublink a
{
	background-color: #FFFFFF;
	background-image: url(../img/arrows/arrow-right-green.png);
	background-repeat: no-repeat;
	background-position: 96% 18px;
}
body.winter .menu_slide_layer ul li.sublink a,
body.winter .menu_slide_layer ul.submenu li.sublink a,
body.kids .menu_slide_layer ul li.sublink a,
body.kids .menu_slide_layer ul.submenu li.sublink a
{
	background-image: url(../img/arrows/arrow-right-blue.png);
}
.menu_slide_layer ul li a.current_link
{
	color: #80C62C;
}
body.winter .menu_slide_layer ul li a.current_link,
body.kids .menu_slide_layer ul li a.current_link
{
	color: #4AC9FF;
}
.menu_slide_layer ul.submenu li.back_link a
{
	padding-left: 40px;
	
	color: #5F9321;
	line-height: 44px;
	background-color: #FFFFFF;
	
	background-image: url(../img/arrows/arrow-left-green.png);
	background-repeat: no-repeat;
	background-position: 25px 18px;
}
body.winter .menu_slide_layer ul.submenu li.back_link a,
body.kids .menu_slide_layer ul.submenu li.back_link a
{
	color: #0B79AE;
	background-image: url(../img/arrows/arrow-left-blue.png);
}
.menu_slide_layer .menusl
{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: #FFFFFF;
}
.menu_slide_layer .menusl .menuslbox
{
	width: 100%;
	position: absolute;
	top: 0px;
	left: -100%;
	z-index: 2;
}
.menu_slide_layer .menusl .menuslbox.current
{
	left: 0%;
}
.menu_slide_layer ul.submenu
{
	font-size: 15px;
	line-height: 36px;
}
.menu_slide_layer ul.submenu li
{
	border-top: 1px solid #FFFFFF;
}
.menu_slide_layer ul.submenu li a
{
	line-height: 36px;
	background-color: #EAEAEA;
	background-position: 96% 14px;
}
.menu_slide_layer ul.submenu li.sublink a
{
	background-position: 96% 14px;
}
.menu_slide_layer ul.submenu li a.current_link
{
	color: #A2A8B0;
}
.menu_slide_layer ul.submenu li.mm_parent a
{
	text-transform: uppercase;
}

.untzh
{
	width: 100%;
	height: 50px;
	float: left;
	background-color: #88CC35;
	
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	letter-spacing: 1px;
}
body.winter .untzh
{
	background-color: #4AC9FF;
}
.untzh a
{
	width: 100%;
	float: left;
	padding: 0 8% 0 5.5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	color: #FFFFFF;
	text-decoration: none;
	line-height: 50px;
	background-image: url(../img/arrows/arrow-right-white.png);
	background-repeat: no-repeat;
	background-position: 96% 21px;
}

/* Page top */
.page_i_top
{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 1;
	display: table;
}

/* Head image */
.head_image
{
	width: 850px;
	/*height: 880px;*/
	height: 809px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 2;
}
.head_banner {
    width: 100%;
    max-width: 850px;
    left: 60%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: absolute;
    top: 35px;
    z-index: 5;
}
body.pcontent .head_image
{
	height: 654px;
}
.head_image > img
{
	position: absolute;
	top: 0px;
	left: -575px;
	z-index: 3;
}

.header_image_badge_c
{
    width: 100%;
    position: relative;
    z-index: 3;
}

.header_image_badge
{
    position: absolute;
    right: 60px;
    top: 200px;
    z-index: 4;
}

.header_image_badge.filzi
{
    display: block;
    width: 200px;
    height: 200px;
    background: url(../img/filzi-digitaler-urlaubsbegleiter.png);
    background-size: 100% 100%;
    transition: transform ease 0.7s;
}

.header_image_badge.filzi:hover
{
    transform: scale(1.1);
}

.header_image_badge.filzi::after
{
    content: "";
    position: absolute;
    top: -110px;
    left: -110px;
    width: 260px;
    height: 200px;
    background: url(../img/Sprechblase_Filzi_web.svg);
    background-size: 100% 100%;
    opacity: 0;
    transition: opacity ease 0.7s;
    z-index: 2;
}

.header_image_badge.filzi:hover::after,
.header_image_badge.filzi:focus::after
{
    opacity: 1;
}

.header_image_badge img
{
    width: 200px;
    transition: transform ease 0.5s;
}

.header_image_badge img:hover
{
    transform: scale(1.1);
}


@media only screen and (max-width: 1280px)
{
	.head_image
	{
        width: 93.6%;
		height: 492px;
	}
	.head_image > img
	{
		width: 1280px;
		left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
	}

	body.pcontent .head_image
	{
		height: 402px;
	}

    .header_image_badge
    {
        right: 40px;
        top: 40px;
    }

    .header_image_badge.filzi
    {
        width: 180px;
        height: 180px;
    }

    .header_image_badge.filzi::after
    {
        top: -70px;
        left: -70px;
        width: 180px;
        height: 138px;
}

    .header_image_badge img
    {
        width: 180px;
    }
}
@media only screen and (max-width: 850px)
{
	.head_image,
	body.pcontent .head_image
	{
		width: 100%;
		height: auto;
	}

	.head_image > img
	{
		width: 100%;
		position: static;
        transform: none;
        -webkit-transform: none;
	}

    .header_image_badge
    {
        right: 30px;
        top: 30px;
    }

    .header_image_badge.filzi
    {
        width: 160px;
        height: 160px;
        background: url(../img/Filzi_mit_Sprechblase.svg);
        background-size: 100% 100%;
        top: -30px;
    }

    .header_image_badge.filzi::after
    {
        content: none;
    }

    .header_image_badge img
    {
        width: 130px;
    }

}


@media only screen and (max-width: 550px)
{
    .header_image_badge
    {
        right: 20px;
        top: 20px;
    }

    .header_image_badge img
    {
        width: 100px;
    }
}

@media only screen and (max-width: 480px)
{
   .head_banner { top: 5px; }
   .head_banner img { width: 170px; }
}

/* Main */
.main_c
{
	width: 100%;
	position: relative;
	z-index: 1;
	/*display: table;*/
	overflow: hidden;
}
.main
{
	position: relative;
	z-index: 1;
}

/* Head bottom */
.page_i_top .head_bottom_c
{
	width: 93.6%;
	max-width: 1198px;
	margin: 0 3.2%;
	position: relative;
	z-index: 10;
	display: table;
}
.page_i_top .head_bottom
{
	width: 100%;
	max-width: 1280px;
	min-height: 66px;
	/*position: absolute;
	left: 0px;
	bottom: 0px;*/
	position: relative;
	z-index: 12;

	background-image: url(../img/bgs/headbbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
body.winter .page_i_top .head_bottom
{
	background-image: url(../img/bgs/headbbg_w.png);
}
@media only screen and (max-width: 850px)
{
	.page_i_top .head_bottom_c
	{
		width: 100%;
		margin: 0;
	}
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight
{
     -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-name: fadeInRight;
      -webkit-animation-name: fadeInRight;
      animation-delay: 2.5s;
      -webkit-animation-delay: 2.5s;
}

.fhslogan
{
	width: 558px;
	height: 135px;
	padding: 15px 20px 0 20px;
	position: absolute;
	right: -175px;
	bottom: 85px;
	z-index: 10;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 170%;

	background-image: url(../img/bgs/mdbg.png);
	background-repeat: repeat;
}
@media(max-width: 1280px)
{
    .head_banner
    {
        width: 100%;
        max-width: 850px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .fhslogan
    {
        right: 0;
    }
}

@media(max-width: 850px)
{
    .head_banner ul
    {
        padding-left: 20px;
    }
}

.fhslogan p.title
{
	font-family: 'Mr Bedfort', cursive;
	font-size: 31px;
	color: #7DBF2C;
	line-height: 150%;
}
body.winter .fhslogan p.title
{
	color: #4AC9FF;
}

.page_i_top .box_c
{
	width: 100%;
	max-width: 1280px;
	height: 0px;
	position: absolute;
	left: 0px;
	bottom: 66px;
	z-index: 11;
}
.page_i_top .box
{
	width: 180px;
	height: 170px;
	padding: 0 15px;
	position: absolute;
	top: -34px;
	z-index: 1;
	background-image: url(../img/bgs/mdbg.png);
	background-repeat: repeat;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
@media only screen and (max-width: 850px)
{
	.fhslogan
	{
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		position: static;
		background-color: #527D1D;
		background-image: none;

		height: auto;
		min-height: 115px;
		padding-bottom: 15px;
		overflow: hidden;
	}
	body.winter .fhslogan
	{
		background-color: #0B79AF;
	}
	.fhslogan p
	{
		width: 96%;
		margin: 0 2%;
	}
	.page_i_top .box_c
	{
		display: none;
	}
}

.page_i_top .box.box_wetter
{
	width: 150px;
	height: 150px;
	left: 0px;
}
.page_i_top .box p.title
{
	height: 22px;
	padding: 6px 0;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7DBF2C;
	line-height: 22px;
	cursor: pointer;
	letter-spacing: 2px;

	background-image: url(../img/arrows/arrow-white-up.png);
	background-repeat: no-repeat;
	background-position: right center;
}
body.winter .page_i_top .box p.title
{
	color: #2FC0FF;
}
body.kids .page_i_top .box p.title
{
	color: #ADD217;
}
.page_i_top .box p.title:hover,
body.winter .page_i_top .box p.title:hover,
body.kids .page_i_top .box p.title:hover
{
	color: #FFFFFF;
}
.page_i_top .box.opened p.title,
body.winter .page_i_top .box.opened p.title,
body.kids .page_i_top .box.opened p.title
{
	color: #FFFFFF;
	background-image: url(../img/arrows/arrow-white-down.png);
}

.page_i_top .box_wetter p.title span.symb
{
	width: 22px;
	height: 21px;
	float: left;
	margin: 0 6px 0 0;

	background-image: url(../img/icons/wetter-sommer-closed.png);
}
body.winter .page_i_top .box_wetter p.title span.symb
{
	background-image: url(../img/icons/wetter-winter-closed.png);
}
body.kids .page_i_top .box_wetter p.title span.symb
{
	background-image: url(../img/icons/wetter-kids-closed.png);
}
.page_i_top .box_wetter.opened p.title span.symb,
body.winter .page_i_top .box_wetter.opened p.title span.symb,
body.kids .page_i_top .box_wetter.opened p.title span.symb
{
	background-image: url(../img/icons/wetter-opened.png);
}

.page_i_top .box.box_proespekt
{
	right: 220px;
}
.page_i_top .box.box_veranstaltungen
{
	height: 295px;
	right: 0px;
}

/* Schnellanfrage */
.anfrage
{
	width: 98%;
	padding: 10px 1% 10px 1%;
	float: left;
	background-color: #609422;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #FFFFFF;
	letter-spacing: 1px;
}
body.winter .anfrage
{
	background-color: #0097D9;
}
body.kids .anfrage
{
	background-color: #97B715;
	font-weight: 400;
	color: #294D06;
}
.afacc
{
	width: 96%;
	height: 26px;
	float: left;
	margin: 0 2%;
	padding: 5px 0;
	display: none;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 1px;
	cursor: pointer;

	background-image: url(../img/icons/w_open.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 23px 23px;
}
.anfrage.opened .afacc
{
	background-image: url(../img/icons/w_close.png);
}
.anfrage_i
{
	width: 96%;
	float: left;
	margin: 0 2%;
}
.anfrage .afel
{
	width: 16%;
	float: left;
}
.anfrage .afel.af1
{
	width: 19%;
}
.anfrage .afel.af2
{
	width: 12%;
}
.anfrage .afel.af3
{
	width: 22%;
}
.anfrage .afel.af4
{
	width: 10%;
}
.anfrage .afel.af5
{
	width: 19%;
}
.anfrage .afel.af6
{
	width: 18%;
}
.anfrage .afel:first-child
{
	margin-left: 0;
}
.anfrage .afel label
{
	float: left;
	margin: 0 5px 0 0;
	line-height: 26px;
}
.anfrage .afel label.spacer
{
	margin-left: 10%;
}
.anfrage .afel .input
{
	width: 96px;
	height: 26px;
	float: left;
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;
	background-image: url(../img/bgs/afibg.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.anfrage .afel .input.small
{
	width: 40px;
	background-image: none;
}
.anfrage .afel .input.big
{
	width: 60px;
	background-image: none;
}
.anfrage .afel input[type=text]
{
	width: 70px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 4px 0 2px 0;
	background: none;
	border: 0px solid;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #667395;
	line-height: 20px;
	text-indent: 5px;
}
.anfrage .afel .input.small input[type=text]
{
	width: 100%;
	border: 0px solid;
}
.anfrage .afel .input img.img_cal
{
	float: left;
	margin: 6px 0 0 5px;
	cursor: pointer;
}
.anfrage .afel select
{
	width: 100%;
	height: 26px;
	float: left;
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #667395;
	letter-spacing: 1px;
	line-height: 26px;
}
.anfrage .afel a.afbtn
{
	width: 95%;
	height: 26px;
	padding: 0 5% 0 0;
	display: block;
	background-color: #88CC35;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 26px;
	text-align: center;

	background-image: url(../img/arrows/arrow-right-white.png);
	background-repeat: no-repeat;
	background-position: 90% center;
}
body.winter .anfrage .afel a.afbtn
{
	background-color: #4AC9FF;
}
body.kids .anfrage .afel a.afbtn
{
	color: #294D06;
	background-color: #C0D913;
	background-image: url(../img/arrows/arrow-right-dark.png);
}

.cmb
{
	width: 100%;
	height: 26px;
	float: left;
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #667293;
	line-height: 180%;

	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cmb .cmb_arrow
{
	width: 26px;
	height: 26px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	cursor: pointer;
	background-image: url(../img/arrows/cmbarrow.png);
}
.cmb > span
{
	width: 90%;
	padding: 0 5%;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	cursor: pointer;
	line-height: 26px;
}
.cmb ul
{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0px;
	bottom: 100%;
	z-index: 3;
	display: none;
	border-bottom: 1px solid #E0E3EB;
	background-color: #FFFFFF;
}
.cmb ul li
{
	width: 90%;
	float: left;
	padding: 0 5%;
	cursor: pointer;
}
.cmb ul li:hover
{
	color: #FFFFFF;
	background-color: #667293;
}
.cmb ul li span.value
{
	display: none;
}
/* Plain combo */
.cmb.plain
{
	height: 28px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #667293;
	border: 1px solid #CACEDB;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.cmb.plain ul
{
	top: 100%;
	left: -1px;
	bottom: auto;
	border: 1px solid #CACEDB;
}
.cmb.plain > span
{
	text-indent: 6px;
	padding-left: 0px;
}
.cmb.plain ul li
{
	width: 95%;
	text-indent: 6px;
	padding-left: 0px;
}

@media only screen and (max-width: 850px)
{
	.anfrage
	{
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.afacc
	{
		display: block;
	}
	.anfrage .anfrage_i
	{
		display: none;
	}
	.anfrage.opened .anfrage_i
	{
		display: block;
	}
	.anfrage .afel
	{
		width: 46%;
		float: left;
		margin: 10px 20px 5px 0;
	}
	.anfrage .afel.wide
	{
		width: 96%;
	}
	.anfrage .afel label,
	.anfrage .afel label.spacer
	{
		margin: 0 6px 0 0;
		text-align: left;
	}
	.anfrage .afel a.afbtn
	{
		text-align: left;
		text-indent: 10px;
		background-position: 95%;
	}
	.anfrage .afel .input.small
	{
		float: right;
	}
	.anfrage .afel .input img.img_cal
	{
		margin: 0;
		position: absolute;
		top: 6px;
		right: 5px;
		z-index: 2;
	}

	.cmb > span
	{
		width: 100%;
		padding: 0 35px 0 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.cmb ul li
	{
		width: 100%;
		padding: 0 5px 0 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.anfrage .afel.af1
	{
		min-width: 146px;
	}
	.anfrage .afel.af2
	{
		min-width: 94px;
	}
	.anfrage .afel.af3
	{
		min-width: 160px;
	}
	.anfrage .afel.af4
	{
		min-width: 80px;
	}
	.anfrage .afel.af5
	{
		width: 140px;
	}
	.anfrage .afel.af6
	{
		width: 100%;
	}
}
@media only screen and (max-width: 480px)
{
	.anfrage .afel
	{
		width: 96%;
	}
}

/* ***********************************************************************************************************************
Page
*********************************************************************************************************************** */
.page_i
{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 0 auto;
	/*display: table;*/
	overflow: hidden;
	position: relative;
	z-index: 2;

	/*background-image: url(../img/bgs/pageibg.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: 100% auto;*/
}
body.pcontent .page_i
{
	margin-top: -20px;
}
@media only screen and (max-width: 850px)
{
	body.pcontent .page_i
	{
		margin-top: 0px;
	}
}
.page_inner
{
	width: 93.6%;
	max-width: 1198px;
	min-height: 200px;
	margin: 0 3.2%;
	/*display: table;*/
	overflow: hidden;

	box-shadow: 10px 0 7px  -7px #B5B8BD, -10px 0 7px  -7px #B5B8BD;
	background-color: #FFFFFF;
}
.page_left
{
	width: 72%;
	float: left;
}
.page_right
{
	width: 28%;
	float: left;
}
@media only screen and (max-width: 850px)
{
	.page_inner
	{
		width: 100%;
		margin: 0;
	}
	.page_inner
	{
		box-shadow: none;
	}
	.page_left
	{
		width: 100%;
	}
	.page_right
	{
		display: none;
	}
}

/* Content */
.start_content
{
	width: 92%;
	min-height: 500px;
	float: left;
	margin: 48px 4% 0 4%;
}
.content
{
	width: 100%;
	min-height: 800px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #444444;
	line-height: 240%;
}
.content.wide
{
	width: 96%;
	padding: 0 0 0 4%;
	background-color: #FFFFFF;
}

.p_outer
{
	width: 100%;
	float: left;
	/*display: table;*/
	overflow: hidden;
	background-color: #F0F1F4;
}
body.kids .p_outer
{
	background-color: #FBE299;
	background-image: url(../img/bgs/kbg1.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.p_left
{
	width: 67%;
	min-height: 500px;
	float: left;
	padding: 35px 1% 25px 4%;
	overflow: hidden;
	background-color: #FFFFFF;
}
.p_right
{
	width: 24%;
	float: left;
	padding: 0 2% 25px 2%;
}
@media only screen and (max-width: 850px)
{
	.p_left
	{
		width: 96%;
		padding: 0 0 0 4%;
	}
	.p_right
	{
		display: none;
	}
	.content
	{
		width: 100%;
		min-height: 0px;
		padding: 0 0 30px 0;
	}
	.content.wide
	{
		width: 96%;
		padding: 30px 0 30px 4%;
	}
}
@media only screen and (max-width: 480px)
{
	.p_left
	{
		width: 100%;
		padding: 0;
	}
	.content.wide
	{
		width: 100%;
		padding-left: 0px;
	}
}

/* Right */
.p_right .box
{
	width: 100%;
	float: left;
	margin: 35px 0 0 0;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.p_right .box.white
{
	padding: 20px;
	background-color: #FFFFFF;
}
.p_right .box p.title
{
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #707E8C;
	letter-spacing: 1px;
}
.p_right .box.white p.title
{
	/*color: #707EBC;*/
}
body.kids .p_right .box.white p.title
{
	color: #06B2FF;
}
.p_right .i_icons
{
	width: 100%;
	text-align: center;
}
.p_right .i_icons img
{
	width: 26px;
	margin: 5px 4%;
}
.p_right .i_social
{
	width: 100%;
	text-align: center;
}
.p_right .i_social img
{
	width: 32px;
	margin: 10px 4% 0 4%;
}

/* Mobile bottom */
.mobile_bottom
{
	width: 100%;
	float: left;
	padding: 25px 4% 25px 4%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	background-color: #F0F1F4;
}
.mobile_bottom .i_icons
{
	width: 100%;
	float: left;
}
.mobile_bottom .i_icons .icn_c
{
	width: 50%;
	height: 42px;
	padding: 2px 2px 2px 0;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.mobile_bottom .i_icons .icn_c.right
{
	padding: 2px 0 2px 2px;
}
.mobile_bottom .i_icons .icn
{
	width: 100%;
	height: 38px;
	float: left;
	border: 1px solid #EAEAEA;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	z-index: 1;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #707E8C;
	line-height: 38px;
	text-indent: 5%;
	letter-spacing: 1px;
}
.mobile_bottom .i_icons .icn a
{
	width: 100%;
	height: 38px;
	float: left;

	color: #707E8C;
	text-decoration: none;
}
.mobile_bottom .i_icons .icn img
{
	width: 25px;
	float: right;
	position: absolute;
	top: 10px;
	right: 5%;
	z-index: 2;
}
.mobile_bottom .i_icons .icn img.i1 { width: 25px; }
.mobile_bottom .i_icons .icn img.i2 { width: 23px; top: 7px; }
.mobile_bottom .i_icons .icn img.i3 { width: 26px; }
.mobile_bottom .i_icons .icn img.i4 { width: 23px; }
.mobile_bottom .i_icons .icn img.i5 { width: 26px; top: 5px; }
.mobile_bottom .i_icons .icn img.i6 { width: 26px; }
.mobile_bottom .i_icons .icn img.i7 { width: 21px; }
.mobile_bottom .i_icons .icn img.i8 { width: 21px; top: 7px; }
.mobile_bottom .i_icons .icn img.i9 { width: 31px; }
.mobile_bottom .i_icons .icn img.i10 { width: 23px; top: 6px; }

.mobile_bottom .i_social
{
	width: 100%;
	float: left;
	padding: 25px 0 0 0;
	text-align: center;
}
.mobile_bottom .i_social img
{
	width: 32px;
	margin: 0 0 0 17%;
}
.mobile_bottom .i_social a:first-child img
{
	margin-left: 0;
}
@media only screen and (max-width: 480px)
{
	.mobile_bottom
	{
		padding-left: 2%;
		padding-right: 2%;
	}
}

/* Bottom */
.social_bottom
{
	width: 88%;
	float: left;
	padding: 25px 6% 15px 6%;
}
body.pcontent .social_bottom
{
	width: 100%;
	margin: 25px 0 0 0;
}
body.pcontent .social_bottom.white
{
	width: 88%;
	margin: 0;
	padding: 25px 6% 15px 6%;
	background-color: #FFFFFF;
}
.main_bottom
{
	width: 100%;
	float: left;
	display: table;
	margin: 35px 0 0 0;
}
body.pcontent .main_bottom
{
	margin: 0;
}
.main_bottom .bbox_c
{
	width: 100%;
	max-width: 1082px; /* 1072px; */
	margin: 0 auto 0 auto;
}
.main_bottom .bbox
{
	width: 245px;
	min-height: 175px;
	float: left;
	margin: 0 12px 0 12px;
	padding: 15px 20px;
	background-color: #73AD2C;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 190%;
}
.main_bottom .bbox a
{
	color:#fff;
	text-decoration:none;
}
.main_bottom .bbox a:hover
{
	color:#fff;
	text-decoration:underline;
}
body.winter .main_bottom .bbox
{
	background-color: #0AA6E9;
}
.main_bottom .bbox.dark
{
	background-color: #5C8D20;
}
body.winter .main_bottom .bbox.dark
{
	background-color: #0B85BB;
}
.main_bottom .bbox.red
{
	background-color: #5C8D20;
}
body.winter .main_bottom .bbox.red
{
	background-color: #CC0000;
}
.main_bottom .bbox p.title
{
	padding: 0 0 10px 0;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 1px;
	line-height: 160%;
}
.main_bottom .bbox .bbox_inner
{
	width: 100%;
	float: left;
}

@media only screen and (max-width: 1280px)
{
	.main_bottom .bbox_c
	{
		width: 538px;
	}
	.main_bottom .bbox
	{
		margin-bottom: 24px;
	}
}

@media only screen and (max-width: 850px)
{
	.start_content
	{
		width: 96%;
		float: left;
		margin: 35px 2% 0 2%;
	}
	.social_bottom
	{
		width: 92%;
		margin: 25px 4% 0 4%;
		overflow: hidden;
	}
	.main_bottom .bbox_c
	{
		width: 92%;
		margin: 0 4%;
	}
	.main_bottom .bbox
	{
		width: 100%;
		min-height: 50px;
		margin: 0 0 2px 0;
	}
}
@media only screen and (max-width: 480px)
{
	.main_bottom .bbox_c
	{
		width: 100%;
		margin: 0;
	}
	.main_bottom .bbox
	{
		padding: 15px 0;
	}
	.main_bottom .bbox p.title
	{
		width: 92%;
		padding: 0;
		margin: 0 4%;
		cursor: pointer;

		background-image: url(../img/icons/w_open.png);
		background-repeat: no-repeat;
		background-position: right 2px;
		background-size: 23px 23px;
	}
	.main_bottom .bbox .bbox_inner
	{
		width: 92%;
		padding: 0 4%;
		display: none;
	}
	.main_bottom .bbox.opened p.title
	{
		padding-bottom: 10px;
		background-image: url(../img/icons/w_close.png);
	}
	.main_bottom .bbox.opened .bbox_inner
	{
		display: block;
	}
}

/* Prospekt & newsletter */
.dpn
{
	width: 100%;
	min-height: 54px;
	float: left;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #505973;
	line-height: 160%;
}
body.kids .dpn
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 200%;
}
.dpn .dtitle
{
	width: 100%;
	min-height: 24px;
	float: left;
	padding: 15px 45px 15px 0;
	position: relative;
	z-index: 1;
	background-color: #85BF2D;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 1px;
	line-height: 24px;
	text-indent: 7.5%;
	cursor: pointer;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body.winter .dpn .dtitle
{
	background-color: #0AA6E9;
}
body.kids .dpn .dtitle
{
	background-color: #C0D913;
	font-family: 'Short Stack', 'Comic Sans MS', cursive;
	font-size: 20px;
	font-weight: normal;
	color: #596C0C;
	letter-spacing: 0px;
}
.dpn .dtitle .darrow
{
	width: 22px;
	height: 14px;
	margin: -1px 0 0 0;
	position: absolute;
	top: 100%;
	right: 20%;
	z-index: 2;
	background-image: url(../img/icons/arrow-sign.png);
	background-repeat: no-repeat;
}
body.winter .dpn .dtitle .darrow
{
	background-image: url(../img/icons/arrow-sign-w.png);
}
body.kids .dpn .dtitle .darrow
{
	background-image: url(../img/icons/arrow-sign-k.png);
}
.dpn .dtitle .dacc
{
	width: 23px;
	height: 23px;
	position: absolute;
	top: 50%;
	left: 4%;
	z-index: 2;
	margin: -12px 0 0 0;

	background-image: url(../img/icons/w_open.png);
	background-repeat: no-repeat;
	background-size: 23px 23px;
}
.dpn.opened .dtitle .dacc
{
	background-image: url(../img/icons/w_close.png);
}
body.kids .dpn .dtitle .dacc
{
	background-image: url(../img/icons/w_open_k.png);
}
body.kids .dpn.opened .dtitle .dacc
{
	background-image: url(../img/icons/w_close_k.png);
}
.dpn .inner
{
	width: 92%;
	float: left;
	padding: 32px 4% 25px 4%;
	display: none;
	background-color: #DEE0E7;
}
body.kids .dpn .inner
{
	background-color: #97B715;
	background-image: url(../img/bgs/kbg2.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.dpn.opened .inner
{
	display: block;
}

.dpn .dhalf
{
	width: 48%;
	float: left;
}
.dpn .dhalf:first-child
{
	margin: 0 4% 0 0;
}
.dpn .dtqrt
{
	width: 80%;
	float: left;
}
.dpn .dqrt
{
	width: 20%;
	float: left;
}
.dpn .dhalf.clear
{
	clear: both;
}
div.center
{
	text-align: center;
}

.dpn .inner form
{
	margin: 0;
	padding: 0;
}
.dpn .inner table td
{
	padding: 0 0 16px 0;
}
.dpn .inner table.dtqrt_half
{
	width: 50%;
}
.dpn .inner p
{
	font-size: 13px;
	font-weight: bold;
	color: #3B4357;
}
.dpn .inner span.err
{
	display: none;
}
.dpn .inner input[type=text]
{
	width: 100%;
	height: 28px;
	float: left;
	margin: 0;
	padding: 0;

	background: #FFFFFF;
	border: 1px solid #CACEDB;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	/*font-weight: bold;*/
	color: #667293;
	line-height: 28px;
	text-indent: 6px;
}
.dpn .inner input.req
{
	font-weight: bold;
}
.dpn .inner textarea
{
	width: 100%;
	height: 70px;
	float: left;
	margin: 0;
	padding: 4px 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	background: #FFFFFF;
	border: 1px solid #CACEDB;
	font-size: 13px;
	font-weight: bold;
	color: #667293;
	line-height: 160%;
}
.dpn .inner input[type=checkbox]
{
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: middle;
}
body.kids .cmb.plain
{
	font-weight: normal;
}
.dpn a.dpn_send
{
	width: 130px;
	height: 30px;
	float: right;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
	letter-spacing: 1px;
	text-indent: 10px;

	background-color: #83C531;
	background-image: url(../img/arrows/arrow-right-white.png);
	background-repeat: no-repeat;
	background-position: 115px center;
}
body.winter .dpn a.dpn_send
{
	background-color: #0993CE;
}
body.kids .dpn a.dpn_send
{
	background-color: #008ACC;
}
@media only screen and (max-width: 850px)
{
	.dpn .dhalf,
	.dpn .dhalf:first-child
	{
		width: 100%;
		float: left;
		margin: 0;
	}
	.dpn .dtqrt,
	.dpn .dqrt
	{
		width: 100%;
	}
	.dpn .inner table.dtqrt_half
	{
		width: 100%;
	}
	.dpn .dtitle
	{
		text-indent: 4%;
	}
	.dpn .dtitle .dacc
	{
		left: auto;
		right: 4%;
	}
}
@media only screen and (max-width: 480px)
{
	.dpn .inner
	{
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.dpn .dtitle
	{
		text-indent: 0;
		padding-left: 3%;
	}
	.dpn .dtitle .dacc
	{
		right: 3%;
	}
}

/* Page bottom */
.page_bottom
{
	width: 93.6%;
	max-width: 1198px;
	/*min-height: 200px;*/
	margin: 0 3.2%;
	display: table;

	background-color: #FFFFFF;
}
.bottom_logos
{
	width: 96%;
	min-height: 55px;
	float: left;
	display: table;
	padding: 25px 2% 25px 2%;
	text-align: center;
}
.bottom_logos img
{
	margin: 0 2.5%;
	vertical-align: middle;
}
@media only screen and (min-width: 850px) and (max-width: 900px)
{
	.bottom_logos img
	{
		margin: 0 1.5%;
	}
}
@media only screen and (max-width: 850px)
{
	.page_bottom
	{
		width: 100%;
		margin: 0;
	}
	.bottom_logos img
	{
		margin: 16px;
	}
}
@media only screen and (max-width: 480px)
{
	.bottom_logos img
	{
		margin: 10px;
	}
	.bottom_logos img.bl1 { height: 26px; }
	.bottom_logos img.bl2 { height: 29px; }
	.bottom_logos img.bl3 { height: 30px; }
	.bottom_logos img.bl4 { height: 43px; }
	.bottom_logos img.bl5 { height: 15px; }
}

/* ***********************************************************************************************************************
Footer
*********************************************************************************************************************** */
.footer_c
{
	width: 100%;
	min-height: 175px;
	display: table;
	margin: -112px 0 0 0;

	background-color: #79AA28;
	background-image: url(../img/bgs/flmzbg.png);
	background-repeat: repeat-x;
	background-position: center 112px;
}
body.winter .footer_c
{
	background-color: #1198D3;
	background-image: url(../img/bgs/flmzbg_w.png);
}
body.kids .footer_c
{
	background-color: #B5D10A;
	background-image: url(../img/bgs/flmzbgk.jpg);
}
.footer_c_top
{
	width: 100%;
	height: 112px;
	background-color: #54801E;
}
body.winter .footer_c_top
{
	background-color: #0B7EB4;
}
body.kids .footer_c_top
{
	background-color: #A6D7EB;
}
.footer_i
{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 0 auto;
}
.footer
{
	width: 94%;
	margin: 0 3%;
	position: relative;
	z-index: 2;
}
.footer .nobd
{
	width: 100%;
	height: 32px;
	float: left;
	margin: 10px 0 0 0;
	text-align: center;
}
.footer .nobd a,
body.kids .footer .nobd a
{
	padding: 0 25px 0 0;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 32px;

	background-image: url(../img/arrows/arrow-big-white-up.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.footer .fbottom
{
	width: 100%;
	float: left;
	margin: 95px 0 10px 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 26px;
}
body.kids .footer .fbottom
{
	margin-top: 115px;
	color: #274C06;
}
.footer a
{
	color: #FFFFFF;
	text-decoration: none;
}
body.kids .footer a
{
	color: #274C06;
}
.footer a:hover
{
	text-decoration: underline;
}
.footer a,
.footer span
{
	white-space: nowrap;
}
.footer p.fleft
{
	width: 70%;
}
.footer p.fright
{
	width: 21%;
	text-align: right;
}
.footer p.fleft a,
.footer p.fleft span
{
	margin: 0 18px 0 0;
}
.footer p.fright a,
.footer p.fright span
{
	margin: 0 0 0 18px;
}

.footer span.kontakt
{
	width: 8%;
	float: left;
	margin: 0 1% 0 0;
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 1px;

	border-right: 1px solid #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body.kids .footer span.kontakt
{
	color: #294D06;
	border-right: 1px solid #294D06;
}
.footer a.intrnet
{
	color: #C4DD99;
}
body.winter .footer a.intrnet
{
	color: #B8DCED;
}
body.kids .footer a.intrnet
{
	color: #48870B;
}

@media only screen and (max-width: 1000px)
{
	.footer span.kontakt,
	body.kids .footer span.kontakt
	{
		width: 10%;
		margin: 0;
		border: 0px solid;
	}
	.footer p.fleft
	{
		width: 90%;
	}
	.footer p.fright
	{
		width: 100%;
	}
}
@media only screen and (max-width: 760px)
{
	.footer span.kontakt
	{
		width: 100%;
	}
	.footer p.fleft
	{
		width: 100%;
		text-align: center;
	}
	.footer p.fright
	{
		margin: 25px 0 0 0;
	}
}

/* Schnellanfrage */
.schnellanfrage
{
	width: 100%;
	float: left;
	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
}
.schnellanfrage form
{
	margin: 0;
	padding: 0;
}
.schnellanfrage .line
{
	width: 100%;
	float: left;
	padding: 0 0 12px 0;
}
.schnellanfrage .line.clear
{
	width: 100%;
	padding: 0;
}
.schnellanfrage label
{
	width: 107px;
	float: left;

	font-size: 13px;
	font-size: 300;
	color: #FFFFFF;
	letter-spacing: 1px;
	line-height: 24px;
}
.schnellanfrage .input_c
{
	width: 98px;
	float: left;
}
.schnellanfrage .input_c .input
{
	width: 90px;
	height: 16px;
	float: right;
	padding: 6px 0 4px 6px;

	background-image: url(../img/bgs/afibg-b.png);
	background-repeat: no-repeat;
}
.schnellanfrage input[type=text]
{
	width: 60px;
	height: 16px;
	float: left;
	margin: 0;
	padding: 0;

	border: 0px solid;
	background: none;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #778897;
	line-height: 16px;
}
.schnellanfrage img.img_cal
{
	float: left;
	margin: 0 0 0 9px;
	cursor: pointer;
}
.schnellanfrage a.btn
{
	width: 150px;
	height: 30px;
	float: right;
	background-color: #88CC35;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
	text-indent: 10px;

	background-image: url(../img/arrows/arrow-right-white.png);
	background-repeat: no-repeat;
	background-position: 135px center;
}
body.winter .schnellanfrage a.btn
{
	background-color: #4AC9FF;
}

/* ***********************************************************************************************************************
Start page
*********************************************************************************************************************** */
.sbox
{
	width: 29.33%;
	max-width: 320px;
	min-width: 240px;
	float: left;

	overflow: hidden;
	/*display: table;*/
	margin: 0 2% 35px 2%;
	position: relative;
	z-index: 1;
	background-color: #EAEAEA;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.sbox.grey
{
	background: none;
	border: 1px solid #EAEAEA;
}
.sbox.plain
{
	background: none;
}
.sbox > a > img
{
	width: 100%;
	position: relative;
	z-index: 2;
}
.sbox > img.placeholder
{
	width: 100%;
	position: relative;
	z-index: 2;
	visibility: hidden;
}
.sbox .sbox_inner
{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
}
.sbox .titles
{
	width: 100%;
	min-height: 50px;
	padding: 6px 18px 4px 18px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	background-image: url(../img/bgs/mdbg.png);
	background-repeat: repeat;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
}
.sbox.grey .titles
{
	background-color: #EAEAEA;
	background-image: none;
}
.sbox .titles a
{
	width: 100%;
	display: block;
}
.sbox .titles .stitle
{
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
.sbox.grey .titles .stitle
{
	color: #5B6776;
}
.sbox .titles .title
{
	font-size: 18px;
	color: #7DBF2C;
	text-decoration: none;
}
.sbox.winter .titles .title,
.sbox .titles.winter .title
{
	color: #06B3FF;
}
.sbox.plain p.title
{
	margin: 15% 0 0 0;

	font-family: 'Oswald', Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #7DBF2C;
	letter-spacing: 1px;
	text-align: right;
}
.sbox.winter.plain p.title
{
	color: #4AC9FF;
}
.sbox.plain p.quote
{
	margin: 5% 0 0 0;
	padding: 0 32px;
	position: relative;
	z-index: 1;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;
	letter-spacing: 1px;
	line-height: 160%;
	text-align: justify;
}
.sbox.plain p.quote img.qt
{
	position: absolute;
	z-index: 2;
}
.sbox.plain p.quote img.qt.qta
{
	top: 5px;
	left: 0px;
}
.sbox.plain p.quote img.qt.qtb
{
	right: 0px;
	bottom: 5px;
}
.sbox .i_icons
{
	width: 100%;
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 4;

	padding: 11px 0;
	text-align: center;
}
.sbox .i_icons img
{
	width: 26px;
	margin: 5px 4%;
}
.sbox .i_social
{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 4;
	padding: 15px 0 15px 0;
	text-align: center;
	border-top: 1px solid #EAEAEA;
}
.sbox .i_social img
{
	width: 32px;
	margin: 10px 4% 0 4%;
}

@media only screen and (min-width: 1001px) and (max-width: 1280px)
{
	.sbox .i_icons
	{
		top: 30%;
		padding: 4px 0;
	}
	.sbox .i_social
	{
		padding: 5px 0;
	}
	.sbox .i_icons img { margin: 5px 4%; }
	.sbox .i_social img  { margin: 2px 4%; }
}
@media only screen and (min-width: 981px) and (max-width: 1000px)
{
	.sbox .i_icons
	{
		padding: 0;
	}
	.sbox .i_social
	{
		padding: 3px 0 2px 0;
	}

}

@media only screen and (min-width: 850px) and (max-width: 980px)
{
	.sbox
	{
		width: 46%;
		max-width: 380px;
	}
	.sbox.grey
	{
		margin-bottom: -1px;
	}
}
@media only screen and (min-width: 851px) and (max-width: 980px)
{
	.sbox .i_icons
	{
		top: 30%;
		padding: 4px 0;
	}
}

@media only screen and (max-width: 850px)
{
	.sbox
	{
		width: 96%;
		max-width: 850px;
		float: none;
		clear: both;
		margin: 0 2% 3px 2%;
	}
	.sbox > a > img
	{
		width: 33%;
		float: left;
	}
	.sbox .sbox_inner
	{
		position: static;
	}
	.sbox .titles
	{
		width: 67%;
		float: left;
		position: static;
		background-image: none;
	}
	.sbox > img.placeholder
	{
		display: none;
	}
	.sbox .i_icons
	{
		float: left;
		position: static;
	}
	.sbox .i_social
	{
		float: left;
		position: static;
	}
	.sbox.grey .titles
	{
		width: 100%;
	}
	.sbox .titles .stitle
	{
		color: #5A6676;
	}
	.sbox.plain p.title
	{
		margin: 15px 0 0 0;
	}
	.sbox.plain p.quote
	{
		margin: 30px 0 20px 0;
	}
}
@media only screen and (max-width: 480px)
{
	.sbox
	{
		margin-bottom: 3px;
	}
}

/* Wetter */
/* Wetter small */
.wetter_s
{
	width: 100%;
	float: left;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 160%;
}
.wetter_s_top
{
	width: 100%;
	float: left;
}
.wetter_s_bottom
{
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
}

.wetter_s .wetter_s_box
{
	width: 30%;
	float: left;
	margin: 0 0 0 5%;
	text-align: center;
}
.wetter_s .wetter_s_box:first-child
{
	margin: 0;
}
.wetter_s .wetter_s_box p
{
	float: none;
}
.wetter_s img.wetter_s_icon
{
	width: 100%;
	max-width: 30px;
	margin: 5px 0;
}

.wetter_s_bottom a
{
	width: 100%;
	float: left;
	color: #FFFFFF;
	text-decoration: none;

	background-image: url(../img/arrows/arrow-right-white-small.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.wetter_s_bottom a:hover
{
	text-decoration: underline;
}

/* Wetter big */
.wetter_c
{
	width: 100%;
	overflow: hidden;

	/* Can be removed to inherit content setting */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #646464;
	line-height: 180%;
}
.wetter_c .wetter_day
{
	width: 40%;
	float: left;
	margin: 35px 0 0 0;
	padding: 0 10% 0 0;
}
.wetter_c .wetter_desc
{
	width: 100%;
	float: left;
	margin: 35px 0 0 0;
}
.wetter_c p.wetter_title
{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.wetter_c p.wetter_stitle
{
	padding: 3px 0;
	font-weight: bold;
}
.wetter_c p.wetter_stitle.spacer
{
	margin: 8px 0 0 0;
}

.wetter_c p.wetter_date
{
}
.wetter_c .wetter_spacer
{
	margin: 15px 0 0 0;
}

.wetter_c .wetter_day_data
{
	float: left;
	margin: 10px 0 0 0;
	max-width: 460px;
	min-width: 280px;
}
.wetter_c .wetter_day_data .wetter_icon
{
	width: 30%;
	padding: 0 10% 0 0;
}
.wetter_c .wetter_day_data .wetter_icon img
{
	vertical-align: middle;
}
.wetter_c .wetter_day_data .wetter_label
{
	width: 35%;
	padding: 0 5% 0 0;

	font-weight: bold;
}
.wetter_c .wetter_day_data .wetter_data
{
	width: 20%;
}

.wetter_c .wetter_sepline
{
	width: 100%;
	float: left;
	margin: 35px 0 0 0;
	border-top: 1px solid #F5F3F1;
}
@media only screen and (max-width: 800px)
{
	.wetter_c .wetter_day
	{
		width: 100%;
	}
}
@media only screen and (max-width: 480px)
{
	.wetter_c .wetter_icon img
	{
		width: 50px;
	}
	.wetter_c .wetter_day_data td
	{
		padding: 0;
	}
	.wetter_c .wetter_icon
	{
		width: 25%;
		padding: 0 5% 0 0;
	}
	.wetter_c .wetter_day_data .wetter_label
	{
		width: 45%;
	}
}
/* ****************************************************
Magazine Article
**************************************************** */
.art_inner .magazine-article .ma-wrapper .ma-date {text-align: right; line-height: 1em; font-size: 12px;}

.art_inner .magazine-article.opened .ma-wrapper .ma-date {margin-top: 10px;}

body.sommer .art_inner .magazine-article .ma-button {background-color: #88CC35;}

body.winter .art_inner .magazine-article .ma-button {background-color: #4AC9FF;}

.art_inner .magazine-article .ma-button {font-weight: 400; font-size: 15px; color: #FFFFFF; font-family: 'Oswald', Tahoma, Geneva, sans-serif; background-image: url(../img/arrows/arrow-right-white.png); background-repeat: no-repeat; background-position: 90% center; margin: 5px 0px 0px 0px; padding: 3px 40px; letter-spacing: 1px; text-transform: uppercase;}

body.kids .art_inner .magazine-article .ma-button {background-color: #C0D913; color: #274C06; text-transform: none; background-image: url(../img/arrows/arrow-right-dark.png);}

.art_inner .magazine-article .ma-button.to-article {padding: 1px 40px;}

.art_inner .magazine-article .ma-button.show-less {margin-right: 50px;}

@media only screen and (max-width: 480px) {
    .art_inner .magazine-article .ma-button.show-less {margin-right: 0px; margin-bottom: 5px;}
}