/*
X. Allgemeines
X.1 Schriftgrößen HEADER
X. Schriftgrößen Content

1. Header
1.1 HEADER - Allgemeines
1.2 HEADER - Designwelten


*/




@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?61209725');
  src: url('../fonts/fontello.eot?61209725#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?61209725') format('woff'),
       url('../fonts/fontello.ttf?61209725') format('truetype'),
       url('../fonts/fontello.svg?61209725#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?44326569#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-play-circled2:before { content: '\e800'; } /* '' */
.icon-play-circled:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; } /* '' */
.icon-download-alt:before { content: '\e803'; } /* '' */
.icon-cancel-circle:before { content: '\e804'; } /* '' */
.icon-ok-circle:before { content: '\e805'; } /* '' */
.icon-cancel:before { content: '\e806'; } /* '' */
.icon-ok:before { content: '\e807'; } /* '' */
.icon-th-list:before { content: '\e808'; } /* '' */
.icon-th:before { content: '\e809'; } /* '' */
.icon-th-large:before { content: '\e80a'; } /* '' */
.icon-video:before { content: '\e80b'; } /* '' */
.icon-forward:before { content: '\e80c'; } /* '' */
.icon-export-alt:before { content: '\e80d'; } /* '' */
.icon-export:before { content: '\e80e'; } /* '' */
.icon-export-1:before { content: '\e80f'; } /* '' */
.icon-share:before { content: '\e810'; } /* '' */
.icon-direction135:before { content: '\e811'; } /* '' */
.icon-external2:before { content: '\e812'; } /* '' */
.icon-movie47:before { content: '\e813'; } /* '' */
.icon-keyboard56:before { content: '\e814'; } /* '' */
.icon-right-open-big:before { content: '\e815'; } /* '' */
.icon-left-open-big:before { content: '\e816'; } /* '' */
.icon-right-open-1:before { content: '\e817'; } /* '' */
.icon-left-open:before { content: '\e818'; } /* '' */
.icon-right-open-2:before { content: '\e819'; } /* '' */
.icon-left-open-1:before { content: '\e81a'; } /* '' */
.icon-right-open-3:before { content: '\e81b'; } /* '' */
.icon-left-open-2:before { content: '\e81c'; } /* '' */
.icon-right:before { content: '\e81d'; } /* '' */
.icon-left:before { content: '\e81e'; } /* '' */
.icon-left-open-mini:before { content: '\e81f'; } /* '' */
.icon-right-open-mini:before { content: '\e820'; } /* '' */
.icon-angle-right:before { content: '\e821'; } /* '' */
.icon-angle-left:before { content: '\e822'; } /* '' */
.icon-right-open-4:before { content: '\e823'; } /* '' */
.icon-left-open-3:before { content: '\e824'; } /* '' */






/* Folgende Styles überschreiben vorhandene Styles aus der Main.css */

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
*/


a.download img {
  margin-right:10px;
  margin-bottom:10px;
}

.dropdown a.dir {
  font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
  font-size:18px;
  -moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
  -webkit-font-smoothing: antialiased; /*  für Safari aber nur in Verbindung zu lighter */
}
#headerWrapper ul.dropdown ul li a, #headerWrapper ul.dropdown ul li a:visited {
  font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
}
#headerWrapper ul.dropdown ul a:hover {
  color: #002F56 !important;
}
.overview {
  background:#8497b1;
  background-image: url("../img/footer_shadow.jpg"), url("../img/footer_shadow_2.jpg");
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
}
.csc-header-n1 {
  margin-bottom:3px;
}
#footerWrapper h2.csc-firstHeader a {
  font-size:17px;      
  font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
  letter-spacing:0.03em;
  color: #002f53;
}
.dropdown a:link,
.dropdown a:visited,
.dropdown a:hover,
.dropdown a:active {
  font-size:17px;
}
#footerWrapper p.bodytext a {
  font-size:14px;      
  font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
  letter-spacing:0.03em;
  color: #58585A;
}
#footerWrapper .subtitle,
#footerWrapper .subtitle a,
#footerWrapper .subtitle a:visited,
#footerWrapper .subtitle a:active {
  margin: 20px 0 10px;
  padding:0;
  font-size:16px;       
  line-height:1.2em;
  font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
  letter-spacing:0.03em;
  color: #bdccd8;
  text-transform:uppercase;
}
#footerWrapper .subtitle a:focus,
#footerWrapper .subtitle a:hover {
  color: #dae0e8;
  text-decoration: none;
}
#footerWrapper ul,
#footerWrapper ul a {
  color:#dae0e8;
  font-size:14px;      
  font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
  letter-spacing:0.03em;
}

#footerWrapper .news-latest-container h3.news_headline a {
  color:#dae0e8;
  font-size:13px !important;      
  font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
  letter-spacing:0.04em;
}
#footerWrapper .news-latest-container h3.news_headline span.date {
  color:#dae0e8;
  font-size:14px !important;
  font-family: 'Myriad Pro Light 1166622', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
}


