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

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

.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;
}


.mobile-off {display:block;}
.mobile-on {display:none;}


}

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

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%;
}



#row2 > .inner {
  padding-bottom: 4%;}

#header-img > .inner {
	margin-bottom: -120px;}

#wrapper1.tck-wrapper {margin-top:-10px !important;}

.mobile-off {display:block;}
.mobile-on {display:none;}

}

@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%;
}



.tck-logo-img {
  max-width: 100% !important;}

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

section#row2.tck-row {
  margin-top: -10px !important;}

#row2 > .inner {
  padding-bottom: 4%;}

#header-img > .inner {
  margin-bottom: -100px;}
  
#header-text h1 {
    font-size: 40px !important;
    line-height: 50px !important;}

.header-text-soh1 {
    font-size: 40px !important;
    line-height: 50px !important;}
  
.sub-header {
  font-size: 50px !important;
  line-height: 50px !important;}
  
.btn-cta-light a, .btn-cta-dark a {
  padding: 14px 18px !important;
  font-size: 18px !important;}

#row3column1 {
  width: calc(70 / 100 * (100% - 0px - (1 * 0px)));}
  
#row3column2 {
  width: calc(20 / 100 * (100% - 0px - (1 * 0px)));}

#position2 .tck-module-title, #position4 .tck-module-title {
  line-height: 46px !important;
  font-size: 36px !important;}

#position1 h1, #position1 h1 a{
  line-height: 44px !important;
  font-size: 32px !important;}

div#wrapper3::before, #position2 > .inner::before {
  margin-bottom: -60px !important;
  height: 50% !important;}

#wrapper4 {
  margin-top: 20%;}

#row4column1 {
  width: calc(40 / 100 * (100% - 0px - (1 * 0px)));}
  
#row4column2 {
  width: calc(60 / 100 * (100% - 0px - (1 * 0px)));}

#wrapper5 {
  margin-top: 20%;}  

#position3-img > .inner {
  margin-bottom: 150px;}

 #position3 .tck-module-title {
  font-size: 60px !important;}

#position4 > .inner::before {
  height: 80% !important;
  top: 10% !important;}

.image-container img {
  max-width: 120px !important;}

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

#tags > .inner {
  max-width: 740px !important;}

#wrapper2a {
  margin-top: 70px !important;}





.mobile-on {display:block;}
.mobile-off {display:none;}

}

@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;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !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;
}
#mainmenu {
	height: auto !important;
}
#mainmenu ul {
	height: auto !important;
}
#mainmenu li {
	float :none !important;
	width: 100% !important;
}
#mainmenu div.floatck, #mainmenu li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#mainmenu div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !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;
}
#header-text {
	height: auto !important;
}
#header-text .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column2 > .inner {
	flex-direction: column;
}
#row2column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#header-img {
	height: auto !important;
}
#header-img .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2a {
	height: auto !important;
}
#wrapper2a .logobloc {
	float :none !important;
	width: auto !important;
}
#header-sub {
	height: auto !important;
}
#header-sub .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper_tags-easy {
	height: auto !important;
}
#wrapper_tags-easy .logobloc {
	float :none !important;
	width: auto !important;
}
#tags {
	height: auto !important;
}
#tags .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#custom1 {
	height: auto !important;
}
#custom1 .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;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .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;
}
#position1 {
	height: auto !important;
}
#position1 .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;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .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;
}
#arrow {
	height: auto !important;
}
#arrow .logobloc {
	float :none !important;
	width: auto !important;
}
#row4column2 > .inner {
	flex-direction: column;
}
#row4column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position2 {
	height: auto !important;
}
#position2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .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;
}
#position3 {
	height: auto !important;
}
#position3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5column2 > .inner {
	flex-direction: column;
}
#row5column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position3-img {
	height: auto !important;
}
#position3-img .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .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;
}
#position4 {
	height: auto !important;
}
#position4 .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;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#testimonial-head {
	height: auto !important;
}
#testimonial-head .logobloc {
	float :none !important;
	width: auto !important;
}
#tesimonial {
	height: auto !important;
}
#tesimonial .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom2 {
	height: auto !important;
}
#custom2 .logobloc {
	float :none !important;
	width: auto !important;
}
#position5 {
	height: auto !important;
}
#position5 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#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;
}
#position6 {
	height: auto !important;
}
#position6 .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;
}
#position6a {
	height: auto !important;
}
#position6a .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;
}
#position6b {
	height: auto !important;
}
#position6b .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;
}
#position7 {
	height: auto !important;
}
#position7 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	height: auto !important;
}
#wrapper10 .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;
}
#position8 {
	height: auto !important;
}
#position8 .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;
}
#position9 {
	height: auto !important;
}
#position9 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#termin {
	height: auto !important;
}
#termin .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
.smaller-logo {
    max-width: 70% !important; /* Set the smaller max width for the image */}


