html {
line-height: 1.15;
font-size: 62.5%;
/*word-break: break-word;
word-wrap: break-word;*/
font-family: Arial;
}
body {position:relative;}
/* Edit Entries */
.view_contentAdminButtons_div {width:100%;text-align:right;background:#eee; padding:5px; border:1px dashed #cc0000;}
.view_contentAdminButtons_div a {background:#fff;}
.cms_pageWrapper {width: 100%; max-width:1300px; background:#ffffff; margin:auto; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-sizing: content-box;position:relative; z-index:2;}
.cms_pageWrapper * {font-family: Arial; font-size:1.6rem; box-sizing: border-box; line-height:1.4; color: var(--color-text,#333);}
.cms_pageWrapper h1 {font-size:3.0rem; font-weight: bold;}
.cms_pageWrapper h2 {font-size:1.9rem; font-weight: bold; color: var(--color-text,#333) !important;}
.cms_pageWrapper h3 {font-size:1.7rem;}
.cms_pageWrapper .article_div > h1, .cms_pageWrapper .articleHeadline_div h1 {font-weight: normal;}
.cms_pageWrapper .article_div > h2, .cms_pageWrapper .articleHeadline_div h2 {font-weight: normal;font-size:2.6rem;}
.cms_pageWrapper .article_div > h3, .cms_pageWrapper .articleHeadline_div h3 {font-weight: normal;}
/* Headlines über die gesamte Breite */
.cms_pageWrapper .article_div.wdth_entirecntarea > h1,
.cms_pageWrapper .article_div.wdth_entirecntarea > h2,
.cms_pageWrapper .article_div.wdth_entirecntarea > h3 {margin: 30px 50px 30px 50px;} /* margin: 10px 50px 10px 50px; */
.cms_pageWrapper a {color: var(--color-text,#333);transition: all 0.5s;}
.cms_pageWrapper a:hover, .cms_pageWrapper a:hover u{ color: var(--color-primary);}
.article_div ul {list-style-position: inside; list-style-type: disc;margin-bottom:20px;}
.site-header {min-height: 100px; padding-top: 10px;}
.site-header *{line-height:1;}
.cms_headerNav {display:flex; justify-content:flex-end;}
/* Sprachauswahl */
#languagenav {/*width:100%;*/ position: relative; padding:0px 50px 0 0; display: flex; justify-content: flex-end;}
#languagenav ul li {margin:0;}
#languagenav .jl_lngi{float:left;padding-top:0px;}
#languagenav ul.jl_lngnavmenu {margin-right:0px;}
#languagenav ul.jl_lngnavmenu, #languagenav ul.jl_lngsnavmenu { list-style-type: none;margin:0px; padding:0px; overflow: hidden;}
#languagenav ul.jl_lngnavmenu li, #languagenav ul.jl_lngsnavmenu li{ float:left;}
#languagenav .jl_lngspointbreak{padding-top:0px;}
#languagenav .jl_lngnavmenu li a {text-decoration:none;overflow:hidden;display:block; position: relative;background-color: transparent;line-height: normal;}
#languagenav .jl_lngnavmenu > li a {color: transparent; font-size:1px;padding:0px 0px 2px 13px;}
#languagenav .jl_lngsnavmenu li a{color: var(--color-text-light, #999); padding:0px 4px;font-size:12px;}
#languagenav .jl_lngmitem{cursor:inherit;position:relative;}
#languagenav .jl_lngmitem::before {
content: "";
position:relative;
display: inline-block;
left:0px; top:0px; width:15px; height:15px;
background: #bebebe;
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
}
#languagenav .jl_lngsmitemakt{color: var(--color-text,#333) !important;background-color:transparent;}
#languagenav .jl_lngsnavmenu li a.jl_lngsmitem:hover{color: var(--color-text,#333);}
/* ENDE Sprachauswahl */
.cms_headerWrapper {display:flex; justify-content:space-between; align-items: center; gap:30px; margin:10px 50px 20px 50px;}
.cms_headerWrapper .logo_fair { }
.cms_headerWrapper .logo_fair img{max-height: 70px;}
.cms_headerWrapper .fairinfo {font-size:13px; line-height: 1.5; flex-grow: 6; flex-shrink: 0;/*margin-left: 50px;*/}
.cms_headerWrapper .fairinfo .fairdate{font-size: 16px;}
.cms_headerWrapper .titleServices { font-size:40px; font-weight:bold; flex-shrink: 1;/*margin: 0 70px;*/}
.cms_headerWrapper .titleServices a{ font-size:40px; font-weight:bold;}
.cms_headerWrapper .logo_messe img{ max-height: 45px;}
.cms_prjHeader {height: 100px; background:#eee;}
.cms_prjHeader img {height: 80px;}
/* Menu */
.cms_mainNav {width: 100%; clear: both; background-color: var(--navBarBgColor, #F5F5F5); position: relative; box-sizing: border-box; padding:0 40px;}
.cms_mainNav ul { list-style-type: none; margin:auto;overflow: hidden;/*white-space: nowrap;*/ padding:0;}
.cms_mainNav ul li{ margin:unset;}
.cms_mainNav ul li a {text-decoration: none;overflow: hidden;display: block;font-size: 1.7rem;}
/*.cms_mainNav ul li:hover > a.navLink,
.cms_mainNav ul li a.navActive { color: var(--color-primary, #999);
margin-top: 4px;
padding-top: 0px;
color: var(--color-text-dark, #333);
}*/
.cms_mainNav .navBurgerToggle {color: var(--navBarFontColor, #999); font-size:25px; font-weight:bold; display:none;}
.cms_mainNav .navBurgerToggle::before {
content: "\2630"; /* Burger menu (Trigram For Heaven) */
display: inline-block;
}
/* Level 1*/
.cms_mainNav ul.navMenuLev1 {display: flex;flex-wrap:wrap;}
.cms_mainNav ul.navMenuLev1 > li {/*float: left;*/}
.cms_mainNav ul.navMenuLev1 > li > a {line-height: 2;color: var(--navBarFontColor, #999); padding: 4px 10px;}
/*.cms_mainNav ul.navMenuLev1 > li.navItemCurrent > a {color: var(--navBarFontColorHover, #999);}*/
.cms_mainNav .navMenuLev1 > li > a:hover {color: var(--navBarFontColorHover, #999);}
.cms_mainNav ul.navMenuLev1 > li.navItemHasSub > a:after {content:"\25BC"; font-size:9px; position:relative; vertical-align:middle; display:inline-block;padding-left:7px;}
/*.cms_mainNav .navMenuLev1 > li.navItemHasSub > a:after:hover {color: var(--navBarFontColorHover, #999);}*/
/* Level 2 und weiter*/
.cms_mainNav ul.navMenuLev2 * {hyphens: auto;}
.cms_mainNav ul.navMenuLev2 {display: none; position: absolute; z-index: 1000; left:0px; justify-content:space-between; background-color: var(--navFoldoutBgColor, #F5F5F5); border-bottom: 1px solid var(--color-border,#dddddd); -moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5); box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5);width:100%; padding: 30px 50px;}
.cms_mainNav .navMenuLev1 li:hover ul.navMenuLev2 {display:flex; gap:50px;}
.cms_mainNav .navMenuLev2 > li > a {font-size:1.6rem; line-height:1.5; font-weight:bold; border-bottom:1px dotted var(--navFoldoutFontColor, #999); margin-bottom:10px;}
.cms_mainNav .navMenuLev2 li a {color: var(--navFoldoutFontColor, #999);}
.cms_mainNav .navMenuLev2 li a:hover{color: var(--navFoldoutFontColorHover, #999);}
.cms_mainNav ul.navMenuLev3 {display:block;position:relative;}
.cms_mainNav ul.navMenuLev3 li{margin-bottom:10px;}
.cms_mainNav ul.navMenuLev3 a{font-size:1.5rem;line-height:1.35;}
.cms_mainNav .navMenuLev1 > li.navSubItemCount_2 > ul > li {width:calc((100% - var(--navFoldoutItemSpacing,20px)) / 2);}
.cms_mainNav .navMenuLev1 > li.navSubItemCount_3 > ul > li {width:calc((100% - (var(--navFoldoutItemSpacing,20px) * 2)) / 3);}
.cms_mainNav .navMenuLev1 > li.navSubItemCount_4 > ul > li {width:calc((100% - (var(--navFoldoutItemSpacing,20px) * 3)) / 4);}
.cms_mainNav .navMenuLev1 > li.navSubItemCount_5 > ul > li {width:calc((100% - (var(--navFoldoutItemSpacing,20px) * 4)) / 5);}
.cms_mainNav .navMenuLev1 > li.navSubItemCount_6 > ul > li {width:calc((100% - (var(--navFoldoutItemSpacing,20px) * 5)) / 6);}
.cms_mainNav .navMenuLev1 > li.navSubItemCount_7 > ul > li {width:calc((100% - (var(--navFoldoutItemSpacing,20px) * 6)) / 7);}
/* Fortsetzung des Navigationsbalkens ausserhalb des Contentbereichs */
body.body_marketingservices::before{
content:'';
position:absolute;
display:block;
height:45px;
width:100%;
background: var(--navBarBgColor, #999);
margin-top:130px;
z-index:1;
}
/* Suche */
.search {position:absolute;right:150px;margin-top:-2px;/*display:none;*/}
.searchform {
background: #ffffff;
-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.4);
-moz-box-shadow: rgba(0,0,0,0.4);
box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
border-radius: 0;
border-radius: var(--corner-radius, 0);
display:inline-block;
}
.searchform button.search_bttn {
float: left;
/*margin: 10px;*/
margin: 2px;
background-image: url(../_images/search.png);
background-size: cover;
background-color: transparent !important;
/*width: 20px;
height: 20px;*/
width: 13px;
height: 13px;
display: block;
border: none;
cursor: pointer;
}
.searchform input[name=sb1] {
float: left;
/*margin: 5px 0 5px 0;
height: 30px;
width: 238px;*/
margin: 2px 0 2px 0;
height: 16px;
width: 150px;
display: inline-block;
/*font-size: 1.8rem;*/
font-size: 1.4rem;
color: var(--color-text-light, #999);
border: none;
}
.searchform button.active{
display:block;
}
.searchform input[name=sb1]:focus{
outline: none;
}
/* Suchergebnis */
.searchResult {margin-top:30px;margin-bottom:20px;}
.searchResultTitle {margin:0px 10px 10px 0px; border-bottom:1px solid #cdcdcd;}
.searchResultTitle h1 {font-weight: normal; }
.searchResultList {margin-top:10px;}
.searchResultList .listingEntry {width:100%; margin:10px 0px 40px 0px;}
.searchResultList .listingHead {border-bottom:1px solid #CBCBCB; padding-bottom:2px;}
.searchResultList .listingText {padding:8px 24px 0px 24px; hyphens: auto;}
.searchResultList .listingText .subStringHighlite {color: var(--color-primary,#999);}
.searchResultList .listingLink {margin-top:6px;}
.searchResultList .listingLink:before {
content: "";
display: inline-block;
position:relative;
left:0px;
top:2px;
width: 20px;
height: 12px;
background: var(--color-primary,#999);
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
mask-repeat: no-repeat;
mask-size: auto 10px;
}
.paging_table {display:flex;justify-content:flex-end; white-space:nowrap;}
.paging_LeftArrows_cell {float:left;}
.paging_RightArrows_cell {float:left;}
.paging_TextSubmits_cell {white-space:nowrap; float:left; padding:0px 5px 0px 5px; font-size:1.6rem;}
.paging_textSubmit {font-size:1.6rem; border:0px; cursor:pointer; background-color:#FFF;height: 35px; min-width:15px;}
.paging_textArrows, .paging_textArrowsInactive {width:32px; height:32px !important;}
.jl_p_act,.jl_p_inact {background:url(../_images/listingArrows.svg) no-repeat; color:transparent; font-size:0px; border:0px; background-size: 32px auto;}
.jl_p_act {cursor:pointer;}
.jl_p_actnext {background-position:0px 0px;}
.jl_p_actprev {background-position:0px -38px;}
.jl_p_inact {cursor:text;}
.jl_p_inactprev {background-position:0px -114px;}
.jl_p_inactnext {background-position:0px -76px;}
/* Breadcrumb */
.breadcrumb {font-size:1.2rem; margin-top:10px;}
/* Content */
.cms_contentWrapper {display:flex; flex-wrap: wrap; /*justify-content:space-between;*/ align-content:flex-start; column-gap: var(--articleSpacing,20px); margin:0 50px 0px 50px;}
/*.cms_contentWrapper {display:flex; flex-wrap: wrap; justify-content:space-between; margin:auto; max-width:1224px; padding:0 12px;}*/
.cms_contentWrapper > div {width:100%;}
.cms_contentWrapper > div.article_div img{max-width:100%;}
.cms_contentWrapper > div.article_div, .cms_contentWrapper > div.articleHeadline_div {margin-bottom:30px; margin-top:30px;/*margin-bottom:var(--articleSpacing); margin-top:var(--articleSpacing);padding:5px;*/ position:relative;flex-grow:0;flex-shrink:0;}
.cms_contentWrapper > div.articleHeadline_div {margin-bottom:5px;}
.cms_contentWrapper > div.articleHeadline_div_ruler {border-bottom: 1px solid var(--color-border,#dddddd); /*margin-bottom:20px !important;*/}
.cms_contentWrapper > div.article_div.grid_2_1 {width:calc(var(--grid_2_allBoxWidth) / 2);}
.cms_contentWrapper > div.article_div.grid_3_1 {width:calc(var(--grid_3_allBoxWidth) / 3);}
.cms_contentWrapper > div.article_div.grid_3_2 {width:calc((var(--grid_3_allBoxWidth) * 2 / 3) + var(--articleSpacing,20px));}
.cms_contentWrapper > div.article_div.grid_4_1 {width:calc(var(--grid_4_allBoxWidth) / 4);}
.cms_contentWrapper > div.article_div.grid_4_2 {width:calc((var(--grid_4_allBoxWidth) * 2 / 4) + var(--articleSpacing,20px));}
.cms_contentWrapper > div.article_div.grid_4_3 {width:calc((var(--grid_4_allBoxWidth) * 3 / 4) + var(--articleSpacing,20px) + var(--articleSpacing,20px));}
/* Pageheadline in Artikel */
.cms_contentWrapper > div.article_div > h1.pageHeadline {padding-bottom:25px; margin-top:0px; margin-bottom:-30px;border-bottom: 1px solid var(--color-border,#dddddd);}
.cms_contentWrapper > div.article_div.wdth_entirecntarea > h1.pageHeadline {padding-left:50px;padding-right:50px; margin:30px 0px 0px 0px;}
/* Footer */
.cms_footerWrapper * {font-size:1.2rem;line-height:1.65;}
.cms_footerWrapper {display:flex;flex-wrap: nowrap; gap:50px; justify-content:space-between; background: var(--footerBgColor,#000); color: var(--footerFontColor,#333); padding:20px 50px;}
.cms_footerWrapper > div > h3{margin-top:30px;font-size: inherit;}
.cms_footerWrapper > div > h3:first-child{margin-top:0px;}
.cms_footerWrapper > div{flex-grow:1; margin:0 0px; width:25%; min-width:175px;}
/*.cms_footerWrapper > div:nth-child(3){flex-grow:1;width:25%;}*/
.cms_footerWrapper h3 {border-bottom:1px dotted var(--footerFontColor,#333); padding-bottom:10px; color: var(--footerFontColor,#333) !important; font-size:1.2rem; font-weight:bold;}
.cms_footerWrapper a, .cms_footerWrapper p, .cms_footerWrapper span {color: var(--footerFontColor,#333);}
.cms_footerWrapper a:hover, .cms_footerWrapper a:hover span {color: var(--color-primary,#999);}
.cms_footerWrapper .socialMedia,
.cms_footerWrapper .socialMedia p {width:100%; margin:0; display:flex; row-gap: 10px; flex-wrap:wrap;}
/*.cms_footerWrapper .socialMedia a {vertical-align:top; width:50%; padding-left:30px; background-repeat:no-repeat; background-size: 20px 20px;background-position: left middle;}*/
.cms_footerWrapper .socialMedia a {vertical-align:top; width:100%; max-width:50%;}
.cms_footerWrapper .socialMedia a::before {content:""; display:inline-block; width:30px; height:20px; padding-right:5px; background-repeat:no-repeat; background-size: 20px 20px;background-position: left middle;}
.cms_footerWrapper .socialMedia a:hover::before {opacity: 0.8;}
.cms_footerWrapper .socialMedia a.sm_www::before {background-image:url(../_images/socialMedia_www.png);}
.cms_footerWrapper .socialMedia a.sm_facebook::before {background-image:url(../_images/socialMedia_facebook.png);}
.cms_footerWrapper .socialMedia a.sm_youtube::before {background-image:url(../_images/socialMedia_youtube.png);}
.cms_footerWrapper .socialMedia a.sm_linkedin::before {background-image:url(../_images/socialMedia_linkedIn.png);}
.cms_footerWrapper .socialMedia a.sm_x::before {background-image:url(../_images/socialMedia_x.png);}
.cms_footerWrapper .socialMedia a.sm_xing::before {background-image:url(../_images/socialMedia_xing.png);}
.cms_footerWrapper .socialMedia a.sm_instagram::before {background-image:url(../_images/socialMedia_instagram.png);}
.cms_footerWrapper .socialMedia a.sm_blog::before {background-image:url(../_images/socialMedia_blog.png);}
.cms_footerWrapper .socialMedia a.sm_tiktok::before {background-image:url(../_images/socialMedia_tiktok.png);}
.cms_footerWrapper .socialMedia .colored a.sm_www::before {background-image:url(../_images/socialMedia_www_colored.png);}
.cms_footerWrapper .socialMedia .colored a.sm_facebook::before {background-image:url(../_images/socialMedia_facebook_colored.png);}
.cms_footerWrapper .socialMedia .colored a.sm_youtube::before {background-image:url(../_images/socialMedia_youtube_colored.png);}
.cms_footerWrapper .socialMedia .colored a.sm_linkedin::before{background-image:url(../_images/socialMedia_linkedIn_colored.png);}
.cms_footerWrapper .socialMedia .colored a.sm_x::before {background-image:url(../_images/socialMedia_x_colored.png);}
.cms_footerWrapper .socialMedia .colored a.sm_xing::before {background-image:url(../_images/socialMedia_xing_colored.png);}
.cms_footerWrapper .socialMedia .colored a.sm_instagram::before {background-image:url(../_images/socialMedia_instagram_colored.png);}
.cms_footerWrapper .socialMedia .colored a.sm_blog::before {background-image:url(../_images/socialMedia_blog_colored.png);}
.cms_footerWrapper .socialMedia .colored a.sm_tiktok::before {background-image:url(../_images/socialMedia_tiktok_colored.png);}
.cms_footerWrapper .socialMedia span {vertical-align:top;}
.cms_footerWrapper .socialMedia img {margin-right:5px;display:none;}
.cms_footerWrapper a.link-arrow {color: var(--footerFontColor,#333)}
.cms_footerWrapper a.link-arrow:hover {color: var(--color-primary,#999);}
.cms_footerWrapper a.link-arrow:before {background: var(--footerFontColor,#333);}
/* Bei mehrzeiligen Links, den Text linksbündig neben dem Pfeil */
.cms_footerWrapper a.link-arrow {position:relative;padding-left:20px; display:inline-block;}
.cms_footerWrapper a.link-arrow:before {position:absolute;top:5px}
.cms_footerWrapper nav.cms_footerNav {position:relative;}
.cms_footerWrapper nav.cms_footerNav ul {padding:0; list-style: none;}
.cms_footerWrapper nav.cms_footerNav ul li {margin:0;padding:0;}
.cms_footerWrapper nav.cms_footerNav ul li a:hover{
color: var(--color-primary,#999);
}
.cms_footerWrapper nav.cms_footerNav ul li a::before {
content: "";
display: inline-block;
position:relative;
left:0px;
top:2px;
width: 20px;
height: 12px;
background: var(--footerFontColor,#333);
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
mask-repeat: no-repeat;
mask-size: auto 10px;
}
.cms_pageWrapper footer * {font-size:1.2rem; color: var(--footerFontColor,#333);}
footer { background: var(--footerBgColor,#000); color: var(--footerFontColor,#333); padding:40px 50px 10px 50px;}
footer a:link, footer a:hover, footer a:visited {color: var(--footerFontColor,#333);}
footer #GenericNavigation {position:relative; display:inline-block;}
footer #GenericNavigation ul {display:flex; padding:0;list-style: none;}
footer #GenericNavigation ul li {margin:0;}
footer #GenericNavigation ul li::after {content:"|"; display:inline-block; padding:0 5px; margin-bottom:5px ;color: var(--footerFontColor,#333);}
footer > span {white-space: nowrap;}
/* Anker nicht anzeigen, damit sie keinen Paltz brauchen */
.cms_anchor {line-height: 0px;height:0px;}
/* Boxes */
.cms_box {/*height:100%;*/ display:flex; flex-direction: column; border:1px solid var(--color-border,#dddddd);}
.cms_box .cms_boxFooter {margin-top:auto;}
/* Box Image-Text-Link */
.cms_box_imgTextLink {padding:10px;}
.cms_box_imgTextLink .cms_boxContent {/*padding:10px 10px 10px 10px;*/}
.cms_box_imgTextLink .cms_boxFooter {/*padding:10px;*/}
.cms_box_imgTextLink .cms_image {/*height:200px;*/width:100%; display:flex;}
.cms_box_imgTextLink .cms_image img{margin:auto; max-width:100%; height: auto;}
.cms_box_imgTextLink .cms_headline {margin:20px 0;}
.cms_box_imgTextLink .cms_headline *{margin:0;padding:0}
.cms_box_imgTextLink .cms_text{}
/* Box Paket */
.cms_box_package {padding:5px;}
.cms_box_package .cms_boxHeader {padding:20px; background:#E4E4E4;}
.cms_box_package .cms_boxContent, .cms_box_package .cms_boxFooter {padding:20px; }
.cms_box_package .cms_headline * {margin:0;padding:0}
.cms_box_package .cms_text{}
.article_div.clr_one .cms_box_package .cms_boxHeader {background: var(--color-color1,#E4E4E4);}
.article_div.clr_one .cms_box_package .cms_boxHeader h2,
.article_div.clr_one .cms_box_package .cms_boxHeader h3,
.article_div.clr_one .cms_box_package .cms_boxHeader h4 {color: var(--color-color1-corresponding,var(--color-text,#333)) !important;}
.article_div.clr_two .cms_box_package .cms_boxHeader {background: var(--color-color2,#E4E4E4);}
.article_div.clr_two .cms_box_package .cms_boxHeader h2,
.article_div.clr_two .cms_box_package .cms_boxHeader h3,
.article_div.clr_two .cms_box_package .cms_boxHeader h4 {color: var(--color-color2-corresponding,var(--color-text,#333)) !important;}
.article_div.clr_three .cms_box_package .cms_boxHeader {background: var(--color-color3,#E4E4E4);}
.article_div.clr_three .cms_box_package .cms_boxHeader h2,
.article_div.clr_three .cms_box_package .cms_boxHeader h3,
.article_div.clr_three .cms_box_package .cms_boxHeader h4 {color: var(--color-color3-corresponding,var(--color-text,#333)) !important;}
.article_div.clr_four .cms_box_package .cms_boxHeader {background: var(--color-color4,#E4E4E4);}
.article_div.clr_four .cms_box_package .cms_boxHeader h2,
.article_div.clr_four .cms_box_package .cms_boxHeader h3,
.article_div.clr_four .cms_box_package .cms_boxHeader h4 {color: var(--color-color4-corresponding,var(--color-text,#333)) !important;}
.article_div.clr_five .cms_box_package .cms_boxHeader {background: var(--color-color5,#E4E4E4);}
.article_div.clr_five .cms_box_package .cms_boxHeader h2,
.article_div.clr_five .cms_box_package .cms_boxHeader h3,
.article_div.clr_five .cms_box_package .cms_boxHeader h4 {color: var(--color-color5-corresponding,var(--color-text,#333)) !important;}
.article_div.clr_six .cms_box_package .cms_boxHeader {background: var(--color-color6,#E4E4E4);}
.article_div.clr_six .cms_box_package .cms_boxHeader h2,
.article_div.clr_six .cms_box_package .cms_boxHeader h3,
.article_div.clr_six .cms_box_package .cms_boxHeader h4 {color: var(--color-color6-corresponding,var(--color-text,#333)) !important;}
.article_div.clr_seven .cms_box_package .cms_boxHeader {background: var(--color-color7,#E4E4E4);}
.article_div.clr_seven .cms_box_package .cms_boxHeader h2,
.article_div.clr_seven .cms_box_package .cms_boxHeader h3,
.article_div.clr_seven .cms_box_package .cms_boxHeader h4 {color: var(--color-color7-corresponding,var(--color-text,#333)) !important;}
.article_div.clr_eight .cms_box_package .cms_boxHeader {background: var(--color-color7,#E4E4E4);}
.article_div.clr_eight .cms_box_package .cms_boxHeader h2,
.article_div.clr_eight .cms_box_package .cms_boxHeader h3,
.article_div.clr_eight .cms_box_package .cms_boxHeader h4 {color: var(--color-color8-corresponding,var(--color-text,#333)) !important;}
.article_div.clr_primary .cms_box_package .cms_boxHeader {background: var(--color-primary,#999);}
.article_div.clr_primary .cms_box_package .cms_boxHeader h2,
.article_div.clr_primary .cms_box_package .cms_boxHeader h3,
.article_div.clr_primary .cms_box_package .cms_boxHeader h4 {color: var(--color-primary-corresponding,#fff) !important;}
/* Box Artikel */
.cke_editable .cms_box_article .cms_boxArticleMedia {background:#fefefe; border:1px dotted orange;}
.cke_editable .cms_box_article .cms_boxArticleMedia::before { content:"Sie können in diesem Medienfeld entweder das Bild verwenden oder Sie weisen unten eine Mediensammlung zu und wählen bei den Eigenschaften den entsprechenden Typ aus.";position:absolute; margin-top:250px; background:#eee; border:1px dotted orange;font-size:10px;line-height:1.2;opacity: 0.7;}
.cms_box_article {/*padding:5px;*/ width:100%; display:flex; justify-content:space-between; gap:50px;}
.cms_box_article h3 {margin-top:0px;}
.cms_box_article > div {position:relative; width:100%; /*max-width:calc(50% - (var(--articleSpacing) / 2));*/}
.cms_box_article .cms_boxArticleMedia {overflow: hidden;}
.cms_box_article .cms_image {/*margin-top:10px;*/height:auto;width:100%; display:flex;}
.cms_box_article .cms_image img{margin:auto; max-width:100%;}
.cms_box_article ul {margin-bottom:20px;}
.cms_box_article table {
max-width: 100%;
width:100%;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0;
}
.cms_box_article table *{
font-size:1.5rem;
}
.cms_box_article table th, .cms_box_article table td{
/*border: 1px solid #e9e9e9;*/
/*padding: 5px 10px;*/
}
.cms_box_article table th {
color: var(--color-text,#333);
background-color: #f5f5f5;
min-width: 32px;
text-align: right;
vertical-align: top;
padding-right: 10px;
border: 1px solid var(--color-borderTable,#ddd);
}
.cms_box_article table th strong{
font-weight: bold;
}
.cms_box_article table td {
text-align: right;
vertical-align: top;
text-align: right;
padding-right: 10px;
}
.cms_box_article table tr th:first-child,
.cms_box_article table tr td:first-child{
text-align: left;
}
.cms_box_article table .p_border{
border: 1px solid var(--color-borderTable,#ddd);
padding: 5px 10px;
}
.cms_box_article table .border_left {
border-left: 1px solid var(--color-borderTable,#ddd);
}
.cms_box_article table .border_right {
border-right: 1px solid var(--color-borderTable,#ddd);
}
.cms_box_article table .border_bottom {
background-color: #fff;
border-bottom: 1px solid var(--color-borderTable,#ddd);
}
.cms_box_article table .padding-left {
padding-left: 10px;
padding-top: 5px;
}
.cms_box_article table .padding-top {
padding-top: 5px;
}
.cms_box_article table .padding-bottom {
padding-bottom: 5px;
}
.cms_box_article table .abstand {
padding-left: 20px;
}
.cms_box_article table ul { padding-left: 30px;}
.cms_box_article table ul li {text-align:left;}
/* Artikel über die gesamte Breite */
.wdth_entirecntarea .cms_box_article,
.wdth_entirecntarea .cms_box_article {margin: 10px 50px 10px 50px;}
/* Arikel Toggle */
.cms_box_articleToggle {border:1px solid var(--color-border,#dddddd); background: #ffffff;}
.cms_box_articleToggle .toggleHeader {background: #ffffff; border-bottom:1px solid var(--color-border,#dddddd); cursor:pointer;}
.cms_box_articleToggle .toggleHeader .cms_headline {color: var(--color-primary,#999);}
.cms_box_articleToggle .toggleHeader .cms_headline h2,
.cms_box_articleToggle .toggleHeader .cms_headline h3 {color: var(--color-primary,#999) !important; margin:0; font-size:1.6rem; line-height:2; display:inline-block;vertical-align:middle;}
.cms_box_articleToggle .toggleHeader .cms_headline::before {
content:'\FF0B';/*Kreuz*/
font-size:2.5rem;
font-weight:bold;
position:relative;
display:inline-block;
text-align:center;
vertical-align:middle;
width:32px;
margin-right:5px;
border-right: 1px solid var(--color-border,#dddddd);
}
.cms_box_articleToggle .cms_box_article {padding:20px;margin: 0px;}
.clr_one.wdth_entirecntarea.toggle .cms_box_articleToggle,
.clr_two.wdth_entirecntarea.toggle .cms_box_articleToggle,
.clr_three.wdth_entirecntarea.toggle .cms_box_articleToggle,
.clr_four.wdth_entirecntarea.toggle .cms_box_articleToggle,
.clr_five.wdth_entirecntarea.toggle .cms_box_articleToggle,
.clr_six.wdth_entirecntarea.toggle .cms_box_articleToggle,
.clr_seven.wdth_entirecntarea.toggle .cms_box_articleToggle,
.clr_eight.wdth_entirecntarea.toggle .cms_box_articleToggle,
.clr_primary.wdth_entirecntarea.toggle .cms_box_articleToggle {margin: 10px 50px 10px 50px;}
.wdth_entirecntarea.toggle .cms_box_articleToggle.first {margin-top: 30px;}
.wdth_entirecntarea.toggle .cms_box_articleToggle.last {margin-bottom: 30px;}
/* Toggle Area Header */
.cms_pageWrapper .article_div.wdth_entirecntarea h3.toggleAreaHeader {margin: 30px 50px 0px 50px; font-weight:bold;}
/* Box mit Bild und Text Toggle darunter*/
.cms_box_imageWithTextToggle .cms_boxArticleText {border:1px solid var(--color-border,#dddddd); background: #ffffff; cursor:pointer;}
.cms_box_imageWithTextToggle .cms_boxHeader {background: #ffffff; border-bottom:1px solid var(--color-border,#dddddd); cursor:pointer;}
.cms_box_imageWithTextToggle .cms_boxContent {padding:15px;display:none;}
.cke_editable .cms_boxContent, .adm_editorDiv .cms_boxContent {display:block;}
.cms_box_imageWithTextToggle .cms_boxContent a {font-weight:bold;}
.cms_box_imageWithTextToggle .cms_image {height:70px;margin-bottom:10px;}
.cms_box_imageWithTextToggle .cms_image img{max-height:70px;}
.cms_box_imageWithTextToggle .cms_headline {color: var(--color-primary,#999);}
.cms_box_imageWithTextToggle .cms_headline h3 {color: var(--color-primary,#999) !important; margin:0; margin-right:10px;font-size:1.6rem; line-height:2; display:inline-block;vertical-align:middle;}
.cms_box_imageWithTextToggle .cms_headline::before{
content:'\FF0B';/*Kreuz*/
font-size:2.5rem;
font-weight:bold;
position:relative;
display:inline-block;
text-align:center;
vertical-align:middle;
width:32px;
margin-right:5px;
/*margin-top:-5px;*/
border-right: 1px solid var(--color-border,#dddddd);
}
/* Box Kontakte */
.cms_box_contact {border: 1px solid var(--color-border,#dddddd);}
.cms_box_contact .cms_boxHeader {background:#f5f5f5;padding:5px 10px; border-bottom: 1px solid var(--color-border,#dddddd);}
.cms_box_contact .cms_boxHeader h2,
.cms_box_contact .cms_boxHeader h3 {margin:0;padding:0;}
.cms_box_contact .cms_boxContent {display:flex;justify-content:space-between;margin:20px;}
.cms_box_contact .cms_contact {width:100%; display:flex;}
.cms_box_contact .cms_contact .cms_image {margin-right:20px;}
.cms_box_contact .cms_contact .cms_image img{max-width:150px;}
.cms_box_contact .cms_contact .cms_text {margin-right:20px;}
.cms_box_contact .cms_contact .cms_text div:first-child{margin-bottom:20px;}
.cms_box_contact .contactType {display: inline-block; width:55px;font-weight: bold;}
/* Kontakte Toggle */
.article_div.wdth_entirecntarea.toggle .cms_box_contact {padding:20px 50px;background: var(--contactBgColor,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_one .cms_box_contact {background: var(--color-color1,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_two .cms_box_contact {background: var(--color-color2,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_three .cms_box_contact {background: var(--color-color3,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_four .cms_box_contact {background: var(--color-color4,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_five .cms_box_contact {background: var(--color-color5,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_six .cms_box_contact {background: var(--color-color6,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_seven .cms_box_contact {background: var(--color-color7,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_eight .cms_box_contact {background: var(--color-color8,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_primary .cms_box_contact {background: var(--color-primary,#999);}
.article_div.wdth_entirecntarea.toggle .cms_box_contact, .article_div.wdth_entirecntarea.toggle .cms_box_contact .cms_boxHeader {border-color: var(--contactBgColor,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_one .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_one .cms_box_contact .cms_boxHeader {border-color: var(--color-color1,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_two .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_two .cms_box_contact .cms_boxHeader {border-color: var(--color-color2,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_three .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_three .cms_box_contact .cms_boxHeader {border-color: var(--color-color3,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_four .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_four .cms_box_contact .cms_boxHeader {border-color: var(--color-color4,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_five .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_five .cms_box_contact .cms_boxHeader {border-color: var(--color-color5,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_six .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_six .cms_box_contact .cms_boxHeader {border-color: var(--color-color6,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_seven .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_seven .cms_box_contact .cms_boxHeader {border-color: var(--color-color7,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_eight .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_eight .cms_box_contact .cms_boxHeader {border-color: var(--color-color8,#E4E4E4);}
.article_div.wdth_entirecntarea.toggle.clr_primary .cms_box_contact, .article_div.wdth_entirecntarea.toggle.clr_primary .cms_box_contact .cms_boxHeader {border-color: var(--color-primary,#999);}
.article_div.wdth_entirecntarea.toggle .cms_box_contact .cms_boxContent {margin:0; padding: 20px; background:#ffffff;}
.toggle .cms_box_contact {background:#ffffff;}
.toggle .cms_box_contact .cms_boxHeader {padding:0; cursor:pointer; background: #ffffff;}
.toggle .cms_box_contact .cms_boxContent {display:none;}
.toggle .cms_box_contact .cms_headline {color: var(--color-primary,#999);}
.toggle .cms_box_contact .cms_headline h2,
.toggle .cms_box_contact .cms_headline h3 { margin:0; font-size:1.6rem; display:inline-block;}
.toggle .cms_box_contact .cms_headline::before{
content:'\23F7'; /*abgeflachtes Dreieck nach unten*/
font-size:2.0rem;
font-weight:bold;
position:relative;
display:inline-block;
text-align:center;
vertical-align:middle;
width:32px;
margin-right:5px;
/*margin-left:-40px;
margin-top:4px;*/
border-right: 1px solid var(--color-border,#dddddd);
}
.toggle .cms_box_contact .cms_headline.open:before{
content:'\2715';/* x, fett: x \00D7 */
font-size:1.5rem;
}
/* Kontakt unten im Contentbereich */
.frameContent_div.contact_div {background:var(--contactBgColor,#E4E4E4); padding:20px 50px !important; border-top: 1px solid #ffffff;}
.frameContent_div.contact_div .cms_box_contact {background:#ffffff;}
.frameContent_div.contact_div .cms_box_contact, .frameContent_div.contact_div .cms_box_contact .cms_boxHeader {border-color: var(--contactBgColor,#E4E4E4);}
/* KeyVisuals */
/* KeyVisual mit Overlay */
.cms_box_keyvisual_v_overlay {height:465px; display: inline-block; overflow: hidden; position: relative; width: 100%;}
.cms_contentWrapper > div.article_div .cms_box_keyvisual_v_overlay img {pointer-events: none; position: absolute; max-width:unset; /*min-width: 100%; min-height: 100%;*/ z-index: -1; } /* Bild Zentrieren: margin-left: calc((100% - [Bildbreite]px) / 2);*/
.cms_box_keyvisual_v_overlay .cms_boxOverlay {position:absolute; max-width:500px; margin-top:100px; margin-left:50px; padding:30px;background-color: rgba(255, 255, 255, 0.35);}
/*.cms_box_keyvisual_v_overlay .cms_boxOverlay {right:30px; }*/ /* Overlay rechts */
.cms_box_keyvisual_v_overlay .cms_headline h2{margin:0;}
.cms_box_keyvisual_v_overlay .cms_headline h2,
.cms_box_keyvisual_v_overlay .cms_headline h2 b,
.cms_box_keyvisual_v_overlay .cms_text,
.cms_box_keyvisual_v_overlay .cms_link a {font-size:40px;line-height:normal;}
/* KeyVisual zweispaltig */
.cms_box_keyvisual_v_sidebyside {display:flex; flex-wrap: wrap; align-items: stretch; height:450px; }
.cms_box_keyvisual_v_sidebyside > div {width:50%; display: flex; justify-content: center; align-items: center;}
.cms_box_keyvisual_v_sidebyside .cms_image img {max-width:100%; }
.cms_box_keyvisual_v_sidebyside .cms_content {display:flex;flex-direction: column;padding:30px;margin-left:0px;}
.cms_box_keyvisual_v_sidebyside .cms_content h2{margin:0;}
.cms_box_keyvisual_v_sidebyside .cms_content .cms_headline h2,
.cms_box_keyvisual_v_sidebyside .cms_content .cms_text,
.cms_box_keyvisual_v_sidebyside .cms_content .cms_link a {font-size:40px;line-height: normal;}
.cms_box_keyvisual_v_sidebyside .cms_content .cms_link a:before{display:none;}
/* Todo: Content mit Hintergrund */
/*.cms_box_contentWithBackground {height:465px; display: inline-block; overflow: hidden; position: relative; width: 100%;}
.cms_contentWrapper > div.article_div .cms_box_contentWithBackground img {pointer-events: none; position: absolute; max-width:unset; z-index: -1; }
.cms_box_contentWithBackground .cms_boxOverlay {margin:50px; }
*/
/* Galerie */
.gallery {display:flex; flex-wrap:wrap; justify-content:space-between; gap: 30px;}
.gallery div {display:inline-block;}
.gallery .item {max-width: calc((100% - 60px) / 3);}
.gallery .galleryImage img {width:100%; }
/* Link to top */
.cms_toTop{border-bottom: 1px solid var(--color-border,#dddddd); text-align:right; position:relative;z-index: 2;}
.cms_toTop > span {background:#efefef;border: 3px solid #fff; border-radius:15px;top:-15px;display:inline-block; width:30px; height:30px;right:10px;position:absolute;text-align:center;}
.cms_toTop > span::before{
content:"";
display: inline-block;
position: relative;
width:8px; height:17px;
/*margin-top:3px;*/
cursor: pointer;
vertical-align:middle;
background: var(--color-border,#dddddd);
mask-repeat: no-repeat; mask-position:50% 50%; mask-size:100%;
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-repeat: no-repeat; -webkit-mask-position:50% 50%; -webkit-mask-size:100%;
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
transform: rotate(-90deg);
}
/* Artikel Styles */
.cms_contentWrapper > div.wdth_entirecntarea {
margin: 0 -50px 0 -50px;
width: calc(100% + 100px);
padding:0;
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_one {
background:var(--color-color1,#E4E4E4);
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_two {
background:var(--color-color2,#E4E4E4); /*#c9caca*/
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_three {
background:var(--color-color3,#E4E4E4);
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_four {
background:var(--color-color4,#E4E4E4);
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_five {
background:var(--color-color5,#E4E4E4);
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_six {
background:var(--color-color6,#E4E4E4);
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_seven {
background:var(--color-color7,#E4E4E4);
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_eight {
background:var(--color-color8,#E4E4E4);
}
.cms_contentWrapper > div.wdth_entirecntarea.clr_primary {
background:var(--color-primary,#999);
}
/* Elemente */
/* Image (Bild als einziges Artikelelement) */
img.image-centeredInCntArea {display:block; margin:auto;}
.cms_contentWrapper > div.wdth_entirecntarea img.image-centeredInCntArea {padding: 50px;}
/* Text */
.text-hint, .text-hint *{font-size: 13px;color: var(--color-text-light,#444);}
.text-price {font-size: 1.7rem; font-weight:bold;}
/* Liste */
.list-hooked {margin-bottom:20px;}
.list-hooked li {padding-left:10px;margin-left:-25px;}
.list-hooked li::marker{
content: '\2714'; /*Haken*/
color: var(--color-primary,#999);
}
/* Links */
a.link-text{
color: var(--color-text,#333) !important;
font-weight: normal;
text-decoration: underline;
}
a.link-text:active, a.link-text:focus, a.link-text:hover{
color: var(--color-primary,#999) !important;
text-decoration: underline;
}
a.link-btn {
font-size: 1.6rem;
line-height: 1.25;
display: inline-block;
padding: .75em 35px .7em 1em;
font-weight: 700;
font-family: inherit;
/*letter-spacing: 1.14px;*/
text-align: center;
/*text-transform: uppercase;*/
text-decoration: none;
vertical-align: middle;
border-radius: 0;
cursor: pointer;
transition: all .3s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff !important;
background-color: var(--color-primary,#999);
border: 1px solid var(--color-primary,#999);
border-radius:6px;
margin-top: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8, ");
background-repeat:no-repeat;
background-position:right 15px center;
background-size:auto 12px;
}
a.link-btn:active, a.link-btn:focus, a.link-btn:hover {
color: #ffffff !important;
background-color: var(--color-primary-dark,#999);
border-color: var(--color-primary-dark,#999);
text-decoration: none;
outline: none;
background-image: url("data:image/svg+xml;charset=UTF-8, ");
}
a.link-arrow{
color: var(--color-text,#333);
font-weight: normal;
/*-moz-transition: none;
-webkit-transition: none;
transition: none;*/
}
a.link-arrow:hover{
color: var(--color-primary);
/*font-weight: bold;*/
}
a.link-arrow::before {
content: "";
display: inline-block;
position:relative;
left:0px;
top:2px;
width: 20px;
height: 12px;
background: var(--color-primary,#999);
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: auto 10px;
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
mask-repeat: no-repeat;
mask-size: auto 10px;
}
a.link-download{
color: var(--color-text,#333);
font-weight: normal;
/*-moz-transition: none;
-webkit-transition: none;
transition: none;*/
}
a.link-download:hover{
color: var(--color-primary);
}
a.link-download::before {
content: "";
display: inline-block;
position:relative;
transform: rotate(45deg);
left:0px;
top:2px;
width: 20px;
height: 12px;
background: var(--color-primary,#999);;
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: auto 10px;
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
mask-repeat: no-repeat;
mask-size: auto 10px;
}
/* MediaQueries */
@media all and (max-width : 1300px) {
body.body_marketingservices::before { display:none }
#languagenav {padding:0px 20px 0 0;}
.cms_headerWrapper {margin: 10px 20px 20px 20px;}
.cms_mainNav {padding:0 10px;}
.cms_contentWrapper { margin:0 20px 0px 20px;}
.cms_contentWrapper > div.wdth_entirecntarea {margin: 0 -20px 0 -20px; width: calc(100% + 40px); }
.cms_contentWrapper > div.article_div.wdth_entirecntarea > h1.pageHeadline {padding-left:20px;padding-right:20px;}
.cms_contentWrapper > div.wdth_entirecntarea img.image-centeredInCntArea {padding: 20px;}
.cms_footerWrapper {padding:20px 20px;}
footer {padding:40px 20px 10px 20px;}
}
@media all and (max-width : 950px) {
.cms_footerWrapper {flex-wrap:wrap; }
.cms_footerWrapper > div {width: calc((100% - 50px) / 2); }
}
@media all and (max-width : 900px) {
.cms_headerWrapper {flex-wrap:wrap;}
.cms_headerWrapper .fairinfo {width:200px;}
.cms_headerWrapper .titleServices {order: 4; width:100%; }
}
@media all and (max-width : 768px) {
.cms_box_article {flex-wrap:wrap;}
}
@media all and (max-width : 530px) {
.cms_headerWrapper .fairinfo { order:3; width:100%;}
/*.cms_headerWrapper .fairinfo {order: 4; width:100%; }*/
}
@media all and (max-width : 345px) {
.cms_pageWrapper table * {hyphens: auto;}
}
/* Artikel Grid responsive */
@media all and (max-width : 1000px) {
.cms_contentWrapper > div.article_div.grid_4_1 {width:calc(var(--grid_2_allBoxWidth) / 2);}
.cms_contentWrapper > div.article_div.grid_4_2 {width:100%;}
.cms_contentWrapper > div.article_div.grid_4_3 {width:100%;}
}
@media all and (max-width : 800px) {
.cms_contentWrapper > div.article_div.grid_3_1 {width:100%;}
.cms_contentWrapper > div.article_div.grid_3_2 {width:100%;}
}
@media all and (max-width : 650px) {
.cms_contentWrapper > div.article_div.grid_2_1 {width:100%;}
.cms_contentWrapper > div.article_div.grid_4_1 {width:100%;}
.cms_box_keyvisual_v_sidebyside > div {width:100%; }
.cms_box_keyvisual_v_sidebyside {height:unset; }
.cms_contentWrapper > div.article_div .cms_box_keyvisual_v_overlay .cms_boxOverlay { width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
}
/* Navigation responsive */
@media all and (max-width : 800px) {
.cms_mainNav .navBurgerToggle {display:block;margin-left:10px;}
.cms_mainNav ul.main_navMenu.navMenuLev1{display:none; border-top: 1px solid var(--color-border,#dddddd);}
.cms_mainNav ul.main_navMenu.navMenuLev1.open{display:block;}
.cms_mainNav ul.navMenuLev1 > li.navItemHasSub > a:after {display:none;}
.cms_mainNav ul.navMenuLev1 > li.navItemHasSub > a > span.subNavToggle {float:right; line-height:inherit;width:20px;}
.cms_mainNav ul.navMenuLev1 > li.navItemHasSub > a > span.subNavToggle::before {content: "\25BC"; font-size: 9px; color: var(--navBarFontColor, #999); vertical-align: middle; display: inline-block; padding-left: 7px;}
.cms_mainNav ul.navMenuLev1 > li.navItemHasSub > a > span.subNavToggle:hover::before {color: var(--navBarFontColorHover, #999);}
.cms_mainNav ul.navMenuLev1 > li.navItemHasSub > a > span.subNavToggle.open::before {content: "\25B2"; }
.cms_mainNav li {width:100%;}
.cms_mainNav ul.navMenuLev2 {position:relative;border-bottom: none; margin: 0px 10px 0 10px; width: calc(100% - 20px); padding: 30px 30px;}
.cms_mainNav .navMenuLev1 li:hover ul.navMenuLev2 {display:none; }
.cms_mainNav .navMenuLev1 li ul.navMenuLev2.open {display:block; }
.cms_mainNav .navMenuLev1 > li.navSubItemCount_2 > ul > li,
.cms_mainNav .navMenuLev1 > li.navSubItemCount_3 > ul > li,
.cms_mainNav .navMenuLev1 > li.navSubItemCount_4 > ul > li,
.cms_mainNav .navMenuLev1 > li.navSubItemCount_5 > ul > li,
.cms_mainNav .navMenuLev1 > li.navSubItemCount_6 > ul > li,
.cms_mainNav .navMenuLev1 > li.navSubItemCount_7 > ul > li {width:100%;margin-bottom:20px;}
.cms_mainNav .navMenuLev3 {margin-left:30px;}
}
/* ---------------------------------------------------------------------------------- */
/* ---- Start: Anpassungen, damit Inhalte ueber die gesamte Breite gehen koennen ----*/
/* - Content für alles über die gesamte Breite setzen*/
.fullScreenWidth .cms_pageWrapper {max-width:100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
/* - Den seitlichen Margin von den Elementen anpassen, damit sie wieder in der Mitte sind (seitliches margin = (100% - Contentbreite) / 2) */
.fullScreenWidth .cms_contentWrapper, .fullScreenWidth .site-header{margin: 0 calc((100% - 1200px) / 2);}
.fullScreenWidth .cms_footerWrapper, .fullScreenWidth footer {padding-left: calc((100% - 1200px) / 2); padding-right: calc((100% - 1200px) / 2);}
.fullScreenWidth .site-header .cms_headerNav {position: relative; }
.fullScreenWidth .site-header .cms_headerNav #languagenav {padding-right: 0px;}
.fullScreenWidth .site-header .cms_headerWrapper {margin-left: 0px; margin-right: 0px;}
.fullScreenWidth .site-header .cms_mainNav {padding-left: 0px; padding-right: 0px; margin-left: -10px; margin-right: -10px;}
/* Contact mit Hintergrund ueber die gesamte Breite */
.fullScreenWidth .frameContent_div.contact_div .cms_box_contact{margin: 0 calc((100% - 1200px) / 2);}
/* Contact mit Hintergrund nicht ueber die gesamte Breite */
/*.fullScreenWidth .frameContent_div.contact_div.wdth_entirecntarea{margin: 0;}*/
/* Contact mit Hintergrund nicht ueber die gesamte Breite */
.fullScreenWidth .cms_contentWrapper > div.wdth_entirecntarea.cms_toTop {margin-left: calc((100% - 1200px) / 2); }
/* - Die Breite und den seitlichen Margin von den Elmenten anpassen die ueber die gesamte Breite gehen sollen */
.fullScreenWidth .cms_contentWrapper > div.wdth_entirecntarea {
margin: 0 calc((100vw - 1200px) / -2) 0 calc((100vw - 1200px) / -2);
width: calc(100% + (100vw - 1200px));
}
.fullScreenWidth .cms_contentWrapper > div.wdth_entirecntarea .cms_box_keyvisual_v_overlay .cms_boxOverlay {
margin-left: calc((100vw - 1200px) / 2);
}
/* MediaQueries */
@media all and (max-width : 1300px) {
.fullScreenWidth .site-header {margin: 0; padding:20px;}
.fullScreenWidth .site-header .cms_headerWrapper {margin:0 20px;}
.fullScreenWidth .site-header .cms_headerNav #languagenav {padding-right: 20px;}
.fullScreenWidth .site-header .cms_mainNav {padding-left: 10px; padding-right: 10px; margin-left: 0px; margin-right: 0px;}
.fullScreenWidth .cms_contentWrapper {margin: 0; padding:20px 20px 0 20px;}
.fullScreenWidth .cms_footerWrapper, .fullScreenWidth footer {margin: 0; padding:20px;}
.fullScreenWidth .cms_contentWrapper > div.wdth_entirecntarea {margin: 0 -20px 0 -20px; width: calc(100% + 40px);}
/*.fullScreenWidth .frameContent_div.contact_div.wdth_entirecntarea {margin: 0; width:100%;}*/
.fullScreenWidth .frameContent_div.contact_div.wdth_entirecntarea .cms_box_contact{margin: 0 -30px;}
.fullScreenWidth .cms_contentWrapper > div.wdth_entirecntarea .cms_box_keyvisual_v_overlay .cms_boxOverlay {margin-left: 20px;}
.fullScreenWidth .cms_contentWrapper > div.wdth_entirecntarea.cms_toTop { margin: 0px;}
}
/* ---- Ende: Anpassungen, damit Inhalte ueber die gesamte Breite gehen koennen ---- */
/* Inhalte faden */
img{animation:fadein 1s;-moz-animation:fadein 2s;-webkit-animation:fadein 1s;}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}