#contentWrapper .categorie {
  padding-bottom: 10px;
}
.news-list-container {
  margin:0 20px 0 20px !important;
}
.news-single-item {
  margin-left:20px !important;
  margin-right:20px !important;
}
.news-list-container .news-list-item img {
  margin-right: 20px !important;
}
#headerWrapper ul.dropdown > li > a {
  text-transform:uppercase;
}
#headerWrapper ul.dropdown .level2 {
  text-transform:none;
}


/*************************** * X. ALLGEMEINES  *********************************************/
/*************************** * X. ALLGEMEINES  *********************************************/



/* Sonstige Klassen */

.RESPONSIVE .clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.RESPONSIVE .clear {  clear: both; }

.RESPONSIVE .relative {  position:relative; }
.RESPONSIVE .relative-child > * {  position:relative; }

.RESPONSIVE .overflow {  overflow:hidden; }

/* ======== Allgemeine Abstände ======== */
.RESPONSIVE.sw-content h1,
.RESPONSIVE.sw-content h2,
.RESPONSIVE.sw-content h3,
.RESPONSIVE.sw-content h4,
.RESPONSIVE.sw-content h6,
.RESPONSIVE.sw-content a,
.RESPONSIVE.sw-content p,
.RESPONSIVE.sw-content .img {
  padding-right:20px;
  padding-bottom:20px;
}

.RESPONSIVE.sw-content p + p { /* Aufeinander folgende Absätze haben 5px (20px - 15px = 5px) Abstand  */
  margin-top:-15px;
}
/* Allgemeine Listen */
.RESPONSIVE.sw-content ul,
.RESPONSIVE.sw-content ol {
  padding-right:20px;
  padding-bottom:12px; /* kleinerer Abstand da der letzte Bullet bereits 8px hat. */
}
.RESPONSIVE.sw-content ul,
.RESPONSIVE.sw-content ol,
.RESPONSIVE.sw-content ul ul,
.RESPONSIVE.sw-content ol ol {
  margin: 0px;
  padding-left: 0px;
  /*border:1px solid #952;*/
}
.RESPONSIVE.sw-content ul li,
.RESPONSIVE.sw-content ol li {
  margin-left: 20px;
  margin-bottom:8px; /* Abstand der Bullets */
}
.RESPONSIVE.sw-content ul li ul li,
.RESPONSIVE.sw-content ul li ol li {
  margin-left:10px;
}

.RESPONSIVE.sw-content ul li.no-bullet, /* für einzelne Listenpunkte */
.RESPONSIVE.sw-content ul.no-bullet li { /* für gesamte Listenpunkte */
  margin-left:0px;
  list-style:none;
}
.RESPONSIVE.sw-content ul li.head,
.RESPONSIVE.sw-content ol li.head {
  margin-left:0px;
}
.RESPONSIVE.sw-content ul li ul,
.RESPONSIVE.sw-content ol li ol,
.RESPONSIVE.sw-content ul li ol,
.RESPONSIVE.sw-content ol li ul {
  padding-bottom:0px;
}


/* Bilder mit Padding werden im IE8 nicht  proportional skaliert. Daher müssen sie mit einem div umgeben werden,  der das Padding hat */
/* Das Bild darf kein Padding haben */

.RESPONSIVE.sw-content .img-100 { /* Bilder werden auf 100% skaliert */
  padding:0 !important;
  width:100%;
  max-width:100%;
  height:auto;
}
.RESPONSIVE.sw-content .img-auto { /* bestimmte Bilder bleiben auf Originalgröße */
  padding:0 !important;
  width:auto;
  max-width:100%;
  height:auto;
}
/*
img { /* Bilder müssen Höhe auto haben, damit sie proportional skaliert werden *//*
overflow:hidden;
/*width:100%;*//*
height:auto;
}*/

/* --------- BOXES ----------- */





.RESPONSIVE.sw-content .box-margin-TL {
  margin-top:20px;
  margin-left:20px;
}
.RESPONSIVE.sw-content .box-margin-RB {
  margin-right:20px;
  margin-bottom:20px;
}
.RESPONSIVE.sw-content .box-margin-T {
  margin-top:20px;
}
.RESPONSIVE.sw-content .box-margin-L {
  margin-left:20px;
}
.RESPONSIVE.sw-content .box-margin-RL {
  margin-left:20px;
  margin-right:20px;
}
.RESPONSIVE.sw-content .box-padding-L {
  padding-left:20px;
}
.RESPONSIVE.sw-content .box-padding-T {
  padding-top:20px;
}
.RESPONSIVE.sw-content .box-padding-TL,
.RESPONSIVE.sw-content.box-padding-TL {
  padding-top:20px;
  padding-left:20px;
}
.RESPONSIVE.sw-content .box-padding-RB {
  padding-right:20px;
  padding-bottom:20px;
}
.RESPONSIVE.sw-content .box-padding-FULL {
  padding:20px;
}