#row2 > .inner {
  padding-bottom: 4%;
  padding-top: 4%;}

#wrapper2 {
  margin-top: 60px;
  min-height: 10px;}
  
#header-text h1 {
    font-size: 36px !important;
    line-height: 46px !important;}

.header-text-soh1 {
    font-size: 36px !important;
    line-height: 46px !important;}

header-text > .inner {
  font-size: 60px important;}


.sub-header {
  font-size: 50px !important;
  line-height: 50px !important;}

#header-sub {
    margin-top: -40px !important;}

#header-sub h1 {
  font-size: 30px !important;
  line-height: 36px !important;}

.btn-cta-light a, .btn-cta-dark a {
  padding: 14px 18px !important;
  font-size: 16px !important;}

#header-img > .inner {
  margin-bottom: -70px;}

#position2 .tck-module-title, #position4 .tck-module-title {
  line-height: 36px !important;
  font-size: 30px !important;}

#position1 h1, #position1 h1 a {
  line-height: 36px !important;
  font-size: 30px !important;}


div#wrapper3::before, #position2 > .inner::before  {
  width: 50% !important;
  height: 60% !important;
  margin-bottom: -60px !important;}

#arrow {
  width: 50% !important;
  margin-top: 5% !important;}

#wrapper5 {
    margin-top: 25% !important;}

#position3 .tck-module-title {
  font-size: 60px !important;}

#position3-img {
    width: 55%;
    float: right;
    margin-top: -150px; }

#wrapper6 {
  padding-top: 40%;
  padding-bottom: 40%;}

#position4 > .inner {padding: 12% 8%; }

#position4 > .inner::before {
  height: 50% !important;
  top: 25% !important;}

.image-container img {
  max-width: 100px !important;}


.head-style {
  font-size: 50px !important;
  line-height: 60px !important;}

.box-bg-light {
  width: 98% !important;
  word-break: break-word !important;}

.mobile-on {display:block;}
.mobile-off {display:none;}

body {
  font-size:70%;
  line-height:160%;}

div#n2-ss-2 .n2-font-63cb4703e13e52c45558ea1e52ecb7ca-paragraph{
  font-size:100% !important;
  line-height:160%;}

.n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-pm=normal] {
  font-size:70% !important;
  line-height:160%;}

#eb .eb-post-body {
  font-size: 90%;
}

#position8 .tck-module-text {
  font-size: 70% !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;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !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;
}
#mainmenu {
	height: auto !important;
}
#mainmenu ul {
	height: auto !important;
}
#mainmenu li {
	float :none !important;
	width: 100% !important;
}
#mainmenu div.floatck, #mainmenu li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#mainmenu div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row2 > .inner {
	flex-direction: column;
}
#row2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !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;
}
#header-text {
	height: auto !important;
}
#header-text .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column2 > .inner {
	flex-direction: column;
}
#row2column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#header-img {
	height: auto !important;
}
#header-img .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2a {
	height: auto !important;
}
#wrapper2a .logobloc {
	float :none !important;
	width: auto !important;
}
#header-sub {
	height: auto !important;
}
#header-sub .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper_tags-easy {
	height: auto !important;
}
#wrapper_tags-easy .logobloc {
	float :none !important;
	width: auto !important;
}
#tags {
	height: auto !important;
}
#tags .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#custom1 {
	height: auto !important;
}
#custom1 .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;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .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;
}
#position1 {
	height: auto !important;
}
#position1 .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;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .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;
}
#arrow {
	height: auto !important;
}
#arrow .logobloc {
	float :none !important;
	width: auto !important;
}
#row4column2 > .inner {
	flex-direction: column;
}
#row4column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position2 {
	height: auto !important;
}
#position2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .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;
}
#position3 {
	height: auto !important;
}
#position3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5column2 > .inner {
	flex-direction: column;
}
#row5column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position3-img {
	height: auto !important;
}
#position3-img .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .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;
}
#position4 {
	height: auto !important;
}
#position4 .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;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#testimonial-head {
	height: auto !important;
}
#testimonial-head .logobloc {
	float :none !important;
	width: auto !important;
}
#tesimonial {
	height: auto !important;
}
#tesimonial .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom2 {
	height: auto !important;
}
#custom2 .logobloc {
	float :none !important;
	width: auto !important;
}
#position5 {
	height: auto !important;
}
#position5 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#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;
}
#position6 {
	height: auto !important;
}
#position6 .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;
}
#position6a {
	height: auto !important;
}
#position6a .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;
}
#position6b {
	height: auto !important;
}
#position6b .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;
}
#position7 {
	height: auto !important;
}
#position7 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	height: auto !important;
}
#wrapper10 .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;
}
#position8 {
	height: auto !important;
}
#position8 .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;
}
#position9 {
	height: auto !important;
}
#position9 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#termin {
	height: auto !important;
}
#termin .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
.smaller-logo {
    max-width: 70% !important; /* Set the smaller max width for the image */}

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

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

