@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-100italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

#sp-footer1 {
	text-align: left;
}

#sp-footer2 {
	text-align: right;
}
.sp-copyright {
	text-align: left;
	color: #ffffff;
}

.sp-contact-info li i {
	color: #ffffff;
}

.cellpaddleft {
	padding-left: 10px;
}

.cellpaddright {
	padding-right: 10px;
}	

h1 {
	color: #2c4f80;
}

h2	{
	color: #2c4f80;
}

h3	{
	color: #2c4f80;
}

.vertical-center {
  display: flex;
  align-items: center;
}

#sp-main-body {
	padding-top: 0px;
}

.entry-header {
	margin-bottom: 0px;
}

hr.blog_hr {
	margin-top: 0;
	border-top: 0;
}

.sp-module-content .mod-languages ul.lang-inline li a {
	line-height: 25px;
	font-size: 90%;
}

.sp-module-content .mod-languages ul.lang-inline li a p {
	line-height: 25px;
	font-size: 90%;
	margin-bottom: 0px
}

div.Header div.container-fluid {
	padding-top: 15px;
}

.HeaderMC {
    background-size: cover;
	background-image: url('/images/2020/Header/bg-orange.jpg');  
}
.HeaderCIS {
    background-size: cover;
	background-image: url('/images/2020/Header/bg-green.jpg');  
}
.HeaderOCM {
    background-size: cover;
	background-image: url('/images/2020/Header/bg-dark-blue.jpg');  
}
.HeaderRCM {
    background-size: cover;
	background-image: url('/images/2020/Header/bg-grey.jpg');  
}
.HeaderLCM {
    background-size: cover;
	background-image: url('/images/2020/Header/bg-yellow.jpg');  
}
.HeaderPCN {
    background-size: cover;
	background-image: url('/images/2020/Header/bg-red.jpg');  
}
.HeaderProdukte {
    background-size: cover;
	background-image: url('/images/2020/Header/Header_Produkte_eingefärbt.JPG');  
}
.HeaderKontakt {
  	background-size: cover;
    background-position-y: -40px;
	background-image: url('/images/2020/Header/Header_Kontakt_verkleinert.JPG');  
}
.HeaderDienstleistungen {
  	background-size: cover;
	background-image: url('/images/2020/Header/Dienstleisung_22.03.2022.JPG');  
}
.HeaderNewsEvents {
  	background-size: cover;
	background-image: url('/images/2020/Header/Header_News_eingefärbt.JPG');
}
.HeaderUeberPCNGlobal {
  	background-size: cover;
	background-image: url('/images/2020/Header/Header_über_pcn.global.JPG');
}
.HeaderHome {
	background-size: cover;
	background-image: url('/images/_Banner/bg-image-Header.jpg');
}
.HeaderReferenzen {
	background-size: cover;
	background-image: url('/images/2020/Header/Dienstleisungen_4.JPG');
}

.HeaderDigitalObsolescence {
  	background-size: cover;
	background-image: url('/images/2020/Header/Out_of_stock.JPG');
    background-position-y: bottom;
}
.UnsereLeistungen {
	background-repeat: repeat-y;
	background-image: url("/images/_Banner/bg-image-Blue.jpg");
}
div.UnsereLeistungen div.container-fluid {
	padding-top: 15px;
  	padding-left: 15px;
  	padding-right: 15px;
}

div.HeaderText {
  font-size: 20pt;
  color: white;
  padding-top: 30px;
  padding-left: 15px;
  padding-bottom: 30px;
  padding-right: 15px;
}

div.HeaderSubText {
  font-size: 18px;
  font-weight: normal;
}

@media(max-width:767px) {
	a.logo .sp-default-logo
	{
  		display: block;
    	max-width: 75%;
  	}
  	#sp-menu {
      margin-left: 16.6%
  	}
}

@media (min-width:1200px) {
  	div.HeaderText {
  		padding-top: 100px;
        padding-left: 70px;
		height: 322px;
		font-weight: 800;
		font-size: 36px;
		line-height: 1.1;
	}
  	div.HeaderSubText {
        font-size: 24px;
    	padding-top: 15px;  
  	}
}

@media (min-width:992px) {
  	div.ColBorderRight {
  		border-right: gray 1px solid;
	}
  	div.ColBoderLeft {
  		border-left: gray 1px solid;
	}
}


.panel {
	border: none;
	border-bottom: 1px solid grey;
	border-radius: 0;
}
.panel-default > .panel-heading {
	background: none;
	border: none;
	padding-left: 0;
}

h3.panel-title {
	color: #2c4f80;
	font-size: 24pt;
}

h3 .accordion-button {
	color: #2c4f80;
	font-size: 24pt;
  	font-weight: 500;
}

h3 .accordion-button:not(.collapsed) {
    color: #2c4f80;
    background-color: transparent;  
}

.panel-heading h3:after {
    font-family: 'Glyphicons Halflings';
    content: "\e260";
    float: right;
}

.panel-heading.collapsed h3:after {
    content: "\e259";
}

.image-center-center {
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 100%;
  padding-left:15px;
  padding-right:15px;
}

.nopadding {
  padding: 0px;
}

.headline {
	color: #003366;
  	font-size: 18pt;
  	font-weight: 700;
  	margin-bottom: 10px;
}

.headline-small {
	color: #003366;
  	font-size: 12pt;
  	font-weight: 700;
  	margin-bottom: 10px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-45 {
  margin-top: 45px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-20 {
  margin-top: 20px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-45 {
  padding-top: 45px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-15 {
  padding-top: 15px;
}

.padding-left-15 {
  padding-left: 15px;
}

ul.li-margin-bottom-10 li {
  margin-bottom: 10px;
}

@media(max-width:767px) {
  .margin-xs-top-0 {
  	margin-top: 0px;
  }
  .margin-xs-top-10 {
  	margin-top: 10px;
  }
  .magrin-xs-top-20 {
      margin-top: 20px;
  }
  .margin-xs-top-30 {
      margin-top: 30px;
  }
  .margin-xs-top-45 {
  	margin-top: 45px;
  }
  
  .padding-xs-top-0 {
  	padding-top: 0px;
  }
  .padding-xs-top-10 {
  	padding-top: 10px;
  }
  .padding-xs-top-20 {
      padding-top: 20px;
  }
  .padding-xs-top-30 {
      padding-top: 30px;
  }
  .padding-xs-top-45 {
  	padding-top: 45px;
  }

  .creative_form_7 .creativecontactform_header {
	padding:  15px  15px 15px 15px !important;
  }
  .creative_form_7 .creativecontactform_body {
	padding:  5px  30px 10px 30px !important;
  }
  .creative_form_7 .creativecontactform_footer {
    padding:  15px  30px 15px 30px !important;
  }
  .creative_field_box_wrapper_1_inner {
    margin-right: 0 !important; 
  }
}

html, body {
  font-family: 'Raleway';
}

@media (min-width: 1400px)
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1340px;
  }
@media (min-width: 1200px)
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
  }
@media (min-width: 992px)
  .container, .container-lg, .container-md, .container-sm {
    max-width: 970px;
  }
@media (min-width: 768px)
  .container, .container-md, .container-sm {
    max-width: 750px;
  }
@media (min-width: 576px)
  .container, .container-sm {
    max-width: 540px;
  }

.figure-caption {
  color: #333;
}

div.UnsereLeistungen .img-thumbnail {
  margin-bottom: 20px;
}