.RESPONSIVE.sw-content .st-full-box,
.RESPONSIVE.sw-content .box-full {
  padding:0px !important;        /* Statt Padding bottom muss margin genutzt werden, da sonst das Bild gequentscht würde */
  margin-top:0 !important;         /* Damit die Box die gesammte Fläche füllt (außer unten) */
  margin-bottom:20px;
  margin-left:0 !important;
}
.RESPONSIVE.sw-content .st-color-box,
.RESPONSIVE.sw-content .box-color {
  padding-top:20px;
  padding-left:20px;       
  margin-bottom:20px;
  margin-right:20px;
  margin-left:0;
}
.RESPONSIVE.sw-content .st-full-color-box,
.RESPONSIVE.sw-content .box-full-color{
  padding-left:20px;        
  margin-top:0 !important;         /* Damit die Box die gesammte Fläche füllt (außer unten) */
  margin-bottom:20px;
  margin-left:0 !important;
}

.RESPONSIVE.sw-content .float-child-left > * { /*  */
  float:left;
}
.RESPONSIVE.sw-content .float-child-right > * { /*  */
  float:right;
}
.RESPONSIVE.sw-content .float-self-left,
.RESPONSIVE.sw-content .st-float-box { /*  */
  float:left;
}
.RESPONSIVE.sw-content .float-self-right { /*  */
  float:right;
}
.RESPONSIVE.sw-content .st-padding-box { /*  */
  padding-top:20px;
  padding-left:20px;
}
.RESPONSIVE.sw-content .st-content-box,
.RESPONSIVE.sw-content .box-content { /*  */
  padding-bottom:20px;
  padding-right:20px;
}

.RESPONSIVE.sw-content .box-zero { /*  */
  padding-bottom:20px;
  padding-right:20px;
}
.RESPONSIVE.sw-content .box-zero > * { /*  */
  padding:0;
}
.RESPONSIVE.sw-content .box-zero a > * { /*  */
  padding:0;
}


.RESPONSIVE.sw-content .section > * {
  margin-left:20px;
}
.RESPONSIVE.sw-content .section.box-full-color > *,
.RESPONSIVE.sw-content .section.box-full > * {
  margin-left:0px;
}
.RESPONSIVE.sw-content .section > .no-margin-left {
  margin-left:0px;
}



/* Allgemeine Links */


.RESPONSIVE a:link,
.RESPONSIVE a:visited,
.RESPONSIVE a:active {
  outline: 0 none;
  text-decoration: none;
}
.RESPONSIVE a:focus,
.RESPONSIVE a:hover {
  text-decoration: underline;
}

/* Allgemeine Linien */
.RESPONSIVE hr.line-dotted-white {
  margin-right:20px !important;                  /****************** * Formatierung aus main.css negiert ******************/
  margin-bottom:20px;
  border:none;
  border-top:dotted #aaaaaa 2px;
  background-color:#000000;
  height:1px;
  border-bottom: 0px dashed #000000 !important;     /****************** * Formatierung aus main.css negiert ******************/
}

/*************************** * X.1 Schriftgrößen HEADER  **************************************/
/*************************** * X.1 Schriftgrößen HEADER  **************************************/

/* Für alle Headerelemente */
.RESPONSIVE.sw-header h1,
.RESPONSIVE.sw-header h2,
.RESPONSIVE.sw-header ul,
.RESPONSIVE.sw-header ol {
  font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', sans-serif !important;
  font-weight:normal;
  text-transform:none;
}

.RESPONSIVE.sw-header h1 {
  font-size:3.5em;
  line-height:1.5em;
  font-weight:100;
  letter-spacing:0.03em;
}

/* großer Breakpoint bei 730px, Bitte bei
Header Styles ohne Logo (class=KEINLOGO) beachten */

@media (max-width: 730px) {
.RESPONSIVE.sw-header h1 {
  font-size:25px;
}
}

.RESPONSIVE.sw-header h2 {
  font-size:25px;  
  line-height:1.25em;
  letter-spacing:0.01em;
}
.RESPONSIVE.sw-header ul {
  font-size:17px;
  letter-spacing:0.05em;   
  padding:0 3px;
  margin-bottom:0px !important; /* Überschreibt Styles 10px von Bootstrap */
}
@media (max-width: 300px) {
.RESPONSIVE.sw-header ul {
  font-size:15px;
}
}



/********************************* * X. Schriftgrößen Content  *********************************************/
/********************************* * X. Schriftgrößen Content  *********************************************/