section#row2.tck-row {
  margin-top: -10px !important;}

#row2 > .inner {
  padding-bottom: 4%;}

#wrapper2 {
  margin-top: 60px;}
  
#header-text h1 {
    font-size: 36px !important;
    line-height: 46px !important;}

#header-text-soh1 {
    font-size: 36px !important;
    line-height: 46px !important;}

.sub-header-1 {
  font-size: 24px !important;
  line-height: 34px !important;
}

header-text > .inner {
  font-size: 60px important;}

.sub-header {
  font-size: 50px !important;
  line-height: 50px !important;}

#header-sub {
    margin-top: -40px !important;}

#header-sub h1 {
  font-size: 26px !important;
  line-height: 36px !important;}

#header-sub h1::after {
  width: 60px;
  padding-top: 2px;
  border-bottom: 4px solid #F7B607;
}

#header-img {
    margin-top: 3%;}

h2, div.contentheading {
  font-size: 26px;
}

h2::after {
  width: 60px !important;
  padding-top: 2px !important;
  border-bottom: 4px solid #F7B607 !important;
}



#position2 .tck-module-title, #position4 .tck-module-title, #testimonial-head .tck-module-title {
  line-height: 36px !important;
  font-size: 30px !important;}

#position1 h1, #position1 h1 a {
  line-height: 30px !important;
  font-size: 25px !important;}

#wrapper3 {
 margin-top: 40%;}



div#wrapper3::before, #position2 > .inner::before  {
  width: 50% !important;
  height: 60% !important;
  margin-bottom: -60px !important;}

#arrow {
  width: 67% !important;
  margin-top: 15% !important;}

#wrapper5 {
    margin-top: 40% !important;}

#position3 .tck-module-title {
  font-size: 60px !important;}

#row5 {
  padding-top: 20%;}

#wrapper6 {
  padding-top: 80%;
  padding-bottom: 40%;}


#position4 > .inner {padding: 12% 8%; }

#position4 > .inner::before {
  height: 65% !important;
  top: 25% !important;}

#wrapper8 {
  margin-top: 12% !important;
  margin-bottom: 10% !important;}

.image-container img {
  max-width: 60px !important;}

#wrapper9 {
  padding-top: 5%;
  padding-bottom: 5%;}
  
#position7 .tck-module-text {
  text-align: left;}

#position6a {
    margin-top: 5%;
    margin-bottom: 5%; }

.head-style {
  font-size: 40px !important;
  line-height: 50px !important;}

#tags > .inner {
  margin: 4% 4% !important;}

.box-red-hg-kontakt {
  min-width: 50px !important;}

.box-bg-light {
  width: 98% !important;
  word-break: break-word !important;}

.pic-left, .pic-right {
  padding: 15px !important;}

.pic-left::before {
  width: 100px !important;
  height: 100px !important;}

.mobile-on {display:block;}
.mobile-off {display:none;}

.termin img, .termin svg{
  width: 30px !important; /* gewünschte Bildgröße */}

.allgemein  #wrapper {
  margin-top: 50%;
  margin-bottom: 30%;
}

#eb .eb-post-title {
  font-size: 24px;
  line-height: 30px;
}





}