/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1025px) {

.hidemobile5,
.tck-hide-desktop {
	display: none !important;
}

[class*="tck-cols"].tck-stack-5,
[class*="tck-cols"].tck-stack-desktop {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-5 > *,
[class*="tck-cols"].tck-stack-desktop > * {
	width: auto !important;
}


#contact-top-m {
	display :none;
}
/* IPAD 10 */
@media screen and (max-width: 1281px) {

#box-link-text {
  min-height: 240px !important;}

#box7 {
  margin-right: 200px !important;}

}

}

@media screen and (min-width: 951px) and (max-width: 1024px) {

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

.hidemobile4,
.tck-hide-tablet-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-4,
[class*="tck-cols"].tck-stack-tablet-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-4 > *,
[class*="tck-cols"].tck-stack-tablet-l > * {
	width: auto !important;
	max-width: 100%;
}



#contact-top-m {
	display :none;
}
#row2column2 {
	display :none;
}
#box-link-text {
  min-height: 240px !important;}

#box7 {
  margin-right: 150px !important;}

}

@media screen and (min-width: 759px) and (max-width: 950px) {

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

.hidemobile3,
.tck-hide-tablet-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-3,
[class*="tck-cols"].tck-stack-tablet-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-3 > *,
[class*="tck-cols"].tck-stack-tablet-p > * {
	width: auto !important;
	max-width: 100%;
}



#contact-top-m {
	display :none;
}
#row2column2 {
	display :none;
}
#row3 > .inner {
	flex-direction: column;
}
#row3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.maincontent  .column2 {
	display: none;
}
.maincontent  .center {
	width: 100% !important;
	clear: both;
	float:left;
}
#sidebar {
	display :none;
}
#row6 > .inner {
	flex-direction: column;
}
#row6 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper10 {
	display :none;
}
#row1column1 {
  width: calc(30 / 100 * (100% - 0px - (2 * 0px)));}

#row1column2 {
  width: calc(65 / 100 * (100% - 0px - (2 * 0px)));}

#row1column3 {
  width: calc(20 / 100 * (100% - 0px - (2 * 0px)));}

#wrapper4 {
  margin-top: 8%;
  margin-bottom: 8%;}

#position1 > .inner {
  max-width: 90%;}

#row3 .flexiblecolumn {
    width: 50% !important;
    margin: 0 auto;
    margin-bottom: 3%;}

#box-link-text {
  min-height: 50px !important;}

.box-nl-1 {
  margin-right: 10px !important;}

#wrapper7 {
  padding-top: 10%;
  padding-bottom: 10%;
  margin-top: 10%;
  margin-bottom: 8%;}

#box6 > .inner {
  max-width: 90%;}

#row6column1 {
  min-height: 350px;}

#box7 {
  float: left !important;
  margin-right: 0;
  margin-top: 5%;
  margin-left: 4%;}

#center > .inner {
  margin-right: 0%;
  padding-right: 0%;}




}