/* Schrifteigenschafte für Myriad Pro Light */
.RESPONSIVE.sw-content h1,
.RESPONSIVE .news-list-container .news-list-item h3, .news-single-item h3, .tx-avency-sanitopdm h2,
.RESPONSIVE.sw-content h2,
.RESPONSIVE.sw-content h3,
.RESPONSIVE .news-single-item h2,
.RESPONSIVE .news-list-container .news-list-item p,
.RESPONSIVE .news-single-item p,
.RESPONSIVE.sw-content p {
  font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', sans-serif;
  font-weight:normal;
  line-height:1.25em;
  letter-spacing:0.02em;
  margin:0;
}
.RESPONSIVE.sw-content ul li,
.RESPONSIVE.sw-content ol li {
  font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', sans-serif;
  font-weight:normal;
  line-height:1.25em;
  letter-spacing:0.02em;
}
/* Schriftgrößen & Abstände für Headlines */

.RESPONSIVE.sw-content h1,
.RESPONSIVE .news-list-container .news-list-item h3, .news-single-item h3, .tx-avency-sanitopdm h2,
.RESPONSIVE.sw-content h2 {
  font-size:27px;        
}
.RESPONSIVE.sw-content h1,
.RESPONSIVE .news-list-container .news-list-item h3, .news-single-item h3, .tx-avency-sanitopdm h2 {
  padding-top:5px;
  padding-bottom:15px;
}
.RESPONSIVE.sw-content h2 {
  padding-top:0px;
  padding-bottom:25px;
}
.RESPONSIVE.sw-content h3 {
  font-size:20px;
}
.RESPONSIVE .tx-avency-sanitopdm h2 {
  margin-bottom: 20px;
}
.RESPONSIVE .news-single-item h2 {
  margin:0 0 20px 0;   
  font-size:17px;
}

/* Schriftgrößen & Abstände für Absätze & Listen */
.RESPONSIVE .news-list-container .news-list-item p,
.RESPONSIVE .news-single-item p {
  font-size:17px;
  line-height:1.6em;
  padding-bottom:20px;
}
.RESPONSIVE.sw-content p {
  font-size:17px;
  line-height:1.6em;
}

.RESPONSIVE.sw-content ol li,
.RESPONSIVE.sw-content ul li {
  font-size:17px;
}
.RESPONSIVE.sw-content ul li.head {
  font-size:24px;
  font-weight:100;
}



/* Schriftgröße für alle st-small Klassen */
.RESPONSIVE.sw-content .st-small,
.RESPONSIVE.sw-content .st-small p,
.RESPONSIVE.sw-content p.st-small,
.RESPONSIVE.sw-content .st-small p,
.RESPONSIVE.sw-content ul.st-small li,
.RESPONSIVE.sw-content .st-small ul li,
.RESPONSIVE.sw-content ol.st-small li,
.RESPONSIVE.sw-content .st-small ol li{
  font-size:15px;
}

.RESPONSIVE.sw-content ul.st-small li,
.RESPONSIVE.sw-content .st-small ul li,
.RESPONSIVE.sw-content ol.st-small li,
.RESPONSIVE.sw-content .st-small ol li {
  margin-bottom:6px; /* Abstand der Bullets */
}
.RESPONSIVE.sw-content ul.st-small li.head,
.RESPONSIVE.sw-content .st-small ul li.head,
.RESPONSIVE.sw-content ol.st-small li.head,
.RESPONSIVE.sw-content .st-small ol li.head {
  font-size:24px;
  font-weight:100;
}


/********************************* * X. Schriftgrößen Content RESPONSIVE *********************************************/
/********************************* * X. Schriftgrößen Content RESPONSIVE *********************************************/

@media (max-width: 600px) {
.RESPONSIVE .news-list-container .news-list-item p,
.RESPONSIVE .news-single-item p,
.RESPONSIVE.sw-content p {
  font-size:15px;
  line-height:1.6em;
}
.RESPONSIVE.sw-content ul li,
.RESPONSIVE.sw-content ol li {
  font-size:15px;
}
}





.RESPONSIVE.sw-content h4 {                                                                                        /* fetter für ie */
  font-family: 'Myriad Pro Light 1166622', Arial, 'Helvetica Neue', sans-serif !important;
  /*-moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  font-size:20px; /*1.4*/
  font-weight:200;
  letter-spacing:0.01em           /* 0.01 max wegen wannen (freistehende) */
}
.RESPONSIVE.sw-content h5 {
  margin:0;
  font-size:1.6em;
  font-weight:100;
  letter-spacing:0.03em
}

.RESPONSIVE.sw-content h6 {
  font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
  font-weight:normal;
  margin:0;
  padding:0px;
  font-size:17px;
  -moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
  line-height:1.2em;
}
.RESPONSIVE .news-list-morelink,
.RESPONSIVE .news-single-backlink,
.RESPONSIVE .button a {
  font-size:17px;
  font-weight:100;
}
.RESPONSIVE.sw-content strong {
  font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
  -moz-osx-font-smoothing: grayscale; /* für Safari wieder etwas fetter */
  font-weight:normal;
  
}

