@media only screen and (max-width: 1219px) {
/*****************************************************************************/

div#optionsWrapper div.col3Wrapper ul li img {
	width: auto;
	height: 20px;
}

div#optionsWrapper div#optionsSearchLayer { padding-right: 175px; }

div#headerWrapper div.col1Wrapper div.typo img { width: 215px; height: auto; }
div#headerWrapper div.col2Wrapper div.typo img { width: 239px; height: auto; }

div#contentWrapper div.col3Wrapper { background-size: 300px 70px; }

/*****************************************************************************/
}

@media only screen and (min-width: 980px) {
/*****************************************************************************/

div#headerWrapper div div.pictMobil {
	display: none;
	background-image: none;
}

/*****************************************************************************/
}

@media only screen and (max-width: 979px) {
/*****************************************************************************/

div#headerWrapper div div.pictDesktop {
	display: none;
	background-image: none;
}

div#contentWrapper div.col3Wrapper.act {
	border-bottom: 20px solid #fff;
}

/*****************************************************************************/
}

@media only screen and (max-width: 979px) {
/*****************************************************************************/

/* PAGE AND LAYOUT WRAPPING */

div#layoutWrapperOut {
	min-width: 0;
	min-height: 0;
}

div#layoutWrapperIn {
	min-height: 0;
	border-left: 0;
}

/* OPTIONS */

div#optionsWrapper { height: auto; }

div#optionsWrapper div.col3Wrapper ul li img {
	width: auto;
	height: 30px;
}

div#optionsWrapper div#optionsSearchLayer { padding-left: 20px; padding-right: 230px; }
.jsOK div#optionsWrapper div#optionsSearchLayer { padding-left: 60px; }

/* NAVIGATION MOBILE */

div#navigationMobileWrapper { display: block; }

.jsOK div#navigationMobileWrapper div#navigationMobileLayer { display: none; }
.jsNO div#navigationMobileWrapper div#navigationMobileLayer { display: block; }
.jsOK div#navigationMobileWrapper div#navigationButtonLayer { display: block; }

/* HEADER */

div#headerWrapper {
	height: 0;
	padding-bottom: 50%;
	background-color: #a69f95;
}

/* COLUMNS */

div.col1Wrapper,
div.col12Wrapper,
div.col2Wrapper,
div.col3Wrapper {
	float: none;
	width: 100%;
	border-right: 0;
}

/* COLUMNS HEADER */

div#headerWrapper div.col1Wrapper,
div#headerWrapper div.col2Wrapper,
div#headerWrapper div.col3Wrapper {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 21;
}

div#headerWrapper div.col1Wrapper,
div#headerWrapper div.col2Wrapper,
div#headerWrapper div.col3Wrapper { display: none; }
div#headerWrapper div.col1Wrapper.act,
div#headerWrapper div.col2Wrapper.act,
div#headerWrapper div.col3Wrapper.act { display: block; }

div#headerWrapper div.col3Wrapper {
	/*background-size: 160px 150px;*/
	background-size: auto 70%;
	background-position: center center;
}

div#headerWrapper div div.typo {
	bottom: 20px;
	padding: 0 20px;
}

div#headerWrapper div div.menu { display: none; }

/* COLUMNS CONTENT */

div#contentWrapper div.col1Wrapper,
div#contentWrapper div.col12Wrapper,
div#contentWrapper div.col2Wrapper,
div#contentWrapper div.col3Wrapper {
	height: auto;
	padding: 20px 20px;
	border-bottom: 0;
	display: none;
}
div#contentWrapper div.col1Wrapper.act,
div#contentWrapper div.col12Wrapper.act,
div#contentWrapper div.col2Wrapper.act,
div#contentWrapper div.col3Wrapper.act { display: block; }

div#contentWrapper div.col12Wrapper { padding-top: 35px; }

div#contentWrapper div.col3Wrapper {
	border-bottom: 20px solid #f0ede9;
	padding-bottom: 140px;
	background-color: #fff;
}

/* BREADCRUMB */

div#breadcrumbWrapper {
	position: relative;
	bottom: auto;
	top: 0;
	padding: 40px 0 20px 0;
}

/*****************************************************************************/
}

@media only screen and (max-width: 699px) {
/*****************************************************************************/

div#contentWrapper div.col12Wrapper {
	padding-right: 20px;
}

/*****************************************************************************/
}

@media only screen and (max-width: 499px) {
/*****************************************************************************/

/*div#contentWrapper div.col12Wrapper {
	font-size: 16px;
	line-height: 1.5em;
}*/

/*****************************************************************************/
}

@media only screen and (max-width: 419px) {
/*****************************************************************************/

div#optionsWrapper div.col3Wrapper ul li img {
	width: auto;
	height: 20px;
}

div#optionsWrapper div#optionsSearchLayer { padding-right: 175px; }

/*****************************************************************************/
}

@media only screen and (max-width: 399px) {
/*****************************************************************************/

/* OPTIONS */

div#optionsWrapper div#optionsSearchLayer input[type=text] {
	font-size: 12px;
	line-height: 1.25em;
}

/* HEADER */

div#headerWrapper div.col1Wrapper div.typo img { width: 160px; height: auto; }
div#headerWrapper div.col2Wrapper div.typo img { width: 180px; height: auto; }

/* CONTENT */

/*
div#contentWrapper {
	font-size: 14px;
	line-height: 1.263em;
}

p.intro {
	font-size: 17px;
	line-height: 1.13em;
}

div#contentWrapper div.col12Wrapper h1 {
	font-size: 27px;
	line-height: 1.13em;
}
div#contentWrapper div.col1Wrapper h1,
div#contentWrapper div.col2Wrapper h1,
div#contentWrapper div.col3Wrapper h1 {
	font-size: 23px;
	line-height: 1.13em;
	margin-bottom: 0.1em;
}

h2 {
	font-size: 17px;
	line-height: 1.13em;
}
*/

/* BREADCRUMB */

/*
div#breadcrumbWrapper div.copyright {
	font-size: 13px;
	line-height: 1.263em;
}
*/

/* LINKS */

/*
div#navigationMobileLayer a,
div#navigationMobileLayer a:link,
div#navigationMobileLayer a:visited {
	font-size: 14px;
	line-height: 1.00em;
}

div#headerWrapper div div.menu a,
div#headerWrapper div div.menu a:link,
div#headerWrapper div div.menu a:visited {
	font-size: 14px;
	line-height: 1em;
}

ul.navHome a,
ul.navHome a:link,
ul.navHome a:visited {
	font-size: 14px;
	line-height: 1.263em;
}

div#breadcrumbWrapper div.list ul a,
div#breadcrumbWrapper div.list ul a:link,
div#breadcrumbWrapper div.list ul a:visited,
ul.ce-menu a,
ul.ce-menu a:link,
ul.ce-menu a:visited {
	font-size: 14px;
	line-height: 1.263em;
}

div#breadcrumbWrapper div.list ul a,
div#breadcrumbWrapper div.list ul a:link,
div#breadcrumbWrapper div.list ul a:visited {
	font-size: 13px;
	line-height: 1.263em;
}
*/

/*****************************************************************************/
}

@media only screen and (max-width: 319px) {
/*****************************************************************************/

/* HEADER */

div#headerWrapper div div.typo { display: none; }

/*****************************************************************************/
}