@media screen and (min-width: 525px) and (max-width: 758px) {

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

.hidemobile2,
.tck-hide-phone-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-2,
[class*="tck-cols"].tck-stack-phone-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-2 > *,
[class*="tck-cols"].tck-stack-phone-l > * {
	width: auto !important;
	max-width: 100%;
}



#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column1 > .inner {
	flex-direction: column;
}
#row1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row1column2 > .inner {
	flex-direction: column;
}
#row1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact-top {
	display :none;
}
#contact-top-m {
	height: auto !important;
}
#contact-top-m .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column3 > .inner {
	flex-direction: column;
}
#row1column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#language {
	height: auto !important;
}
#language .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column1 > .inner {
	flex-direction: column;
}
#row2column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column2 {
	display :none;
}
#mainmenu {
	height: auto !important;
}
#mainmenu .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#slider {
	height: auto !important;
}
#slider .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3a {
	height: auto !important;
}
#wrapper3a .logobloc {
	float :none !important;
	width: auto !important;
}
#header-u {
	height: auto !important;
}
#header-u .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .logobloc {
	float :none !important;
	width: auto !important;
}
#position1 {
	height: auto !important;
}
#position1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3 > .inner {
	flex-direction: column;
}
#row3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row3column1 > .inner {
	flex-direction: column;
}
#row3column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box1 {
	height: auto !important;
}
#box1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3column2 > .inner {
	flex-direction: column;
}
#row3column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box2 {
	height: auto !important;
}
#box2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3column3 > .inner {
	flex-direction: column;
}
#row3column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box3 {
	height: auto !important;
}
#box3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3column4 > .inner {
	flex-direction: column;
}
#row3column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box4 {
	height: auto !important;
}
#box4 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#row4 > .inner {
	flex-direction: column;
}
#row4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row4column1 > .inner {
	flex-direction: column;
}
#row4column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box5 {
	height: auto !important;
}
#box5 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
.maincontent  .column2 {
	display: none;
}
.maincontent  .center {
	width: 100% !important;
	clear: both;
	float:left;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#sidebar {
	display :none;
}
#sidebarcolumn1 > .inner {
	flex-direction: column;
}
#sidebarcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#sidebarcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#mainbottom {
	height: auto !important;
}
#mainbottom .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5 > .inner {
	flex-direction: column;
}
#row5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row5column1 > .inner {
	flex-direction: column;
}
#row5column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box6 {
	height: auto !important;
}
#box6 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#headline-position5 {
	height: auto !important;
}
#headline-position5 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6 > .inner {
	flex-direction: column;
}
#row6 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row6column1 > .inner {
	flex-direction: column;
}
#row6column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box7 {
	height: auto !important;
}
#box7 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column2 > .inner {
	flex-direction: column;
}
#row6column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box8 {
	height: auto !important;
}
#box8 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	display :none;
}
#row7 > .inner {
	flex-direction: column;
}
#row7 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row7column1 > .inner {
	flex-direction: column;
}
#row7column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box1f {
	height: auto !important;
}
#box1f .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column2 > .inner {
	flex-direction: column;
}
#row7column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box2f {
	height: auto !important;
}
#box2f .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column3 > .inner {
	flex-direction: column;
}
#row7column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box3f {
	height: auto !important;
}
#box3f .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column4 > .inner {
	flex-direction: column;
}
#row7column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box4f {
	height: auto !important;
}
#box4f .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8 > .inner {
	flex-direction: column;
}
#row8 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row8column1 > .inner {
	flex-direction: column;
}
#row8column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
#row8column2 > .inner {
	flex-direction: column;
}
#row8column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-2 {
	height: auto !important;
}
#footer-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
#language {
    font-size: 18px;}

#row1column1 {
  width: calc(30 / 100 * (100% - 0px - (2 * 0px)));}

#row1column2 {
  width: calc(65 / 100 * (100% - 0px - (2 * 0px)));}

#row1column3 {
    width: calc(20 / 100 * (100% - 0px - (2 * 0px)));}

#row2column1 {
  width: calc(20 / 100 * (100% - 0px - (2 * 0px)));}

#wrapper4 {
  margin-top: 12%;
  margin-bottom: 12%;}

#position1 > .inner {
  max-width: 90%;}

#position1 h1 {font-size:30px !important; margin-bottom:0}

#position1 h1:after, #headline-position5 .tck-module h3:after {
  content: url("../images/images_style_pfeil-mobile.svg");}

h2, div.contentheading {
  margin-bottom: 3%;
  line-height: 30px;}

#wrapper5 {
    margin: 0 auto;
    width: 80%;}

#box1 > .inner, #box2 > .inner, #box3 > .inner, #box4 > .inner, #box5 > .inner {
  padding: 5% !important;
  text-align: left;}

#row3 .flexiblecolumn {
    margin-bottom: 7% !important;}

#box-link-text {
  min-height: 50px !important;}

.box-nl-1 {
  width: auto !important;
  float: none !important;}

#box6 > .inner {
  max-width: 90%;}

#row6column1 {
  min-height: 340px;
  font-size:18px;
  line-height: 24px;}

#box7 {
  float: left !important;
  margin-right: 0px !important;
  margin-top: 5%;
  margin-left: 4%;}

#footer > .inner, #footer-1 > .inner{font-size:10px;}



.content80{
    width: 90% !important;}
body {font-size: 65%; line-height:150%}

h3 {
  line-height: 20px !important;
  font-size: 12px !important;}

#headline-position5 .tck-module h3{
  line-height: 20px !important;
  font-size: 25px !important;}

}