@media (max-width: 600px) {
.RESPONSIVE.sw-content h1,
.RESPONSIVE .news-list-container .news-list-item h3,
.RESPONSIVE .news-single-item h3,
.RESPONSIVE .tx-avency-sanitopdm h2,
.RESPONSIVE.sw-content h3,
.RESPONSIVE.sw-content h2,
.RESPONSIVE.sw-content h3 {
  font-size:21px;        
  line-height:28px;
}
}

.RESPONSIVE.sw-content wbr.N01 {
  display:inline;
}
.RESPONSIVE.sw-content wbr.N02 {
  display:none;
}


@media (max-width: 600px) {
.RESPONSIVE.sw-content wbr.N02 {
  display:inline;
}
}





@media (max-width: 200px) {
.RESPONSIVE .news-list-container .news-list-item p,
.RESPONSIVE .news-single-item p,
.RESPONSIVE.sw-content p,
.RESPONSIVE.sw-content ol li,
.RESPONSIVE.sw-content ul li,
.RESPONSIVE.sw-content h2 {
  font-size:15px;
  line-height:22px;
}
}

/********************************** * 1. HEADER  **********************************/
/********************************** * 1. HEADER  **********************************/

/************************** * 1.1 HEADER - Allgemeines **************************/
/************************** * 1.1 HEADER - Allgemeines **************************/

.RESPONSIVE.sw-header {
  overflow:hidden;
  padding:20px;
}
@media (min-width: 731px) {
.RESPONSIVE.sw-header.KEINLOGO {
  min-height:210px; /* min notwendig, damit die farbige Fläche bei einem responsive Textumbruch mitwächst */
}
}
.RESPONSIVE.sw-header > div {
  float:left;
}
.RESPONSIVE.sw-header ol li,
.RESPONSIVE.sw-header ul li {
  display: inline;
  list-style:none;
  padding:0 5px 0 0;
}
@media (max-width: 300px) {
.RESPONSIVE.sw-header ol li,
.RESPONSIVE.sw-header ul li {
  display: block;
}
}
@media (max-width: 300px) {
.RESPONSIVE.sw-header .separator {
  display: none;
}
}


/****************************** * 1.2 HEADER - Designwelten ******************************/
/****************************** * 1.2 HEADER - Designwelten ******************************/


.RESPONSIVE.sw-header.DESIGNWELTEN {
  background:#000000;      /** * ALT dunkelgrau 3e3e40  **/
  text-align:center;
  margin-bottom:20px;      /* Abstand zum Slider */
}
@media (min-width: 730px) {
.RESPONSIVE.sw-header.DESIGNWELTEN {
  padding-top:85px;
}
}
.RESPONSIVE.sw-header.DESIGNWELTEN h1 {
  color:#ffffff;
}

/****************** * 1.3 HEADER - Neutral (Markenwelten + Unternehmen + (Herstellermarken) + F404 ) ******************/

.RESPONSIVE.sw-header.NEUTRAL {
  background:#002f53;      /** * dunkelblau **/
  text-align:center;
}
@media (min-width: 730px) {
.RESPONSIVE.sw-header.NEUTRAL {
  padding-top:62px;
  min-height:210px; /* min notwendig, damit die farbige Fläche bei einem Textumbruch mitwächst
  WICHTIG: IM IE (ie_gte8.css) MUSS EINE MIN-HEIGHT von 130 px ANGEGEBEN WERDEN*/
}
}
.RESPONSIVE.sw-header.NEUTRAL h1 {
  color:#ffffff;
}
.RESPONSIVE.sw-header.NEUTRAL ul {
  padding:0 20px 0 20px;
  color:#ffffff;
}
.RESPONSIVE.sw-header.NEUTRAL a:link,
.RESPONSIVE.sw-header.NEUTRAL a:visited,
.RESPONSIVE.sw-header.NEUTRAL a:active {
  color: #ffffff;
}
.RESPONSIVE.sw-header.NEUTRAL a:focus,
.RESPONSIVE.sw-header.NEUTRAL a:hover {
  color: #ffffff;
}
.RESPONSIVE.sw-header.NEUTRAL.HERSTELLERMARKEN {
  background:#88888e;      /** * grau **/
}
@media (min-width: 730px) {
.RESPONSIVE.sw-header.NEUTRAL.HERSTELLERMARKEN {
  padding-top:85px;
}
}
@media (min-width: 730px) {
.RESPONSIVE.sw-header.NEUTRAL.F404 {
  padding-top:85px;
}
}

