/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/lato-v22-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../Fonts/lato-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../Fonts/lato-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../Fonts/lato-v22-latin-300.woff') format('woff'), /* Modern Browsers */
	   url('../Fonts/lato-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../Fonts/lato-v22-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/lato-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../Fonts/lato-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../Fonts/lato-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../Fonts/lato-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../Fonts/lato-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../Fonts/lato-v22-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/lato-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../Fonts/lato-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../Fonts/lato-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../Fonts/lato-v22-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('../Fonts/lato-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../Fonts/lato-v22-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/comfortaa-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../Fonts/comfortaa-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../Fonts/comfortaa-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../Fonts/comfortaa-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../Fonts/comfortaa-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../Fonts/comfortaa-v34-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* comfortaa-700 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/comfortaa-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../Fonts/comfortaa-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../Fonts/comfortaa-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../Fonts/comfortaa-v34-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('../Fonts/comfortaa-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../Fonts/comfortaa-v34-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
}


:root {
	--artworxxBlue: #0254a0;
	--artworxxGrey: #ccc;
	--fontColor: #6e6d6d;
	--fontSize: 16px;
	--fontSizeMenu: 11px;
	--letterSpacingMenu: 4px;
	--fontLineHeight: 1.6;
	--fontWeight: 400;
	--fontFamily: "Lato", Helvetica, Arial, sans-serif;
	--backgroundColorGrey: #505050;
	--backgroundColorActiveRefLink: #f5f5f5;
	--backgroundColorActiveRef: rgba(2,84,160,0.8);
	--contentMaxWidth: 1100px;

}


* 				{ margin:0; padding:0; hyphens: auto; }
*:focus			{ outline: none; }

body			{ font-size:var(--fontSize); line-height:var(--fontLineHeight); margin:0 auto; font-family:var(--fontFamily); font-weight:var(--fontWeight); color:var(--fontColor); background:#fff; }

h1,
h2,
h3,
h4,
h5,
h6				{ color:var(--artworxxBlue); font-family: "Comfortaa", Helvetica, Arial, sans-serif; padding: 0; margin: 0; }

h1x				{ color:#000000; font-weight:600; font-size:26px; line-height:36px; margin:0 0 25px 0; padding:0;}
h2x				{ color:#002D57; font-weight:400; font-size:20px; line-height:30px; margin:0 0 3px 0; padding:0;}
h3x				{ color:#000000; font-weight:400; font-size:20px; line-height:30px; margin:0 0 15px 0; padding:0;}
h4x				{ color:#000000; font-weight:600; font-size:20px; line-height:30px; margin:0 0 15px 0; padding:0;}
h5x				{ color:#000000; font-weight:400; font-size:18px; line-height:28px; margin:0 0 15px 0; padding:0;}
h6x				{ color:#002D57; font-weight:600; font-size:16px; line-height:28px; margin:0 0 15px 0; padding:0;}

p				{ margin:0 0 15px 0; padding:0; }
ul, ol			{ margin:0 0 20px 0; }
ul				{ list-style-type: none; }
ul li 			{ padding-left: 20px; background: url(../Images/list.svg) no-repeat left 6px; background-size: 10px 10px; margin: 0 0 15px 0; }
ol li			{ margin: 0 0 15px 20px; }

b,strong		{ font-weight:700; }

a				{ color:var(--artworxxBlue); text-decoration:none;
					transition:      color 0.4s ease, background-color 0.4s ease, background-image 1s ease-in-out, padding 0.4s ease ;
					-moz-transition:  color 0.4s ease, background-color 0.4s ease, background-image 1s ease-in-out, padding 0.4s ease ;
					-webkit-transition:  color 0.4s ease, background-color 0.4s ease, background-image 1s ease-in-out, padding 0.4s ease ;
					-o-transition:    color 0.4s ease, background-color 0.4s ease, background-image 1s ease-in-out, padding 0.4s ease ; }
a:hover			{ text-decoration: none; color:#002D57; }
a.internal-link-new-window{ }

iframe			{ border:0; margin:0; padding:0; }
img				{ border:0; margin:0; padding:0; display: block; }

textarea,
input[type="text"],
input[type="button"],
input[type="submit"]	{ -webkit-appearance: none; border-radius: 0; font-family:var(--fontFamily); font-weight:var(--fontWeight); color:var(--fontColor); }
input:focus,
select:focus			{ outline:none; }

.text-center			{ text-align: center; }


main				{ width: 100%; }
.container			{ width: 100%; }
.container .limited { max-width: var(--contentMaxWidth); margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.layout								{ width: 100%; display: flex; flex-wrap: wrap; }
.layout-10							{ }
.layout-10 .article					{ width: 25%; overflow: hidden; position: relative; }
.layout-10 .article img				{ width: 100%; height: auto; display: block; transition: transform .4s; /* Animation */ }
.layout-10 .article img:hover 		{ transform: scale(1.1);}
.layout-10 .info 					{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background:var(--backgroundColorActiveRef); opacity: 0; transition: all .3s ease; }
.layout-10 .article:hover .info		{ opacity: 1; transition: all 0.3s ease; }
.layout-10 .article:hover img		{ transform: scale(1.1);}

.layout-11 ul			{ display: flex; margin: 0; padding: 60px 0; width: 100%; justify-content: center; }
.layout-11 li			{ margin: 0; padding: 0; }
.layout-11 span			{ font-size: var(--fontSizeMenu); letter-spacing: var(--letterSpacingMenu); cursor: pointer; padding: 4px 7px 4px 10px; border-radius: 10px; text-transform: uppercase; }
.layout-11 .active		{ background:var(--backgroundColorActiveRefLink); }



nav						{ width: 100%; border-bottom: 1px solid var(--artworxxGrey);}
nav .top				{ height:80px; max-width: var(--contentMaxWidth); margin: 0 auto; background: #ccc; position: relative;  }
nav .top .logo        	{ display:block; position:absolute; top:30px; left: 20px;  }
nav .top .logo:hover  	{ text-decoration:none; }

nav .menuTop		{ display: none; }




#menuTopWrap	    				{ width:calc(100% - 200px); position:absolute; right:0; top:39px; }
#menuTop 							{ position: relative; width: 100%; margin: 0 auto; padding: 0; text-align: right; display: none; }
#menuTop li 						{ display: inline-block; color: #fff; list-style: none; transition: 0.5s; padding: 0;  margin: 0 0 0 40px; background: none; }
#menuTop > li > a 					{ padding: 0; }
#menuTop > li:hover a 				{ color: #2785D6; }
#menuTop ul.level2 					{ position: absolute; width: 100%; top: -9999px; right: 0; padding: 10px 0 0 25px; background: #F7F7F7; text-align: left; border-top: 5px solid #2785D6; z-index: 1; display: flex; flex-wrap: wrap; box-sizing: border-box; }
#menuTopWrap ul li:hover ul.level2	{ top: 100%; }

#menuTopWrap .level2 li 			{ display: block; }
#menuTopWrap .level2 li a 			{ margin-top: 10px; transition: 0.5s; color: #000; }
#menuTopWrap .level2 li a:hover 	{ color: #4096ee; }

#menuTopWrap .level1Link 			{ line-height: 36px; }
#menuTopWrap .level2Link 			{ font-weight: 600; font-size: 18px; }

#menuTopWrap .level3				{ width: 25%; margin: 5px 0 15px 0; padding: 0 25px 0 0; box-sizing: border-box; }
#menuTopWrap .level3 li 			{ margin: 0 0 7px 0; }

#menuTop a 							{  color: #fff; text-decoration: none; }
#menuTop li a.aktiv 				{ color:#2785D6; }

#menuTop #submenu9 ul.level2		{ width: 25%; }
#menuTop #submenu9 .level3			{ width: 100%; }
#menuTop #submenu9 .level2Li		{ display: none; }


#menuTop #submenuLanguage ul.level2	{ width: auto; }
#menuTop #submenuLanguage .level3	{ width: 100%; }

#menuTop #level2-search				{ display: none; }

#sprachWechslerWrap					{ position: absolute; top: 39px; right: 0;}

#sprachWechsler								{ position: relative; width: 100%; margin: 0 auto; padding: 0; text-align: right; }
#sprachWechsler li							{ display: inline-block; color: #fff; list-style: none; transition: 0.5s; padding: 0;  margin: 0 0 0 40px; background: none;  }
#sprachWechsler > li > a					{ padding: 0; line-height: 36px; color: #fff; }
.langActive									{ line-height: 36px; color:#fff; cursor: pointer;}
#sprachWechsler ul.languageMenu 			{ position: absolute; width: auto; top: -9999px; right: 0; padding: 10px; margin: 0;  background: #F7F7F7; text-align: left; border-top: 5px solid #2785D6; z-index: 1; display: flex; flex-wrap: wrap; box-sizing: border-box; }
#sprachWechsler .languageMenu li 			{ display: block; margin: 0;  }
#sprachWechsler .languageMenu li a 			{ margin-top: 10px; transition: 0.5s; color: #000; }
#sprachWechsler .languageMenu li a:hover 	{ color: #4096ee; }

#sprachWechsler li:hover ul.languageMenu	{ top: 100%; }



/* KOPFBILD + SLIDER */
.headImage					{ width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; }
.headImage img				{ width: 100%; height: auto; display: block; }



/* CONTENT */

.layout-0x,
.layout-1x						{ display: block; visibility: hidden; height: 0 !important; position: absolute; margin: -100px;}

.frame-layout-1,
.layout-1						{ background: #F7F7F7; }


#content						{  }
.content						{ min-height: 80vh; }

.contentFull					{ width: 100%; min-height: 90vh; margin: 0 0 50px 0; }
.contentFull .contentInner		{ max-width: 1280px; width: 96%; margin: 0 auto; }
.contentFull .frame-type-form_formframework	{ max-width: 1280px; width: 96%; margin: 0 auto; }

.contentMax						{ width: 96%; max-width: 1280px; margin: 0 auto; padding: 0 0 50px 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.contentMax .content			{ width: calc(100% - 350px); }
.contentMax .contentSidebar		{ width: 300px; padding-left: 30px; box-sizing: border-box; }
.contentMax .contentInner		{ width: 100%; }

.contentInner					{ padding: 20px 0;}
.contentInner p:last-of-type	{ margin-bottom: 4px; }
.contentInnerNoPadding			{ padding: 0; }

.frame-layout-1 .contentInner,
.layout-1 .contentInner			{ padding: 40px 0; }

.spaceBefore-extra-small		{ padding-top: 5px; }
.spaceBefore-small				{ padding-top: 10px; }
.spaceBefore-medium				{ padding-top: 20px; }
.spaceBefore-large				{ padding-top: 40px; }
.spaceBefore-extra-large		{ padding-top: 80px; }

.spaceAfter-extra-small			{ padding-bottom: 5px; }
.spaceAfter-small				{ padding-bottom: 10px; }
.spaceAfter-medium				{ padding-bottom: 20px; }
.spaceAfter-large				{ padding-bottom: 40px; }
.spaceAfter-extra-large			{ padding-bottom: 80px; }


/* BREADCRUMB */
#breadcrumb      				{ width:100%; padding: 20px 0; font-size: 14px; }
#breadcrumb a    				{ text-decoration:none; }
#breadcrumb a:hover  			{ text-decoration:underline; }
#breadcrumb i 					{ padding: 0 4px; }
#breadcrumb .contentInner		{ padding: 0; }



.buttonListe					{ margin: 30px 0 0 0; padding: 0; list-style-type: none; }
.buttonListe li					{ margin: 0 0 20px 0; padding: 0; background: none; }
.button							{ border:1px solid #E8E8E8; padding: 3px 15px; }
.button:hover					{ color:#fff; background: #0053A0; }


.faTextWrap						{ display: flex; flex-wrap: wrap; }
.faTextWrap .fa					{ width: 50px; }
.faTextWrap .text				{ width: calc(100% - 50px); }

.textReadmore					{ margin-top: -10px; }
.textReadmoreLink				{ cursor: pointer; }
.textReadmoreWrap				{ display: none; }



.zitatWrap						{ position: relative; padding: 0 30px 0 70px; }
.zitatWrap i					{ position: absolute; top:-10px; left: 0; font-size: 40px; line-height: 50px; }
.zitatWrap .author				{ font-size: 14px; line-height: 20px; text-align: right; }
.zitatWrapLayout0				{ font-size: 26px; line-height: 36px; }
.zitatWrapLayout1				{ font-size: 20px; line-height: 30px; }



.trennlinie						{ height: 1px; width: 100%; }
.trennlinie-color1				{ background: #BCBCBC; }
.trennlinie-color2				{ background: #fff; }
.trennlinie-color3				{ background: #000; }



.morelinks						{ padding: 0; margin: 0; list-style-type: none; }
.morelinks li					{ display: flex; flex-wrap: wrap; margin: 0 0 15px 0; padding: 0; background: none; }
.morelinks .faIcon				{ width: 35px; }
.morelinks .faIcon i			{ font-size: 20px; line-height: 26px; }
.morelinks .text				{ width: calc(100% - 35px); }



.ansprechpartnerWrap						{}
.ansprechpartnerWrap .imageWrap				{ margin: 0 0 20px 0; display: flex; flex-wrap: wrap; width:100%; max-width: 300px; justify-content: space-between; }
.ansprechpartnerWrap .imageWrapSingle img	{ width: 100%; height: auto; height: intrinsic; margin: 0; border:1px solid #E8E8E8; box-sizing: border-box; }
.ansprechpartnerWrap .imageWrapMutli img	{ width: calc(50% - 5px); height: auto; height: intrinsic; margin: 0 0 10px 0; border:1px solid #E8E8E8; box-sizing: border-box; }
.ansprechpartnerWrap .bg1					{ background: #0053A0; }
.ansprechpartnerWrap .bg2					{ background: #BCBCBC; }

.ansprechpartnerLinks						{ padding: 0; margin: 20px 0 0 0; list-style-type: none; }
.ansprechpartnerLinks li					{ display: flex; flex-wrap: wrap; margin: 0 0 10px 0; padding: 0; background: none; }
.ansprechpartnerLinks .faIcon				{ width: 35px; }
.ansprechpartnerLinks .faIcon i				{ font-size: 20px; line-height: 26px; }



.newsLayout-10						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsLayout-10 h2					{ width: 100%; border-bottom:1px solid #BCBCBC; padding: 0 0 20px 0; margin: 0 0 40px 0; }
.newsLayout-10 .article				{ width: calc(33.3% - 14px); position: relative; padding: 0 0 30px 0;  }
.newsLayout-10 .article img			{ display: block; width:100%; height: auto; border: 1px solid #E8E8E8; box-sizing: border-box; }
.newsLayout-10 .article	.newsImg	{ margin: 0 0 10px 0;}
.newsLayout-10 .article	.newsImg a	{ display: block; }
.newsLayout-10 .article	.newsDate	{ margin: 0 0 20px 0; display: inline-block; }
.newsLayout-10 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-10 .article h4 			{ color:#000; font-size: 16px; }
.newsLayout-10 .article .moreLink	{ position: absolute; bottom: 0; }

.newsLayout-11						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsLayout-11 h2					{ width: 100%; border-bottom:1px solid #BCBCBC; padding: 0 0 20px 0; margin: 0 0 40px 0; }
.newsLayout-11 .article				{ width: 100%; position: relative; padding: 0; display: flex; flex-wrap: wrap;  }
.newsLayout-11 .article	.newsDate			{ width: 100px; margin: 0 20px 0  0; border-right: 1px solid #909090; position: relative; }
.newsLayout-11 .article	.newsDate .square 	{ width: 16px; height: 16px; position: absolute; top:5px; right:-8px; background: #0053A0; }
.newsLayout-11 .article img			{ display: block; width:100%; height: auto; border: 1px solid #E8E8E8; box-sizing: border-box; }
.newsLayout-11 .article	.newsImg	{ width: 315px; margin: 0 20px 0 0; padding: 0 0 40px 0;}
.newsLayout-11 .article	.newsImg a	{ display: block; }
.newsLayout-11 .article	.newsText	{ width: calc(100% - 121px - 335px); padding: 0 0 40px 0;  }
.newsLayout-11 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-11 .article h4 			{ color:#000; font-size: 16px; }

.newsLayout-12						{ min-height: 80vh; }
.newsLayout-12 .newsDate			{ margin: 0 0 10px 0; display: inline-block; }
.newsLayout-12 .contentInner		{ padding: 0 0 20px 0; width:100%; }
.newsLayout-12 .newsBacklink		{}
.newsLayout-12 .newsTextWrap		{ margin: 0 0 40px 0; }
.newsLayout-12 .newsImageWrap		{ width:calc(33.33% - 14px); float: left; margin: 0 20px 0 0; }
.newsLayout-12 .newsImageWrap p		{ font-size: 14px; line-height: 20px; margin: 5px 0 0 0; }
.newsLayout-12 .newsImage			{ margin: 0 0 20px 0; }
.newsLayout-12 .newsImage img		{ max-width: 100%; height: auto; }
.newsLayout-12 .newsImage .fancybox	{ display: block; }

.page-navigation					{ width: 100%; display: flex; flex-wrap: wrap; flex-direction: row-reverse; margin: 30px 0 0 0; }
.page-navigation p					{ width: 30%; text-align: right; }
.page-navigation ul					{ width: 70%; margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.page-navigation li					{ margin: 0 10px 0 0; padding: 0; background: none; }
.page-navigation li.current			{ font-weight: 600; }

/*BLOG LISTE*/
.newsLayout-21						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsLayout-21 h2					{ width: 100%; border-bottom:1px solid #BCBCBC; padding: 0 0 20px 0; margin: 0 0 40px 0; }
.newsLayout-21 .article				{ width: 100%; position: relative; padding: 0; display: flex; flex-wrap: wrap;  }
.newsLayout-21 .article	.newsInfo	{ width: 100%; margin: 0 0 10px 0; color:#909090; }
.newsLayout-21 .article	.publisher	{ display: none; }
.newsLayout-21 .article img			{ display: block; width:100%; height: auto; border: 1px solid #E8E8E8; box-sizing: border-box; }
.newsLayout-21 .article	.newsImg	{ width: 315px; margin: 0 20px 0 0; padding: 0 0 40px 0;}
.newsLayout-21 .article	.newsImg a	{ display: block; }
.newsLayout-21 .article	.newsText	{ width: calc(100% - 335px); padding: 0 0 40px 0;  }
.newsLayout-21 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-21 .article h4 			{ color:#000; font-size: 16px; line-height: 26px; margin: 0; }
.newsLayout-21 .article p			{ margin: 0 0 5px 0; }
.newsLayout-21 .article .moreLink	{ margin: 20px 0 0 0; }

/* Kategorie Menü*/
.newsLayout-23						{ margin-top: -30px; }
.newsLayout-23 ul					{ display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; }
.newsLayout-23 li					{ line-height: 32px; margin: 0 7px 7px 0; padding: 0; background: none; }
.newsLayout-23 li a					{ line-height: 28px; cursor: pointer; border:1px solid #BCBCBC; border-width: 1px; padding: 4px 10px; background: #F7F7F7;}
.newsLayout-23 li a.active			{ background: #002D57; color:#fff; border:1px solid #002D57;  }
.newsLayout-23 li a:hover			{ background: #002D57; color:#fff; border:1px solid #002D57;  }
.newsLayout-23 li:hover a			{ color:#fff; }

/* WHITEPAPER LISTE */
.newsLayout-30						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsLayout-30 h2					{ width: 100%; padding: 0; margin: 0; font-size: 16px; line-height: 26px; }
.newsLayout-30 .article				{ width: 100%; position: relative; padding: 0; display: flex; flex-wrap: wrap;  }
.newsLayout-30 .article img			{ display: block; width:100%; height: auto; border: 1px solid #E8E8E8; box-sizing: border-box; }
.newsLayout-30 .article	.newsImg	{ width: 160px; margin: 0 20px 0 0; padding: 0 0 40px 0;}
.newsLayout-30 .article	.newsImg a	{ display: block; }
.newsLayout-30 .article	.newsText	{ width: calc(100% - 180px); padding: 0 0 40px 0;  }
.newsLayout-30 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-30 .article h4 			{ color:#000; font-size: 16px; margin: 0; }

/* WHITEPAPER DETAIL*/
.newsLayout-32						{ min-height: 80vh; }
.newsLayout-32 .contentInner		{ padding: 0 0 20px 0; width:100%; }
.newsLayout-32 .newsBacklink		{}
.newsLayout-32 .newsTextWrap		{ margin: 0 0 40px 0; }
.newsLayout-32 .newsImageWrap		{ width:calc(33.33% - 14px); float: left; margin: 0 20px 0 0; }
.newsLayout-32 .newsImageWrap p		{ font-size: 14px; line-height: 20px; margin: 5px 0 0 0; }
.newsLayout-32 .newsImage			{ margin: 0 0 20px 0; }
.newsLayout-32 .newsImage img		{ max-width: 100%; height: auto; }
.newsLayout-32 .newsImage .fancybox	{ display: block; }

/* PODCAST LISTE */
.newsLayout-40						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsLayout-40 h2					{ width: 100%; border-bottom:1px solid #BCBCBC; padding: 0 0 10px 0; margin: 0 0 20px 0; }
.newsLayout-40 .article				{ width:calc(50% - 10px); position: relative; padding: 0; margin: 0 0 40px 0; display: flex; flex-wrap: wrap;  }
.newsLayout-40 .article img			{ display: block; width:100%; height: auto; border: 1px solid #E8E8E8; box-sizing: border-box; }
.newsLayout-40 .article	.newsImg	{ width: 85px; margin:0 20px 0 0; padding: 0;}
.newsLayout-40 .article	.newsImg a	{ display: block; }
.newsLayout-40 .article	.newsText	{ width: calc(100% - 105px); padding: 0;  }
.newsLayout-40 .article h3			{ margin: 0 0 10px 0; }
.newsLayout-40 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-40 .article h4 			{ color:#000; font-size: 16px; margin: 0; }

.newsLayout-43						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsLayout-43 h2					{ width: 100%; border-bottom:1px solid #BCBCBC; padding: 0 0 10px 0; margin: 0 0 20px 0; }
.newsLayout-43 .article				{ width: 100%; position: relative; padding: 0; margin: 0 0 20px 0; display: flex; flex-wrap: wrap;  }
.newsLayout-43 .article img			{ display: block; width:100%; height: auto; border: 1px solid #E8E8E8; box-sizing: border-box; }
.newsLayout-43 .article	.newsImg	{ width: 160px; margin:0 20px 0 0; padding: 0;}
.newsLayout-43 .article	.newsImg a	{ display: block; }
.newsLayout-43 .article	.newsText	{ width: calc(100% - 180px); padding: 0;  }
.newsLayout-43 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-43 .article h3			{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-43 .article h4 			{ color:#000; font-size: 16px; margin: 0; }

.newsLayout-44						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsLayout-44 h2					{ width: 100%; border-bottom:1px solid #BCBCBC; padding: 0 0 10px 0; margin: 0 0 20px 0; }
.newsLayout-44 .article				{ width:100%; position: relative; padding: 0; margin: 0 0 40px 0; display: flex; flex-wrap: wrap;  }
.newsLayout-44 .article img			{ display: block; width:100%; height: auto; border: 1px solid #E8E8E8; box-sizing: border-box; }
.newsLayout-44 .article	.newsImg	{ width: 25%; margin:0 40px 0 0; padding: 0;}
.newsLayout-44 .article	.newsImg a	{ display: block; }
.newsLayout-44 .article	.newsText	{ width:calc(75% - 40px); padding: 0;  }
.newsLayout-44 .article	.newsInfo	{ margin: 0 0 10px 0; }
.newsLayout-44 .article h3			{ margin: 0 0 3px 0; }
.newsLayout-44 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-44 .article h4 			{ color:#000; font-size: 16px; margin: 0; }



/*WEBINARE LISTE*/
.newsLayout-50						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsLayout-50 .article				{ width: 100%; position: relative; padding: 0; display: flex; flex-wrap: wrap;  }
.newsLayout-50 .article img			{ display: block; width:100%; height: auto; border: 1px solid #E8E8E8; box-sizing: border-box; }
.newsLayout-50 .article	.newsImg	{ width: 315px; margin: 0 20px 0 0; padding: 0 0 40px 0;}
.newsLayout-50 .article	.newsImg a	{ display: block; }
.newsLayout-50 .article	.newsText	{ width: calc(100% - 335px); padding: 0 0 40px 0;  }
.newsLayout-50 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-50 .article h4 			{ color:#000; font-size: 16px; line-height: 26px; margin: 0; }
.newsLayout-50 .article p			{ margin: 0 0 5px 0; }
.newsLayout-50 .article .moreLink	{ margin: 20px 0 0 0; }

/* WEBINARE DETAIL*/
.newsLayout-52						{ min-height: 80vh; }
.newsLayout-52 .contentInner		{ padding: 0 0 20px 0; width:100%; }
.newsLayout-52 .newsBacklink		{}

/*VERANSTALTUNGEN LISTE*/
.newsLayout-60						{ }
.newsLayout-60 .article				{ width: 100%; position: relative; padding: 0 0 40px 0; margin: 0 0 40px 0; border-bottom: 1px solid #BCBCBC; display: flex; }
.newsLayout-60 .article	.datum		{ width: 60px; }
.newsLayout-60 .article	.datum .tag	{ font-weight: 600; font-size: 30px; line-height: 30px; display: block; margin: 0 0 3px 0; }
.newsLayout-60 .article	.image		{ width: 250px; }
.newsLayout-60 .article	.image img	{ width: 100%; height:auto; }
.newsLayout-60 .article	.text		{ width: calc(100% - 310px); padding: 0 0 0 30px;  }
.newsLayout-60 .article	.teaser		{ margin: 20px 0 0 0; }
.newsLayout-60 .article h3 a		{ font-size: 18px; line-height: 28px; color: #000; font-weight: 600; }
.newsLayout-60 .article h5 			{ padding:0 0 0 0; }
.newsLayout-60 .article p			{ margin: 0 0 5px 0; }
.newsLayout-60 .article .moreLink	{ margin: 20px 0 0 0; }

.newsLayout-62 .newsTextWrap		{ margin: 0 0 40px 0; }



.imageGalerieWrap					{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.imageGalerieWrap p					{ font-size: 14px; line-height: 20px; margin: 5px 0 0 0; }
.imageGalerieWrap .imageWrap100		{ width: 100%; margin: 0 0 20px 0; }
.imageGalerieWrap .imageWrap100 img	{ max-width: 100%; height: auto; display: block; }
.imageGalerieWrap .imageWrap100:last-of-type { margin-bottom: 0; }
.imageGalerieWrap .imageWrap50		{ width: calc(50% - 10px); margin: 0 0 20px 0; }
.imageGalerieWrap .imageWrap50 img	{ max-width: 100%; height: auto; display: block; }
.imageGalerieWrap .imageWrap33		{ width: calc(33.33% - 13.3px); margin: 0 0 20px 0; }
.imageGalerieWrap .imageWrap33 img	{ width: 100%; height: auto; display: block; }
.imageGalerieWrap .imageWrap25		{ width: calc(25% - 15px); margin: 0 0 20px 0; }
.imageGalerieWrap .imageWrap25 img	{ max-width: 100%; height: auto; display: block; }
.imageGalerieWrap .imageWrap20		{ width: calc(20% - 16px); margin: 0 0 20px 0; }
.imageGalerieWrap .imageWrap20 img	{ max-width: 100%; height: auto; display: block; }
.imageGalerieWrap .imageCenter		{ text-align: center; }
.imageGalerieWrap .imageCenter img	{ text-align: center; margin: 0 auto; }



.textImage							{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.textImage img						{ display: block; max-width: 100%; height: auto; }
.textImagePosition-1				{ flex-direction: row-reverse; }
.textImageLayout-1 .text			{ width: calc(66.66% - 14px); }
.textImageLayout-1 .image			{ width: calc(33.33% - 14px); }
.textImageLayout-2 .text			{ width: calc(33.33% - 14px); }
.textImageLayout-2 .image			{ width: calc(66.66% - 7px); }
.textImageLayout-3 .text			{ width: calc(50% - 10px); }
.textImageLayout-3 .image			{ width: calc(50% - 10px); }
.textImageLayout-4 .text			{ width: calc(75% - 5px); }
.textImageLayout-4 .image			{ width: calc(25% - 15px); }



.text5050Wrap						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.text5050Wrap .text					{ width: calc(50% - 20px); }



.content5050Wrap					{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.content5050Wrap .content50			{ width: calc(50% - 10px); }
.content5050Wrap .contentInner		{ width: 100%; }



.content30Wrap						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.content30Wrap .content30			{ width: calc(33.33% - 14px); }
.content30Wrap .contentInner		{ width: 100%; }



.buttonWrap 						{  }
.buttonLayout 						{ text-align: center; } /* für Übergang, bzw. alte angelegte Content-Elemente */
.buttonLayout1 						{ text-align: center; }
.buttonLayout2 						{ text-align: left; }
.buttonLayout3 						{ text-align: right; }

.buttonWrap .button					{ padding: 10px 20px; line-height: 34px; display: inline-block; }
.buttonWrap .button		 i			{ font-size: 24px; }

.buttonWrap .buttonColor			{ border:1px solid #0053A0; padding: 3px 15px; }
.buttonWrap .buttonColor:hover		{ color:#fff; background: #0053A0; }

.buttonWrap .buttonColor1			{ border:1px solid #0053A0; padding: 3px 15px; }
.buttonWrap .buttonColor1:hover		{ color:#fff; background: #0053A0; }

.buttonWrap .buttonColor2			{ border:1px solid #0053A0; padding: 3px 15px; color: #fff; background: #0053a0; }
.buttonWrap .buttonColor2:hover		{ color:#0053A0; background: #fff; }


.listeFaIcons						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.listeFaIconsLayout-1 .listeItem	{ width: 100%; }
.listeFaIconsLayout-2 .listeItem	{ width: calc(50% - 10px); padding-right: 10px; box-sizing: border-box; }
.listeFaIconsLayout-3 .listeItem	{ width: calc(33.33% - 14px); padding-right: 10px; box-sizing: border-box; }
.listeFaIcons .listeItem			{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
.listeFaIcons .listeItem:last-of-type { margin-bottom: 0; }
.listeFaIcons .listeItem .faIcon	{ width: 35px; }
.listeFaIcons .listeItem .text		{ width: calc(100% - 35px); }
.listeFaIcons .listeItem .faIcon i	{ font-size: 20px; line-height: 26px; }



.highlightBox						{ padding: 40px; }
.highlightBox .contentInner			{ width: 100%; padding: 0; }
.highlightBoxLayout-1				{ background: #002D57; color:#fff; }
.highlightBoxLayout-2				{ background: #0053A0; color:#fff; }
.highlightBoxLayout-3				{ background: #2785D6; color:#fff; }
.highlightBoxLayout-4				{ background: #F7F7F7; }
.highlightBoxLayout-5				{ background: #E8E8E8; }
.highlightBoxLayout-6				{ background: #BCBCBC; }
.highlightBoxLayout-7				{ background: #303030; color:#fff; }
.highlightBoxLayout-8				{ background: #000000; color:#fff; }
.highlightBoxLayout-9				{ background: #909090; }

.highlightBoxLayout-1 ul li,
.highlightBoxLayout-2 ul li,
.highlightBoxLayout-3 ul li,
.highlightBoxLayout-7 ul li,
.highlightBoxLayout-8 ul li			{ background:url(../Images/list_white.svg) no-repeat left 6px; background-size: 10px 10px; }

.highlightBoxLayout-1 p,
.highlightBoxLayout-2 p,
.highlightBoxLayout-3 p,
.highlightBoxLayout-7 p,
.highlightBoxLayout-8 p,

.highlightBoxLayout-1 a,
.highlightBoxLayout-2 a,
.highlightBoxLayout-3 a,
.highlightBoxLayout-7 a,
.highlightBoxLayout-8 a,

.highlightBoxLayout-1 h1,
.highlightBoxLayout-2 h1,
.highlightBoxLayout-3 h1,
.highlightBoxLayout-7 h1,
.highlightBoxLayout-8 h1,

.highlightBoxLayout-1 h2,
.highlightBoxLayout-2 h2,
.highlightBoxLayout-3 h2,
.highlightBoxLayout-7 h2,
.highlightBoxLayout-8 h2,

.highlightBoxLayout-1 h3,
.highlightBoxLayout-2 h3,
.highlightBoxLayout-3 h3,
.highlightBoxLayout-7 h3,
.highlightBoxLayout-8 h3,

.highlightBoxLayout-1 h4,
.highlightBoxLayout-2 h4,
.highlightBoxLayout-3 h4,
.highlightBoxLayout-7 h4,
.highlightBoxLayout-8 h4,

.highlightBoxLayout-1 h5,
.highlightBoxLayout-2 h5,
.highlightBoxLayout-3 h5,
.highlightBoxLayout-7 h5,
.highlightBoxLayout-8 h5,

.highlightBoxLayout-1 h6,
.highlightBoxLayout-2 h6,
.highlightBoxLayout-3 h6,
.highlightBoxLayout-7 h6,
.highlightBoxLayout-8 h6,

.highlightBoxLayout-1 .fa-color1,
.highlightBoxLayout-1 .fa-color2,
.highlightBoxLayout-1 .fa-color3,
.highlightBoxLayout-1 .fa-color4,
.highlightBoxLayout-1 .fa-color5,
.highlightBoxLayout-1 .fa-color6,
.highlightBoxLayout-1 .fa-color7,
.highlightBoxLayout-1 .fa-color8,
.highlightBoxLayout-1 .fa-color9,

.highlightBoxLayout-2 .fa-color1,
.highlightBoxLayout-2 .fa-color2,
.highlightBoxLayout-2 .fa-color3,
.highlightBoxLayout-2 .fa-color4,
.highlightBoxLayout-2 .fa-color5,
.highlightBoxLayout-2 .fa-color6,
.highlightBoxLayout-2 .fa-color7,
.highlightBoxLayout-2 .fa-color8,
.highlightBoxLayout-2 .fa-color9,

.highlightBoxLayout-3 .fa-color1,
.highlightBoxLayout-3 .fa-color2,
.highlightBoxLayout-3 .fa-color3,
.highlightBoxLayout-3 .fa-color4,
.highlightBoxLayout-3 .fa-color5,
.highlightBoxLayout-3 .fa-color6,
.highlightBoxLayout-3 .fa-color7,
.highlightBoxLayout-3 .fa-color8,
.highlightBoxLayout-3 .fa-color9,

.highlightBoxLayout-7 .fa-color1,
.highlightBoxLayout-7 .fa-color2,
.highlightBoxLayout-7 .fa-color3,
.highlightBoxLayout-7 .fa-color4,
.highlightBoxLayout-7 .fa-color5,
.highlightBoxLayout-7 .fa-color6,
.highlightBoxLayout-7 .fa-color7,
.highlightBoxLayout-7 .fa-color8,
.highlightBoxLayout-7 .fa-color9,

.highlightBoxLayout-8 .fa-color1,
.highlightBoxLayout-8 .fa-color2,
.highlightBoxLayout-8 .fa-color3,
.highlightBoxLayout-8 .fa-color4,
.highlightBoxLayout-8 .fa-color5,
.highlightBoxLayout-8 .fa-color6,
.highlightBoxLayout-8 .fa-color7,
.highlightBoxLayout-8 .fa-color8,
.highlightBoxLayout-8 .fa-color9		{ color: #fff; }



.imageTiles								{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.imageTiles img							{ max-width: 100%; height: auto; }

.imageTilesLayout-3 .tile				{ width: calc(33.33% - 14px); }
.imageTilesLayout-4 .tile				{ width: calc(25% - 15px); }

.imageTiles .tile						{ position: relative; margin: 0 0 20px 0; }
.imageTiles .tile:hover .textWrap		{ display: flex; }
.imageTiles .tile .textWrap				{ display: none; background: #E8E8E8; width: 100%; height: 100%; flex-wrap: wrap; align-items: center; position: absolute; top:0; left: 0; }
.imageTiles .tile .textWrap h6			{ width: 100%; color:#000; text-align: center; margin: 0 0 5px 0; font-size: 22px; line-height: 30px; }
.imageTiles .tile .textWrap p			{ width: 100%; color:#0053A0; text-align: center; margin: 0; }
.imageTiles .tile .text 				{ width: 100%; }



.tabsWrap								{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.tabsWrap .contentInner					{ padding: 0 0 20px 0; width:100%; }
.tabsWrap .layout-0						{ width:100%; }
.tabsWrap .layout-1						{ width:100%; }

.tabsWrapLayout-1 > .tabs					{ width: calc(33% - 20px); margin: 0; padding: 0; list-style-type: none; border-right: 1px solid #BCBCBC;  }
.tabsWrapLayout-1 > .tabs li				{ cursor: pointer; border-bottom:1px solid #BCBCBC; padding: 8px 10px; background: none; margin: 0; }
.tabsWrapLayout-1 > .tabs li.current		{ font-weight: 600; color:#000; background: #F7F7F7; }
.layout-1 .tabsWrapLayout-1 .tabs li.current{ font-weight: 600; background: #E8E8E8;  }
.tabsWrapLayout-1 > .tabsContent			{ width: calc(66.66% - 20px); }

.tabsWrapLayout-2 > .tabs 					{ width: 100%; margin: 0 0 20px 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; border-bottom: 1px solid #bcbcbc; }
.tabsWrapLayout-2 > .tabs li				{ line-height: 24px; cursor: pointer; border:1px solid #BCBCBC; border-width: 1px; padding: 4px 10px; margin: 0 7px 7px 0; background: #F7F7F7;}
.tabsWrapLayout-2 > .tabs li:first-of-type	{ border-left: 1px solid #bcbcbc; }
.tabsWrapLayout-2 > .tabs li.current		{ background: #002D57; color:#fff; border:1px solid #002D57;  }
.tabsWrapLayout-2 > .tabsContent			{ width: 100%; }

.tabsContent 							{ display: none; flex-wrap: wrap;  }
.tabsContent.current					{ display: flex; }

.accWrap .contentInner					{ padding: 0; width:100%; }
.accWrapMobil							{ display: none; }
.accordion								{ border:1px solid #E8E8E8; margin: 0 0 10px 0; }
.accordionLink							{ padding: 5px 20px; cursor: pointer; }
.accordionLink:hover					{ background: #E8E8E8; }
.accordionLink.current					{ border-bottom: 1px solid #E8E8E8; background: #E8E8E8 }

.accContent 							{ display: none; padding: 20px; }
.accContent.current						{ display: inherit; }



.iconBoxenStartSliderTextWrap				{ }
.iconBoxenStartSliderTextWrap .slide		{ display: none; }
.iconBoxenStartSliderTextWrap .slideAktiv	{ display: block; }
.iconBoxenStartSliderTextWrap h2			{ font-size: 26px; line-height: 36px; font-weight: 600; margin: 0 0 25px 0; }
.iconBoxenStartSliderTextWrap h2 span		{ color: #2785D6; }
.iconBoxenStartWrap							{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.iconBoxenWrap								{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0 0 0; }
.iconBoxenWrap1								{ }
.iconBoxenWrap2								{ }
.iconBoxenWrap.hide							{ display: none; }

.iconBoxenSwitchWrap								{ display: flex; }
.iconBoxenSwitchWrap .switch						{ line-height: 26px; font-weight: 600; }

.iconBoxenSwitchWrap input[type=checkbox]			{ height: 0; width: 0;visibility: hidden;}
.iconBoxenSwitchWrap label 							{ margin: 0 15px; cursor: pointer;text-indent: -9999px;width: 50px;height: 26px;background: #fff;display: block;border-radius: 8px; position: relative; border:1px solid #0053A0; }
.iconBoxenSwitchWrap label:after 					{ content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 26px; background: #0053A0; border-radius: 7px; transition: 0s;}
.iconBoxenSwitchWrap input:checked + label 			{ background: #fff;}
.iconBoxenSwitchWrap input:checked + label:after	{ left: 100%;transform: translateX(-100%);}
.iconBoxenSwitchWrap label:active:after 			{ width: 30px;}
.iconBoxenSwitchWrap .switchActive					{ color:#0053A0; }


.iconBoxLayout0							{ background: #F7F7F7; border:0; }
.iconBoxLayout1							{ background: #fff; border:0; }
.iconBoxLayout2							{ background: #fff; border:1px solid #E8E8E8; }
.iconBox								{ margin: 0 0 20px 0; padding: 15px 15px 0 15px;  box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; position: relative; }
.iconBoxGrid0							{ width: calc(25% - 15px); }
.iconBoxGrid1							{ width: calc(33% - 13px); }
.iconBoxGrid2							{ width: calc(50% - 10px); }
.iconBoxGrid3							{ width: 100%; }
.iconBoxGrid4							{ width: calc(12.5% - 17.5px); }

.iconBox .icon							{ width: 100%; text-align: center; margin: 0 0 10px 0; }
.iconBox .icon i						{ font-size: 40px; line-height: 50px;}
.iconBox h5								{ width: 100%; font-weight: 600; text-align: center; }
.iconBox .titel							{ width: 100%; text-align: center;  margin: 0 0 10px 0; }
.iconBox .linie							{ width: 100%; height: 1px; background: #E8E8E8; margin: 0 0 10px 0; }
.iconBox .linie2						{ width: 100%; height: 1px; background: #E8E8E8; margin: 10px 0; display: inline-block; }
.iconBox p								{ width: 100%; text-align: center; min-height: 1px; margin: 0 0 10px 0 !important;  }
.iconBox p.more							{ position: absolute; bottom: 0; left: 0; min-height: 1px; }
.iconBoxMoreLink						{ padding-bottom: 30px; }
.iconBox.spacer							{ border:0; }
.iconBox img							{ width: 60%; height: auto; margin: 0 auto 15px auto; }

.iconBoxHover							{ cursor: pointer; }
.iconBoxHover:hover						{ background: #002D57; }
.iconBoxHover:hover	i					{ color:#fff; }
.iconBoxHover:hover	p					{ color:#fff; }
.iconBoxHover:hover	h5					{ color:#fff; }
.iconBoxHover a.hoverLink				{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }

.iconBoxAktiv							{ background: #002D57; }
.iconBoxAktiv i							{ color:#fff; }
.iconBoxAktiv p							{ color:#fff; }
.iconBoxAktiv h5						{ color:#fff; }



.azIntro								{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0; }
.azIntro li								{ padding: 0; margin: 0 20px 20px 0; background: none; }
.azIntroHide							{ display: none; }

#azInput								{ width: 100%; height: 44px; display: block; box-sizing: border-box; padding: 10px; border:1px solid #BCBCBC; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; }
.clearable								{ background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center; border: 1px solid #999; padding: 3px 18px 3px 4px; transition: background 0.4s; }
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; } /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */


.azItemsWrap							{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.azItemsWrap h2							{ width: 100%; position: relative; }
.azItemsWrap h2 a						{ position: absolute; right:0; }
.azItemsWrap.hide						{ display: none; }
.azItemsWrap .azItem					{ width: calc(50% - 20px); margin: 0 0 40px 0; }
.azItemsWrap .azItemX:last-of-type		{ margin: 0; }
.azItemsWrap .azItem h3					{ margin: 0 0 5px 0; }
.azItemsWrap .azItem p					{ margin: 0; }
.azItemsWrap .azItem .url				{ margin: 8px 0 0 0; color:#BCBCBC; }


.jobFilterWrap 							{ display: flex; flex-wrap:wrap; justify-content: space-between; background: #002D57; padding: 30px 0 0 30px; margin: 0 0 20px 0; color: #fff; }
.jobFilterWrap .w33						{ width:auto; margin: 0 0 25px 0; padding: 0 30px 0 0; }
.jobFilterWrap h3						{ color:#fff; }
.jobFilterWrap .checkBox				{ margin: 0 0 5px 0; }
.jobFilterWrap label					{ cursor: pointer; line-height: 15px; }
.jobFilterWrap input[type=checkbox]		{ display: none; }
.jobFilterWrap input[type=checkbox] + label::before { width: 15px; height: 15px; background: #fff; display: block; content: ""; float: left; margin: 4px 10px 0 0;	}
.jobFilterWrap input[type=checkbox]:checked+label::before { background: url(../Images/check.svg) no-repeat center center #2785D6; background-size: 90%; }

.jobFilterList							{ width: 100%; margin: 0; padding: 0; list-style-type: none; }
.jobFilterList li						{ width: 100%; display: flex; flex-wrap: wrap;  padding: 0; margin: 0 0 20px 0; background: none; }
.jobFilterList li a						{ display: flex; padding: 20px 30px; width: 100%; justify-content: space-between; color:#000; align-items: center; background: #F7F7F7; flex-wrap: wrap; border: 0px solid #E8E8E8; }
.jobFilterList li a:hover				{ background: #002D57; color: #fff; }
.jobFilterList li .title				{ width:80%; font-size: 20px; line-height: 30px; }
.jobFilterList li .ort					{ width:20%; }

.jobNoJobs								{ display: none; }


.mp3Player								{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.mp3Player audio						{ width: 100%; }
.mp3Player .thumb						{ width: 60px; }
.mp3Player .audio						{ width: calc(100% - 70px); display: flex; align-items: center; }
.mp3Player .plyr--audio 				{ width: 100%; }
.mp3Player .plyr--audio .plyr__controls	{ background: #0053A0; height: 60px; color:#fff; }
.mp3Player .plyr--audio .plyr__control			{ border-radius: 0; }
.mp3Player .plyr--audio .plyr__control:hover	{ background: #2785D6; }


.videoWrap								{ width: 100%; }
.videoWrap video						{ width: 100%; height: auto; display: block; }

.videoWrapYoutube						{ width: 100%; left: 0; right: 0; margin: auto; }
.videoContainer							{ position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; }
.videoContainer iframe,
.videoContainer object,
.videoContainer embed 					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.noVideo								{ background: #002D57; color:#fff; padding: 80px 30px; text-align: center; }
.noVideo p								{ margin: 0 0 10px 0; }
.noVideo i								{ font-size: 40px; line-height: 1; margin: 0 0 30px 0; }
.noVideo a								{ color:#fff; text-decoration: underline; }


.ctaButtonWrap							{ width: 96%; max-width: 1280px; margin: 0 auto; position: relative; }
.ctaButton								{ position: absolute; right: 200px; bottom: -85px; padding: 20px 20px; background: #f0ab00; width: 180px; height: 180px; border-radius: 50%; box-sizing: border-box; color:#fff; cursor: pointer;  text-align: center; display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.ctaButton a.hoverLink					{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.ctaButton h3							{ width:80%; color:#fff; font-size: 16px; line-height: 22px; font-weight: 600; margin: 0 auto; }
.ctaButton .icon						{ width:100%; }
.ctaButton i							{ color:#fff; font-size: 26px; line-height: 26px; margin: 0 0 10px 0; }
.ctaButton h3 span						{ display: inline-block; }



.testimonialWrap						{ width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between; margin: 0 0 50px 0; align-items: center; }
.testimonialWrap img					{ width: calc(25% - 15px); height: auto; }
.testimonialWrap .text					{ width: calc(75% - 50px); padding: 30px; border: 1px solid #E8E8E8; box-sizing: border-box; height: max-content; position: relative;  }
.testimonialWrap .text .name			{ display:inline-block; font-weight: 600; margin: 20px 0 0 0; }
.testimonialWrap .square				{ width: 40px; height: 40px; background: white; position: absolute;
											-moz-transform: rotate(45deg);
											-ms-transform: rotate(45deg);
											-o-transform: rotate(45deg);
											-webkit-transform: rotate(45deg);
											transform: rotate(45deg);
										}

.testimonialLayout0						{ flex-direction: row; }
.testimonialLayout1						{ flex-direction: row-reverse; }

.testimonialLayout0 .square				{ top: 30px; left: -21px; border-left: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
.testimonialLayout1 .square				{ top: 30px; right: -21px; border-top: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; }

.tabelleWrap							{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.tabelleWrap ul							{ border-right: 1px solid #BCBCBC; box-sizing: border-box; padding-right: 20px; }
.tabelleWrap ul:last-of-type			{ border:0; padding: 0; }
.tabelleWrap ul li						{ padding: 0; background: none; }
.tabelleWrap ul li:last-of-type			{ margin: 0; }
.tabelleWrapLayout1	ul					{ width:100%; }
.tabelleWrapLayout2	ul					{ width:calc(50% - 10px); }
.tabelleWrapLayout3	ul					{ width:calc(33.3% - 13.3px); }
.tabelleWrapLayout4	ul					{ width:calc(25% - 15px); }
.tabelleWrapLayout5	ul					{ width:calc(20% - 16px); }
.tabelleWrapLayout6	ul					{ width:calc(16.6% - 16.6px); }




/* ARBEITEN BEI ABAT+*/
#c5033 .jobsabatplus img				{ max-width: 100%; height: auto; display: block; margin: 0 auto;}
#c5033 .jobsabatplus-mobile				{ display: none; }


/* FORMULARE */
form						{ display: flex; flex-wrap:wrap; justify-content: space-between;  }
form .row					{ width: calc(50% - 20px); }
form div:not([class]) 		{ width: 100%; }
form input					{ width: 100%; height: 44px; display: block; box-sizing: border-box; padding: 10px; border:1px solid #BCBCBC; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; }
form input[type=checkbox]	{ width: 16px; height: 16px; box-sizing: border-box; padding:0; margin: 4px 0 0 0; border:1px solid #BCBCBC; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; }
form input[type=radio]		{ width: 16px; height: 16px; box-sizing: border-box; padding:0; margin: 4px 0 0 0; border:1px solid #BCBCBC; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; }
form textarea				{ width: 100%; display: block; height: 132px; box-sizing: border-box; margin: 0; padding: 10px; border:1px solid #BCBCBC; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; display: block; }
form select					{ width: 100%; display: block; box-sizing: border-box; line-height: 1; height: 44px; padding: 4px 35px 4px 5px; border:1px solid #BCBCBC; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; }
form label					{ width: 100%; display: block; }
form button[type=submit]	{ width: auto; box-sizing: border-box; padding: 12px 30px; border:0; background: #0053A0; color:#fff; cursor: pointer; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; }

form .contentInner			{ padding: 0 0 20px 0; }
form .required				{ color: #2785D6; }
form .clearfix				{ width: 100%; }
.form-group					{ width: 100%; margin: 0 0 20px 0; }
.form-check-label			{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.form-check-label span		{ width: calc(100% - 25px); }
.form-group	.radio label	{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.form-group	.radio span		{ width: calc(100% - 25px); }

.contentFormCleverreach p:last-of-type 	{ margin: 0 0 25px 0; }
.cr_ipe_item							{ width: 100%; margin: 0 0 20px 0; }
.cr_form div[rel=checkbox]				{ display: flex; flex-wrap: wrap; flex-direction:row-reverse; justify-content: flex-end; }
.cr_form div[rel=checkbox] .itemname 	{ width: 150px; }
.cr_form div[rel=checkbox] divXX			{ width: auto; display: flex; align-items: center; }
.cr_form div[rel=checkbox] input 		{ display: inline-block; margin: 0 10px 0 0; }
.cr_form .editable_content		 		{ display: flex; flex-wrap:wrap; justify-content: space-between;  }
.cr_form .inactive						{ display: none; }

.cr_body p				{ margin: 0 0 5px 0; }




/* SUCHERGEBNISS */
#searchIcon .search						{ cursor: pointer; }
#searchIcon .title						{ display: none; }

#searchView								{ display:none; position: fixed; top:0; left: 0; height: 100%; width: 100%; background: #0053a0; animation: fadeInDown 1.5s; }
#searchView.show						{ display: flex; justify-content: center; align-items: center; z-index: 9999; }
#searchView	.close						{ position: absolute; top: 25px; right: 3%; }
#searchView	.close i					{ font-size: 30px; line-height: 30px; color: #fff; cursor: pointer; }

#searchForm								{ display:flex; width:80%; height: auto; justify-content: center; }
#searchForm .searchInput				{ width: 100%; height:50px; border:0; border-bottom:2px solid #fff; padding:0 10px; margin:0 0 20px 0; text-align: center; background: #0053a0; color:#fff; font-size: 30px; line-height: 50px; font-family: "Open Sans", Helvetica, Arial, sans-serif; }
#searchForm .searchInput::placeholder	{ color: rgba(255,255,255,0.3);}
#searchForm .searchButton				{ width: auto; box-sizing: border-box; padding: 0 30px; border:1px solid #fff; background: #0053A0; color:#fff; cursor: pointer; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 44px; }

.tx-indexedsearch-browsebox p			{ margin: 0 0 15px 0 !important; }
ul.tx-indexedsearch-browsebox   		{ margin: 0 0 25px 0; padding:0; display: flex; flex-wrap: wrap; }
.tx-indexedsearch-browsebox li  		{ margin: 0 10px 0 0; padding:0; background:none; }

.tx-indexedsearch-res          							{ margin:0 0 40px 0; padding: 0 0 40px 0; border-bottom:1px solid #BCBCBC;  }
.tx-indexedsearch-res .tx-indexedsearch-icon			{ display: none; }
.tx-indexedsearch-res .tx-indexedsearch-result-number	{ display: none; }
.tx-indexedsearch-res h2      							{ font-size:20px; line-height:30px; font-weight:bold; padding:0; margin:0 0 5px 0; }
.tx-indexedsearch-res h2 a      						{ color:#0053A0; font-weight:bold; }
.tx-indexedsearch-res h2 .tx-indexedsearch-percent  	{ font-weight:normal; float:right; font-size:20px; line-height:30px; color:#BCBCBC; }
.tx-indexedsearch-redMarkup     						{ font-weight:normal; background:#ffff00; }

.tx-indexedsearch-searchbox            					{ margin:0 0 25px 0; }
.tx-indexedsearch-searchbox input[type=text]      		{ width: 100%; height: 44px; display: block; box-sizing: border-box; padding: 10px; border:1px solid #BCBCBC; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; }
.tx-indexedsearch-searchbox input[type=text]:focus  	{ outline:none; }
.tx-indexedsearch-searchbox input[type=submit]      	{ width: auto; box-sizing: border-box; padding: 12px 30px; border:0; background: #0053A0; color:#fff; cursor: pointer; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; }
.tx-indexedsearch-searchbox input[type=submit]:focus	{ outline:none; }
.tx-indexedsearch-searchbox form						{ height:auto; justify-content: flex-start; }
.tx-indexedsearch-searchbox fieldset					{ border:0; width: 100%; display: flex; flex-wrap: wrap; }
.tx-indexedsearch-searchbox legend						{ display: none; }
.tx-indexedsearch-searchbox label						{ display: none; }

.tx-indexedsearch-form									{ width: 60%; }

.tx-indexedsearch-hidden-fields							{ display: none; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw,
.tx-indexedsearch-info-sword     						{ font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-noresults      		{ text-align:left; font-weight:bold; color:red; }



/* KONTAKT FUSSZEILE */
.footerInnerWrap   				{ max-width:1280px; width: 96%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footerInnerWrap a				{ color:#fff; }
.footerInnerWrap a:hover		{ color:#2785D6; }

#footerKontaktWrap				{ width:100%; margin: 0; padding: 30px 0; }
#footerKontaktWrap h2			{ width:100%; color: #fff; margin: 0 0 20px 0; }
.footerKontaktLaender			{ width:calc(80% - 20px); display: flex; flex-wrap: wrap; align-items: flex-start; flex-flow: column; justify-content: space-between; }
.footerKontaktLaender ul		{ width:100%; margin: 0 0 15px 0; background: none; display: flex; flex-wrap: wrap; }
.footerKontaktLaender li		{ width:130px; margin: 0 10px 10px 0; padding: 0; line-height: 28px; background: none; color:#fff; border:1px solid #fff; text-align: center; cursor: pointer; }
.footerKontaktLaender li.aktiv	{ background: #fff; border-color: #fff; color: #000; }
.footerKontaktLaender .land		{ background: rgba(255,255,255,0.5); border:1px solid transparent; }
.footerKontaktAdresse			{ width: 20%; color:#fff; }
.footerKontaktAdresse .adresse	{ display: none; }
.footerKontaktAdresse .adresse.aktiv { display: block; }
.footerKontaktAdresse p			{ margin: 0 0 10px 0; }


/* FUSSZEILE */
#footerWrap        			{ width:100%; margin:0; padding:30px 0; background: #1E1E1E; }
#footerMenu					{ width: 65%; }
#footerMenu ul 				{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style-type: none; }
#footerMenu li 				{ margin: 0 40px 0 0; padding: 0; line-height: 30px; background: none; }
#footerMenu li:last-of-type	{ margin: 0; }

#footerSocials				{ width: 35%; }
#footerSocials ul			{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style-type: none; justify-content: flex-end; }
#footerSocials li			{ margin: 0 0 0 40px; font-size: 26px; line-height: 30px; padding: 0; background: none; }




@media screen and (max-width: 1400px) {



}


@media screen and (max-width: 1280px) {

	#menuTopWrap						{ width: calc(100% - 140px); }

	#menuTop li							{ margin-left: 30px; }
	#menuTop li:first-of-type			{ margin-left: 0; }

	.iconBoxGrid4						{ width: calc(25% - 15px); }

}

@media screen and (max-width: 1100px) {

	#menuTop li							{ margin-left: 20px; }
}


@media screen and (max-width: 1024px) {


	#menuButton { display: block; width: 30px; height: 16px; z-index: 1700; position: absolute; top:32px; right:0; cursor: pointer;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out; }

	#menuButton span   { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 2px; opacity: 1; left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out; }

	#menuButton span:nth-child(1)   { top: 0px;}
	#menuButton span:nth-child(2),
	#menuButton span:nth-child(3)   { top: 7px; }
	#menuButton span:nth-child(4)   { top: 14px; }

	#menuButton.menuOpen span		 		{  }
	#menuButton.menuOpen span:nth-child(1)  { top: 18px; width: 0%; left: 50%; }
	#menuButton.menuOpen span:nth-child(2)  {-webkit-transform: rotate(45deg);
											-moz-transform: rotate(45deg);
											-o-transform: rotate(45deg);
											transform: rotate(45deg); }
	#menuButton.menuOpen span:nth-child(3)  {-webkit-transform: rotate(-45deg);
											-moz-transform: rotate(-45deg);
											-o-transform: rotate(-45deg);
											transform: rotate(-45deg); }
	#menuButton.menuOpen span:nth-child(4)  { top: 18px; width: 0%;  left: 50%; }


	#menuTopWrap 						{ display: none; }
	#menuTopWrap.menuOpen				{ display: block; width:100%; top:80px; position: relative; right: auto; padding: 10px 2%; box-sizing: border-box; background: #F7F7F7; z-index: +1; }

	#menuTopWrap .level3				{ width: 100%; margin: 0; }

	#menuTop							{ text-align: left; display: flex; flex-wrap: wrap; flex-direction: column; }
	#menuTop ul.level2					{ position: relative; top:0; background: none; margin: 0; padding: 10px 0 0 20px; border-top:2px solid #2785D6; }
	#menuTop li							{ margin: 0 0 20px 0; }
	#menuTop a							{ color: #000; }
	#menuTop .level1Link				{ font-size: 18px; font-weight: 600; }

	#menuTopWrap .level3				{ padding: 0; }
	#menuTopWrap .level3 .level3Li		{ margin: 0 0 7px 20px; }
	#menuTopWrap .level3Link			{ padding:0; }

	#menuTopWrap ul li:hover ul.level2	{ top:0; }

	#menuTop #submenu9 ul.level2		{ width: 100%; }

	#searchIcon i						{ color:#000; }
	#searchIcon .title					{ display: inline-block; color:#000; padding: 0 0 0 5px; font-size: 18px; line-height: 36px; font-weight: 600; }
	#searchIcon .search:hover i,
	#searchIcon .search:hover .title	{ color:#2785D6; }

	#menuTop #level2-search				{ display: flex; }

	.headSlider .xtitelWrap				{ width: 100%; left:0; top:10px; transform: translate(0,0); box-sizing: border-box; }

	.ctaButton							{ right: 0; }

	.contentMax .content				{ width: 100%; margin: 0 0 30px 0; }
	.contentMax .contentSidebar			{ width: 100%; background: #fafafa; padding-right: 15px; }

	.tabsWrapLayout-1					{ display: none; }
	.accWrapMobil						{ display: block; }

	.newsLayout-11 .article .newsDate			{ width: 100%; border: 0; margin: 0; }
	.newsLayout-11 .article .newsDate .square	{ display: none; }
	.newsLayout-11 .article .newsText			{ width: calc(100% - 335px); }

	.jobFilterList li .title			{ width: 70%; }
	.jobFilterList li .ort				{ width: 30%; text-align: right; }

	.footerKontaktLaender				{ width: 100%; }
	.footerKontaktAdresse				{ width: 100%; }

	.tabelleWrapLayout2 ul,
	.tabelleWrapLayout3 ul,
	.tabelleWrapLayout4 ul,
	.tabelleWrapLayout5 ul,
	.tabelleWrapLayout6 ul				{ width: 100%; border:0; padding-right: 0; margin: 0 0 15px 0; }

	/* ARBEITEN BEI ABAT+*/
	#c5033 .jobsabatplus-desktop		{ display: none; }
	#c5033 .jobsabatplus-mobile			{ display: block; }


	#footerMenu							{ width: 100%; margin: 0 0 20px 0; }
	#footerMenu ul						{ justify-content: center; }
	#footerMenu li						{ margin: 0 20px 10px 20px; }
	#footerMenu li:last-of-type 		{ margin: 0 20px 10px 20px; }
	#footerMenu li:first-of-type		{ margin: 0 20px 0 0;}
	#footerSocials						{ width: 100%; }
	#footerSocials ul					{ justify-content: center; }
	#footerSocials li					{ margin: 0 20px; }
	#footerSocials li:last-of-type 		{ margin: 0 0 0 20px; }
	#footerSocials li:first-of-type		{ margin: 0 20px 0 0;}
}


@media screen and (max-width: 768px) {

	.headSlider .xslick-dots			{ display: none !important; }
	.headSlider .XheadTitel				{ font-size: 20px; line-height: 30px; }
	.headSlider .XheadSubtitel			{ font-size: 16px; line-height: 26px; }

	.iconBox							{ width: calc(50% - 10px); }
	.iconBox img						{ width: 30%; }

	.highlightBox						{ padding: 20px 3%; }

	.content30Wrap .content30			{ width: 100%; }

	.content5050Wrap .content50			{ width: 100%; }
	.text5050Wrap .text					{ width: 100%; }

	.azItemsWrap .azItem					{ width: 100%; }

	.textImageLayout-1 .text			{ width: 100%; margin: 0 0 30px 0; }
	.textImageLayout-1 .image			{ width: 100%; }

	.textImageLayout-3 .text			{ width: 100%; margin: 0 0 30px 0; }
	.textImageLayout-3 .image			{ width: 100%; }

	.textImageLayout-4 .text			{ width: 100%; margin: 0 0 30px 0; }
	.textImageLayout-4 .image			{ width: 100%; }

	.listeFaIconsLayout-2 .listeItem	{ width: 100%; padding: 0; }

	.imageTilesLayout-4 .tile			{ width: calc(50% - 10px); }

	.jobFilterList li .title			{ width: 100%; padding: 0 0 10px 0; }
	.jobFilterList li .ort				{ width: 100%; text-align: left; }

	.newsLayout-10 .article				{ width: 100%; border-bottom: 1px solid #BCBCBC; margin: 0 0 25px 0; }
	.newsLayout-10 .article .moreLink	{ position: relative; }

	.newsLayout-11 .article				{ width: 100%; border-bottom: 1px solid #BCBCBC; margin: 0 0 25px 0; }
	.newsLayout-11 .article .newsImg	{ width: 100%; margin: 0 0 10px 0; padding: 0; }
	.newsLayout-11 .article .newsText	{ width: 100%; padding: 0 0 25px 0; }

	.newsLayout-21 .article				{ border-bottom: 1px solid #BCBCBC; margin: 0 0 25px 0; }
	.newsLayout-21 .article .newsImg	{ width: 100%; margin: 0 0 20px 0; padding: 0;}
	.newsLayout-21 .article .newsText	{ width: 100%; padding: 0 0 20px 0;  }

	.newsLayout-30 .article				{ border-bottom: 1px solid #BCBCBC; margin: 0 0 25px 0; }
	.newsLayout-30 .article .newsImg	{ margin: 0 0 20px 0; padding: 0;}
	.newsLayout-30 .article .newsText	{ width: 100%; padding: 0 0 20px 0;  }

	.newsLayout-40 .article				{ width: 100%; border-bottom: 1px solid #BCBCBC; margin: 0 0 25px 0; padding: 0 0 20px 0; }

	.newsLayout-44 .article				{ border-bottom: 1px solid #BCBCBC; margin: 0 0 35px 0; }
	.newsLayout-44 .article	.newsImg	{ width: 100%; margin:0 0 20px 0; padding: 0;}
	.newsLayout-44 .article	.newsText	{ width: 100%; padding: 0 0 25px 0;  }

	.newsLayout-50 .article				{ border-bottom: 1px solid #BCBCBC; margin: 0 0 25px 0; }
	.newsLayout-50 .article .newsImg	{ margin: 0 0 20px 0; padding: 0;}
	.newsLayout-50 .article .newsText	{ width: 100%; padding: 0 0 20px 0;  }

	.page-navigation p					{ width: 100%; text-align: left; }
	.page-navigation ul					{ width: 100%; margin: 10px 0 0 0; }

	form .row							{ width: 100%; }

	#footerKontaktWrap h2				{ text-align: center; }
	.footerKontaktLaender ul			{ justify-content: center; }
	.footerKontaktLaender li			{ margin-right: 10px; }
	.footerKontaktLaender li.ort		{ margin-right: 10px; }
	.footerKontaktAdresse				{ text-align: center; }
}

@media screen and (max-width: 700px ) {


}


@media screen and (max-width: 650px ) {

	.newsLayout-60 .article				{ flex-direction: row; flex-wrap: wrap; }
	.newsLayout-60 .article .datum		{ width: 100%; margin: 0 0 10px 0; }
	.newsLayout-60 .article .datum .tag	{ display: inline; padding: 0 3px 0 0; }
	.newsLayout-60 .article .image		{ width: 100%; max-width: 250px; margin: 0 0 20px 0; }
	.newsLayout-60 .article .text		{ width: 100%; padding: 0; }

	.testimonialWrap					{ justify-content: center; margin: 0 0 50px 0; }
	.testimonialWrap img				{ width: 50%; height: auto; margin:0 0 45px 0; }
	.testimonialWrap .text				{ width: 100%; padding: 20px;  }
	.testimonialWrap .square			{ width: 40px; height: 40px; background: white; position: absolute;
											-moz-transform: rotate(45deg);
											-ms-transform: rotate(45deg);
											-o-transform: rotate(45deg);
											-webkit-transform: rotate(45deg);
											transform: rotate(45deg);
										}

	.testimonialLayout0					{ flex-direction: row; }
	.testimonialLayout1					{ flex-direction: row-reverse; }

	.testimonialLayout0 .square			{ top: -22px; left: calc(50% - 20px); border:0; border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; }
	.testimonialLayout1 .square			{ top: -22px; right: calc(50% - 20px); border:0; border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; }

}


@media screen and (max-width: 600px) {

	/*
	.ctaButtonWrap					{ margin-top: 20px; }
	.ctaButton						{ position: relative; right: 0; bottom: 0; background: #0053A0; width: 100%; max-width: 100%; }
	*/

	.imageTilesLayout-4 .tile		{ width: 100%; }
	.imageTilesLayout-4 img			{ width: 100%; height: auto; }

	.iconBox						{ width: 100%; }

	#footerMenu li:first-of-type 	{ margin: 0 0 10px 0; }
	#footerMenu li					{ width: 100%; margin: 0 0 10px 0; text-align: center;  }
	#footerMenu li:last-of-type 	{ margin: 0; }
}


@media screen and (max-width: 500px) {

	.headImage .headSubtitel		{ display: none; }
	.headSlider .headSubtitel		{ display: none; }
}


@media screen and (max-width: 400px) {

	#footerMenu li					{ margin: 0 10px; }
	#footerSocials li				{ margin: 0 10px; }
}