@media screen and (max-width: 524px) {

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


.hidemobile1,
.tck-hide-phone-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-1,
[class*="tck-cols"].tck-stack-phone-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-1 > *,
[class*="tck-cols"].tck-stack-phone-p > * {
	width: auto !important;
	max-width: 100%;
}


#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column1 > .inner {
	flex-direction: column;
}
#row1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row1column2 > .inner {
	flex-direction: column;
}
#row1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact-top {
	display :none;
}
#contact-top-m {
	height: auto !important;
}
#contact-top-m .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column3 > .inner {
	flex-direction: column;
}
#row1column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#language {
	height: auto !important;
}
#language .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column1 > .inner {
	flex-direction: column;
}
#row2column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column2 {
	display :none;
}
#row2column3 > .inner {
	flex-direction: column;
}
#row2column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#burger {
	height: auto !important;
}
#burger ul {
	height: auto !important;
}
#burger li {
	float :none !important;
	width: 100% !important;
}
#burger div.floatck, #burger li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#burger div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#slider {
	height: auto !important;
}
#slider .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3a {
	height: auto !important;
}
#wrapper3a .logobloc {
	float :none !important;
	width: auto !important;
}
#header-u {
	height: auto !important;
}
#header-u .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .logobloc {
	float :none !important;
	width: auto !important;
}
#position1 {
	height: auto !important;
}
#position1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3 > .inner {
	flex-direction: column;
}
#row3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row3column1 > .inner {
	flex-direction: column;
}
#row3column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box1 {
	height: auto !important;
}
#box1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3column2 > .inner {
	flex-direction: column;
}
#row3column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box2 {
	height: auto !important;
}
#box2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3column3 > .inner {
	flex-direction: column;
}
#row3column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box3 {
	height: auto !important;
}
#box3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3column4 > .inner {
	flex-direction: column;
}
#row3column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box4 {
	height: auto !important;
}
#box4 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#row4 > .inner {
	flex-direction: column;
}
#row4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row4column1 > .inner {
	flex-direction: column;
}
#row4column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box5 {
	height: auto !important;
}
#box5 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
.maincontent  .column2 {
	display: none;
}
.maincontent  .center {
	width: 100% !important;
	clear: both;
	float:left;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#sidebar {
	display :none;
}
#sidebarcolumn1 > .inner {
	flex-direction: column;
}
#sidebarcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#sidebarcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#mainbottom {
	height: auto !important;
}
#mainbottom .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5 > .inner {
	flex-direction: column;
}
#row5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row5column1 > .inner {
	flex-direction: column;
}
#row5column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box6 {
	height: auto !important;
}
#box6 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#headline-position5 {
	height: auto !important;
}
#headline-position5 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6 > .inner {
	flex-direction: column;
}
#row6 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row6column1 > .inner {
	flex-direction: column;
}
#row6column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box7 {
	height: auto !important;
}
#box7 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column2 > .inner {
	flex-direction: column;
}
#row6column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box8 {
	height: auto !important;
}
#box8 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	display :none;
}
#row7 > .inner {
	flex-direction: column;
}
#row7 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row7column1 > .inner {
	flex-direction: column;
}
#row7column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box1f {
	height: auto !important;
}
#box1f .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column2 > .inner {
	flex-direction: column;
}
#row7column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box2f {
	height: auto !important;
}
#box2f .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column3 > .inner {
	flex-direction: column;
}
#row7column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box3f {
	height: auto !important;
}
#box3f .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column4 > .inner {
	flex-direction: column;
}
#row7column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#box4f {
	height: auto !important;
}
#box4f .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8 > .inner {
	flex-direction: column;
}
#row8 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row8column1 > .inner {
	flex-direction: column;
}
#row8column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
#row8column2 > .inner {
	flex-direction: column;
}
#row8column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-2 {
	height: auto !important;
}
#footer-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column1 {
  width: calc(30 / 100 * (100% - 0px - (2 * 0px)));}

#row1column2 {
  width: calc(65 / 100 * (100% - 0px - (2 * 0px)));}

#row1column3 {
    width: calc(40 / 100 * (100% - 0px - (2 * 0px)));}

#row2column1 {
  width: calc(30 / 100 * (100% - 0px - (2 * 0px)));}


#wrapper4 {
  margin-top: 12%;
  margin-bottom: 12%;}

#position1 > .inner {
  max-width: 90%;}

#position1 h1 {font-size:30px !important; margin-bottom:0}

#position1 h1:after, #headline-position5 .tck-module h3:after {
  content: url("../images/images_style_pfeil-mobile.svg");}

h2, div.contentheading {
  margin-bottom: 3%;
  line-height: 30px;}

#box1 > .inner, #box2 > .inner, #box3 > .inner, #box4 > .inner, #box5 > .inner {
  padding: 5% !important;
  text-align: left;}

#row3 .flexiblecolumn {
    margin-bottom: 7%;}

#box-link-text {
  min-height: 50px !important;}

.box-nl-1 {
  width: auto !important;
  float: none !important;}

#wrapper7 {
  padding-top: 10%;
  padding-bottom: 10%;
  margin-top: 15%;
  margin-bottom: 12%;}

#headline-position5 .tck-module h3 {margin-bottom:3%;}

#box6 > .inner {
  max-width: 90%;}

#row6column1 {
  min-height: 310px;}

#box7 {
  float: left !important;
  margin-right: 0px !important;
  margin-top: 5%;
  margin-left: 4%;}

#center > .inner {
  margin-right: 0%;
  padding-right: 0%;}

h1, div.componentheading {
  line-height: 32px;
  font-size: 26px;
  margin-top: 5%;}

.content80{
    width: 90% !important;}

.pic {
  margin: 3% 3% 3% 10%;
  width: 90% !important;}





}