/****************** * 1.4 HEADER - AQUASU ******************/
.RESPONSIVE.sw-header.AQUASU {
  background:#000000;      /** * schwarz **/
}
@media (min-width: 935px) {
.RESPONSIVE.sw-header.AQUASU {
  padding-top:49px;
  min-height:210px; /* min notwendig, damit die farbige Fläche bei einem Textumbruch mitwächst
  WICHTIG: IM IE (ie_gte8.css) MUSS EINE MIN-HEIGHT von 130 px ANGEGEBEN WERDEN*/
}
}
.RESPONSIVE.sw-header.AQUASU .brandlogo {
  margin:10px 20px 0 20px;
  float:left;
}
@media (max-width: 935px) {
.RESPONSIVE.sw-header.AQUASU .brandlogo {
  height:auto;
}
}
.RESPONSIVE.sw-header.AQUASU .brandlogo img {
  width:283px;
  height:94px;
}
@media (max-width: 935px) {
.RESPONSIVE.sw-header.AQUASU .brandlogo img {
  width:240px;
  height:80px;
}
}

.RESPONSIVE.sw-header.AQUASU div h2 {
  margin:10px 18px 0px 20px;
  color:#ffffff;
}
@media (max-width: 935px) {
.RESPONSIVE.sw-header.AQUASU div h2 {
  margin:17px 18px 0px 20px;
}
}
@media (min-width: 935px) {
.RESPONSIVE.sw-header.AQUASU div h2 {
  margin-top:27px;
}
}
.RESPONSIVE.sw-header.AQUASU div ul {
  margin:0px 18px 20px 20px;
  color:#ffffff;
}
.RESPONSIVE.sw-header.AQUASU a:link,
.RESPONSIVE.sw-header.AQUASU a:visited,
.RESPONSIVE.sw-header.AQUASU a:active {
  color: #ffffff;
}
.RESPONSIVE.sw-header.AQUASU a:focus,
.RESPONSIVE.sw-header.AQUASU a:hover {
  color: #ffffff;
}





/************************************* * 2. CONTENT *************************************/
/************************************* * 2. CONTENT *************************************/
/************************************* * 2. CONTENT *************************************/
/************************************* * 2. CONTENT *************************************/


/**************************** * 2.1 CONTENT - Allgemeines ****************************/
/**************************** * 2.1 CONTENT - Allgemeines ****************************/



.RESPONSIVE .tx-avency-sanitopdm h2,
.RESPONSIVE.content ul,
.RESPONSIVE.content a,
.RESPONSIVE .news-list-item p,
.RESPONSIVE .news-list-item h3,
.RESPONSIVE .news-single-item p,
.RESPONSIVE .news-single-item h2,
.RESPONSIVE .news-single-item h3,
.RESPONSIVE.sw-content.NEUTRAL h1,
.RESPONSIVE.sw-content.NEUTRAL h2,
.RESPONSIVE.sw-content.NEUTRAL p,
.RESPONSIVE.sw-content.NEUTRAL p strong {
  color:#58585a;
  text-transform: none;
}


.RESPONSIVE .news-single-item a:link,
.RESPONSIVE .news-single-item a:visited,
.RESPONSIVE .news-single-item a:active,
.RESPONSIVE .news-list-item a:link,
.RESPONSIVE .news-list-item a:visited,
.RESPONSIVE .news-list-item a:active,
.RESPONSIVE.sw-content.NEUTRAL a:link,
.RESPONSIVE.sw-content.NEUTRAL a:visited,
.RESPONSIVE.sw-content.NEUTRAL a:active {
  color: #58585a;
  outline: 0 none;
  text-decoration: none;
}
.RESPONSIVE .news-single-item a:focus,
.RESPONSIVE .news-single-item a:hover,
.RESPONSIVE .news-list-item a:focus,
.RESPONSIVE .news-list-item a:hover,
.RESPONSIVE.sw-content.NEUTRAL a:focus,
.RESPONSIVE.sw-content.NEUTRAL a:hover {
  color: #002f53;
  text-decoration: underline;
}
.sw-content {
  margin-top:20px;
}



@media (min-width: 1000px) { /* Rahmen um CONTENT verschwindet wenn kleiner als 1000px */
.RESPONSIVE.sw-content {
  margin-left:20px;
  margin-right:20px;
}
}
/*
.sw-content ul {
margin-left:15px;
}
.sw-content ol {
margin-left:0px;
padding-left:21px;
}
.logo.grafik {
margin-top:10px;
margin-bottom:10px;
}*/


/*  **************** BUTTONS *************** */

/*  **** Schrift & Links ***** */
.RESPONSIVE.sw-content .button-text,
.RESPONSIVE.sw-content .button,
.RESPONSIVE .news-single-backlink {
  font-size:17px;
}
@media (max-width: 600px) {
.RESPONSIVE.sw-content .button-text,
.RESPONSIVE.sw-content .button,
.RESPONSIVE .news-single-backlink {
  font-size:15px;
}
}

.RESPONSIVE .news-single-backlink a:link,
.RESPONSIVE .news-single-backlink a:visited,
.RESPONSIVE .news-single-backlink a:active,
.RESPONSIVE.sw-content a:link.button,
.RESPONSIVE.sw-content a:visited.button,
.RESPONSIVE.sw-content a:active.button  {
  color: #ffffff;
  outline: 0 none;
  text-decoration: none;
}
.RESPONSIVE .news-single-backlink a:focus,
.RESPONSIVE .news-single-backlink a:hover,
.RESPONSIVE.sw-content a:focus.button,
.RESPONSIVE.sw-content a:hover.button {
  color: #ffffff;
  text-decoration: underline;
}

/*  **** Icons ***** */
.RESPONSIVE.sw-content .button img {
  padding:0;
}

.RESPONSIVE .button {
  background: #002f53 none repeat scroll 0 0;
}
.RESPONSIVE .button.tip-static {
  margin-bottom:60px;
}


.RESPONSIVE.sw-content a.button,
.RESPONSIVE .news-single-backlink a {
  display:inline-block;
  padding:10px 20px 10px 20px;
}

.RESPONSIVE.sw-content a.button.download {
  position:realative;
  padding:10px 20px 10px 80px;
  float:right;
}
.RESPONSIVE.sw-content a.button.konfig {
  position:realative;
  padding:10px 20px 10px 58px;
  float:right;
}
@media (max-width: 480px) {
.RESPONSIVE.sw-content a.button.download,
.RESPONSIVE.sw-content a.button.konfig {
  float:left;
}
}
.RESPONSIVE.sw-content .button.download,
.RESPONSIVE.sw-content a.button.konfig {
  position:relative;
}



.RESPONSIVE.sw-content a.buttonXXX.download:before {
  content:"Diese Stellenanzeige als PDF";
  color:#58585a;
  text-align:right;
  width:250px;
  position:absolute;
  top:10px;
  right:210px;
}
@media (max-width: 800px) {
.RESPONSIVE.sw-content a.buttonXXX.download:before {
  display:none;
}
}
.RESPONSIVE.sw-content .button.back {
  float:left;
  
}

.RESPONSIVE .button-text {
  float:right;
  margin:10px 0 0px 0px;
  padding:10px 20px;
}







.RESPONSIVE.sw-content.PAGE-single .back.button {
  margin-top:10px;
}
@media (min-width: 551px) and (max-width: 870px) {
.RESPONSIVE.sw-content.PAGE-single .back.button {
  position:absolute;
  bottom:10px;
  margin-top:0px;
}
}

.RESPONSIVE.sw-content .button.link {
  float:left;
}

.RESPONSIVE.sw-content .button {
  display:inline-block;
  /*margin:10px 20px 20px 20px;*/
}
.RESPONSIVE .news-single-backlink,
.RESPONSIVE.sw-content.TYP-category .button {
  display:inline-block;
  margin:40px 20px 20px 20px;
}


.RESPONSIVE.sw-content .link.button a {
  padding:10px 20px 10px 40px;   
}

.RESPONSIVE.sw-content .konfig.button a {
  padding:10px 20px 10px 60px;   
}




.RESPONSIVE.sw-content .link.button {
  position:relative;
  margin:10px 20px 20px 0px;
}
.RESPONSIVE.sw-content .link.button img {
  position:absolute;
  bottom:-10px;
  left:8px;
}

.RESPONSIVE.sw-content .button.download img {
  position:absolute;
  top:-12px;
  left:8px;
}


.RESPONSIVE.sw-content .konfig.button img {
  position:absolute;
  top:7px;
  left:14px;
}



/*  **** Tooltip ***** */
.RESPONSIVE .tip-static {
  position: relative;
  text-decoration: none;
}
.RESPONSIVE .tip-static:after {  /* Container */
  content: attr(data-tooltip);
  position: absolute;
  bottom: -100%;
  left: -30%;
  background: #ccddee;
  padding: 5px 15px;
  color: black;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
  white-space: nowrap;
  /*
  opacity: 0;
  /* At time of this creation, only Fx4 doing pseduo transitions *//*
  -webkit-transition: all 0.4s ease;
  -moz-transition   : all 0.4s ease;*/
  
}
.RESPONSIVE .tip-static:before { /* Dreieck */
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 20px solid #ccddee;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  /* At time of this creation, only Fx4 doing pseduo transitions */
  /*
  -webkit-transition: all 0.4s ease;
  -moz-transition   : all 0.4s ease;
  opacity: 0;*/
  
  left: 50%;
  bottom: -30%;
}

@media (max-width: 480px) {
.RESPONSIVE .tip-static:after {  /* Container */
  bottom: -100%;
  left: 30%;
}
.RESPONSIVE .tip-static:before { /* Dreieck */
  left: 50%;
  bottom: -30%;
}
}









/*Style Guide*/
.RESPONSIVE.sw-content.STYLE-GUIDE .section {
  background-color:#fcfdfe;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:20px;
  border:1px solid #f4f4f8;
}
.RESPONSIVE.STYLE-GUIDE.sw-content {
  margin:0;
  border-width:0 0px 0;
  border-color:#f5f5f9;
  border-style:solid;
  overflow:hidden;
}
body div.STYLE-GUIDE.NEUTRAL h1,
body div.STYLE-GUIDE.NEUTRAL p,
body div.STYLE-GUIDE.NEUTRAL ul {  
  color:#4b6d96;
}
body div.STYLE-GUIDE.NEUTRAL h2 {  
  color:#4e6e8d; /* 17436d */
}

body div.STYLE-GUIDE.NEUTRAL h3 {  
  color:#8c91b4;
}
body div.STYLE-GUIDE.NEUTRAL h4 {  
  color:#4e6e8d;
}
.RESPONSIVE.STYLE-GUIDE.NEUTRAL h1 {  
  font-size:30px;
}
.RESPONSIVE.STYLE-GUIDE.NEUTRAL h2 {  
  font-size:36px;
}
.RESPONSIVE.STYLE-GUIDE.NEUTRAL h3 {
  font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
  font-size:16px;
  text-transform: uppercase;
  margin-bottom:-20px;
}
.RESPONSIVE.STYLE-GUIDE.NEUTRAL .subnav li.head {
  font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
  font-size:16px;
  text-transform: uppercase;
}
.RESPONSIVE.STYLE-GUIDE.NEUTRAL h4 {  
  font-family: 'Myriad Pro 1167301', Arial, 'Helvetica Neue', sans-serif !important;
  font-size:17px;
}


code {
  font-size:13px;
  background-color:transparent;
  color:#ccc;
  white-space:pre-line;
  padding:0;
}
code span.highlight {
  color:#f1283f;
}
code span.lowlight {
  color:#551D5C;
}
.st-single-box.st-box-example,
.st-single-box.st-box-html,
.st-single-box.st-box-css {
  border-width: 1px;
  border-style: solid;
  border-color: #def;
  border-radius: 4px;
  box-shadow: none;
  position: relative;
  clear:both;
  margin-right:20px;
  margin-bottom:20px;
  overflow:hidden;
}

.RESPONSIVE.STYLE-GUIDE .st-box-1 {
  border-width: 1px;
  border-style: solid;
  border-color: #dde;
  border-radius: 4px;
  box-shadow: none;
  background-color: #eef;
  padding: 1.1%;  
}

.RESPONSIVE.STYLE-GUIDE .box-grid {
  border-width: 1px;
  border-style: solid;
  border-color: #dde;
  background-color: #fafaff;
  padding: 1.1% 0.7%;
  margin-bottom:-1000px;
  padding-bottom:1000px;
}

.st-box-example,
.st-box-html,
.st-box-css {
  padding: 20px 15px 15px;
  
}
.RESPONSIVE.STYLE-GUIDE .st-box-html,
.RESPONSIVE.STYLE-GUIDE .st-box-css {
  background-color: #f7f8fd;
}

.st-box-example::after {
  content: "Beispiel";
}
.st-box-html::after {
  content: "HTML";
}
.st-box-css::after {
  content: "Styles";
}
.st-box-example::after,
.st-box-html::after,
.st-box-css::after {
  border-radius: 0 0 0 4px;
  background-color:#97bddb;
  padding:6px 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  right:0px;
  letter-spacing: 1px;
  position: absolute;
  text-transform: uppercase;
  top: 0px;
}


.RESPONSIVE.AQUASU .st-single-box.st-box-example,
.RESPONSIVE.AQUASU .st-single-box.st-box-html,
.RESPONSIVE.AQUASU .st-single-box.st-box-css {
  border-color: #999;
  border-radius: 0px;
  box-shadow: none;
  position: relative;
  clear:both;
  min-height:60px;
}
.RESPONSIVE.AQUASU .st-box-html,
.RESPONSIVE.AQUASU .st-box-css {
  background-color: #fff;
  margin-bottom:20px;
}
.RESPONSIVE.AQUASU .st-box-example::after,
.RESPONSIVE.AQUASU .st-box-html::after,
.RESPONSIVE.AQUASU .st-box-css::after {
  border-radius: 0;
  background-color:#999;
}


.RESPONSIVE div.subnav .st-sticky {
  width:235px;
  
  
}
.RESPONSIVE div.subnav ul {
  margin-left:10px;
  padding:0px;
}
.RESPONSIVE div.subnav ul ul {
  margin-left:10px;
  padding:0px;
}
.RESPONSIVE div.subnav ul li,
.RESPONSIVE div.subnav ul li ul li {
  list-style:none;
}





div,
ul,
p,
a,
img {
  border:0px solid #555;
  
}
.sw-content div {
  border:0px solid #ddd;
}