/* Eigene CSS Definitionen */
/* open-sans-regular - latin */
/* open-sans-300 - latin-ext */
/* open-sans-300 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.side-navigation-wrapper .btn-side {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Abstand zwischen Icon und Text */
}

.side-navigation-wrapper .btn-side img {
    width: 24px;  /* Icon-Größe anpassen */
    height: 24px;
}

#formularEnglisch2Spalten-19759-textarea-1 {
  min-height: 250px !important; /* oder 300px etc. */
  height: auto !important;       /* verhindert fixe Höhe */
  box-sizing: border-box;
  margin-bottom: 30px;

}
#formularDeutsch2Spalten-19759-textarea-1 {
  min-height: 250px !important; /* oder 300px etc. */
  height: auto !important;       /* verhindert fixe Höhe */
  box-sizing: border-box;
  margin-bottom: 30px;

}
#formularFranzoesisch2Spalten-19759-textarea-1 {
  min-height: 250px !important; /* oder 300px etc. */
  height: auto !important;       /* verhindert fixe Höhe */
  box-sizing: border-box;
  margin-bottom: 30px;

}
#formularSpanisch2Spalten-19759-textarea-1 {
  min-height: 250px !important; /* oder 300px etc. */
  height: auto !important;       /* verhindert fixe Höhe */
  box-sizing: border-box;
  margin-bottom: 30px;

}
#formularPolnisch2Spalten-19759-textarea-1 {
  min-height: 250px !important; /* oder 300px etc. */
  height: auto !important;       /* verhindert fixe Höhe */
  box-sizing: border-box;
  margin-bottom: 30px;

}


@media (max-width: 768px) {
  .frame-type-ce_tabs .tab-navigation .nav.nav-tabs {
    display: flex;
    flex-wrap: wrap;        /* Tabs umbrechen */
    justify-content: center;/* Tabs mittig anordnen */
    gap: 0.5rem;            /* Abstand zwischen Tabs */
    padding: 0.5rem;        /* Innenabstand für Luft */
    overflow: visible;      /* kein Scrollen */
  }

  .frame-type-ce_tabs .tab-navigation .nav.nav-tabs > * {
    flex: 1 1 auto;         /* Füllt gleichmäßig die Zeilen */
    min-width: 45%;         /* Mindestens zwei pro Zeile */
    max-width: 100%;        /* Aber nicht über den Rand hinaus */
  }

  .frame-type-ce_tabs .tab-navigation .nav-link {
    white-space: normal;    /* Zeilenumbruch im Tab-Titel */
    text-align: center;     /* Text zentrieren */
    padding: 0.75rem 1rem;  /* Mehr Klickfläche */
    border-radius: 6px;     /* Leichte Abrundung */
    background-color: #f7f7f7; /* Heller Hintergrund */
  }

  /* Optional: aktiven Tab deutlicher hervorheben */
  .frame-type-ce_tabs .tab-navigation .nav-link.active {
    background-color: #d62287; /* Deine Wunschfarbe */
    color: #fff;
  }
}

.frame-submenue li:first-child a {
    margin-top: 0.8rem; /* oder mehr, z. B. 2rem */
}

.frame-submenue li a {
    display: block; /* WICHTIG: statt inline-block */
    width: 100%;     /* gleiche Breite für alle Buttons */
    background-color: #e0e0e0;
    color: #333;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    text-decoration: none;
	font-weight: 500;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    border: 1px solid transparent;
    box-sizing: border-box; /* verhindert Überlauf bei Padding */
}

.frame-submenue li a:hover {
	background-color: #eeeeee;
	padding: 0.4rem 0.8rem;
    border: 1px solid transparent;
}
.frame-menuelist li:first-child a {
    margin-top: 0.8rem; /* oder mehr, z. B. 2rem */
}

.frame-menuelist li a {
    display: block; /* WICHTIG: statt inline-block */
    width: 100%;     /* gleiche Breite für alle Buttons */
    background-color: #e0e0e0;
    color: #333;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    text-decoration: none;
	font-weight: 500;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    border: 1px solid transparent;
    box-sizing: border-box; /* verhindert Überlauf bei Padding */
}

.frame-menuelist li a:hover {
	background-color: #eeeeee;
	padding: 0.4rem 0.8rem;
    border: 1px solid transparent;
}

/* Alte Sprachumschaltung */
.languagemenu span,
.languagemenu a {
	display: inline-block;

}

.languagemenu a:active,
.languagemenu a:focus,
.languagemenu a:hover {
	text-decoration: none;
}

.languagemenu span:after,
.languagemenu a:after {
	content: "|";
	padding: 0 4px;
	color: #eee;
}

.languagemenu span:last-child:after,
.languagemenu a:last-child:after {
	content: "";
	padding: 0;
}

.languagemenu {
	margin-top: 10px; 
	
}

.flags {
	margin-top: 0px; 	
	text-align: right;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.login {
	margin-top: 0px;
	text-align: right;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.cards_4sp  {
	padding-top: 20px; 
    
}


.background3 {
	
    background-color: #eee;
	padding: 10px;
}

.background4 {
	padding: 20px; 
  
background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
}

.background5 {
	margin: 10px;
	padding: 20px; 
    background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%); 

}



.background2 {
	padding-top: 20px; 
    background-color: #ddd;
}

.footer25 .frame-indent {
  margin-left: 0px;
  
  
}
.footer25 {

margin-top: 25px;
padding-top: 20px;


}



.image-bordered {
  border: 1px solid #ccc;
  padding: 5px;
}

.img-rounded {
  border-radius: 50%;
}

.img-shadow {
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.alert-blue {
  background-color: #e6f2ff;
  border-left: 4px solid #3399cc;
  padding: 0.5em;
}

.text-h3 {
  font-size: 230%;
  color: #fff;
  padding-top: 20px;
}

.text-h2 {
  color: #000;
  padding-bottom: 7px;
  font-size: 140%;
}

.text-h1 {
  color: #000;
  padding-bottom: 7px;
  font-size: 180%;
}

.alert-yellow {
  background-color: #fff7cc;
  border-left: 4px solid #ffcc00;
  padding: 0.5em;
}

.text-right {
  text-align: right;
}

.white-background {
  background-color: rgba(255, 255, 255, 0.6); /* Weiß mit 60% Deckkraft */
}

.white-background-kom {
  background-color: rgba(255, 255, 255, 0.8); /* Weiß mit 60% Deckkraft */
}

.text-white {
  color: #fff;
}

.background-products {
  background-image: url('/typo3/fileadmin/_processed_/6/3/csm_Strommast_Backround_ACTAS_e6df9c8df5.png');
  background-size: cover;       /* Skaliert das Bild so, dass es den Container ausfüllt */
  background-position: center;  /* Zentriert das Bild */
  background-repeat: no-repeat; /* Verhindert Wiederholung */
  color: black;                 /* Textfarbe – anpassbar je nach Bild */
  padding: 60px;                /* Abstand innen – optional */
}

.background-notizzettel {
  background-image: url('/fileadmin/icons/file/Haftzettel1.png');
  background-repeat: no-repeat;
  background-size: contain;      /* Skaliert Bild vollständig sichtbar */
  background-position: center;   /* Zentriert das Bild */
  
  padding: 60px;
  color: black;

  aspect-ratio: 3 / 4;           /* Erhält Seitenverhältnis – anpassen! */
  width: fit-content;
}

.btn {
  padding: 0.3em 0.8em;
  text-decoration: none;
  border-radius: 4px;
}

.check-icon {
  position: relative;
  padding-left: 30px; /* Platz für das Icon */
}

.check-icon::before {
  content: "";
  position: absolute;
  top: 0.2em; /* leicht nach unten, um auf Textlinie zu sitzen */
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("/fileadmin/icons/file/Häkchen.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.image-overlay {
  position: relative;
  display: inline-block;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-overlay img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(70%);
  transition: filter 0.3s ease;
}

.image-overlay header {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
  font-size: 3.6rem !important;
  text-align: center;
  text-shadow: 0 2px 6px rgba(0,0,0,0.7);
  padding: 0 10px;
  width: 100%;
  z-index: 2;
}

.image-overlay header h1,
.image-overlay header h2,
.image-overlay header h3,
.image-overlay header h4,
.image-overlay header h5,
.image-overlay header h6 {
  margin: 0;            /* Standard-Abstände entfernen */
  color: inherit;       /* Schriftfarbe übernehmen */
  font-weight: inherit; /* Gewicht übernehmen */
  text-align: inherit;  /* Zentrierung übernehmen */
}

.image-overlay:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}

.image-overlay:hover img {
  filter: brightness(80%);
}


.shadow-light {
  background-color: white; /* Hintergrund explizit weiß */
  box-shadow: 3px 15px 21.7px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
}

.shadow-light:hover {
  transform: scale(1.03); /* leichtes Vergrößern */
  box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.35); /* stärkerer Schatten */
}

.text-primary {
	color: #d3007b !important;
}

.hover {
  transition: all 0.3s ease;
}

.hover:hover {
  transform: scale(1.03); /* leichtes Vergrößern */
}
/* Grundlayout Tabs */
.nav-tabs {
  border-bottom: none;
}

/* Alle Tabs */
.nav-tabs .nav-link {
  border: 1px solid transparent;
  background-color: #fff;
  color: #333;
  margin-right: 2px;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.6rem 1.2rem;
  transition: background-color 0.2s ease;
}

/* Hover-Effekt */
.nav-tabs .nav-link:hover {
  background-color: #f1f1f1;
}

/* Aktiver Tab – nahtlos mit Inhalt */
.nav-tabs .nav-link.active {
  background-color: #f8f9fa; /* gleiche Farbe wie .tab-content */
  border-color: #dee2e6 #dee2e6 transparent;
  color: #e6007e;
  font-weight: 600;
  position: relative;
  z-index: 2;
}

/* Inhaltsbereich */
.tab-content {
  background-color: #f8f9fa;
  padding: 1.0rem;
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  position: relative;
  z-index: 1;
}

/* Responsive Verhalten */
@media screen and (max-width: 767px) {
  .tabpanel .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #ccc;
    gap: 2px;
  }

  .tabpanel .nav-tabs .nav-link {
    font-size: 0.85rem;
    padding: 6px 10px;
    white-space: nowrap;
    flex: 0 0 auto;
    text-align: center;
    border-radius: 0.5rem 0.5rem 0 0;
  }

  /* Optional: Scrollbar ausblenden für sauberes Design */
  .tabpanel .nav-tabs::-webkit-scrollbar {
    display: none;
  }
  .tabpanel .nav-tabs {
    -ms-overflow-style: none;  /* IE/Edge */
    scrollbar-width: none;     /* Firefox */
  }
}

.text-border {
  padding-left: 1.5rem;          /* etwas Abstand zwischen Rand und Text */
  padding-right: 1.5rem;
 }

.btn-primary {
  background-color: #007bff;
  color: #fff;
}

.text-border + ol li {
    padding: 0.5rem 0;
    background-color: #f4f4f4;
    margin-bottom: 0.25rem;
    border-radius: 4px;
    list-style-position: inside;
}


.custom-heading {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}


.bg-danger {
  --bs-bg-opacity: .5;
  background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important;
}


.card-img-top{
	width: 100%;
}


/* */
.col3blue_sp2_eppe{
	background: rgb(248,251,254);	
	color: #000;
}

.col3blue_sp2_eppe li{
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="Yes");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3blue_sp2_eppe ol{
	color: #000;
	font-size: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3blue_sp2_eppe p{
	color: #000;
	font-size: 100%;
}
.col3blue_sp2_eppe h2{
	font-size: 22px;
	font-weight: 600;		
	color: #05418a;
}


.col3blue_sp2_eppe h3{
	font-size: 16px;
	font-weight: 600;		
	color: #d6007f;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 15px;
}

.col3blue_sp2_eppe h4{
	font-size: 18px;
	font-weight: 600;		
	color: #111;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 15px;
}
.col3blue_sp2_eppe li{
	font-size: 16px;
	font-weight: 400;		
	color: #111;
	padding-bottom: 3px;
	margin-bottom: 0px;
	margin-top: 3px;
	padding-left: 3px;
}

pageheader

.h2_white {
	color: white;
}

.nav_all{
	padding-left: 10px; 
}

.col2_artes2 ul{
	margin-left: 30px; 
}
.col2_artes2 h2{
	margin-left: 20px; 
}
.col2_artes2 h1{
	margin-left: 20px; 
}
.carrier2 {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
    margin-bottom: 15px;   
	background-color: #dbdbdb;
    color: black;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	transition: all 250ms;
	border: 0;
	font-size: 14px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	box-shadow: rgba(50, 50, 50,.55) 0 -5px 5px -5px inset,rgba(50, 50, 50,.25) 0 1px 2px,rgba(50, 50, 50,.25) 0 2px 4px,rgba(50, 50, 50,.25) 0 4px 4px,rgba(50, 50, 50,.25) 0 8px 16px,rgba(50, 50, 50,.25) 0 6px 5px;
	
}
.carrier2:hover{
	box-shadow: rgba(178, 50, 120,.55) 0 -5px 5px -5px inset,rgba(178, 50, 120,.25) 0 1px 2px,rgba(178, 50, 120,.25) 0 2px 4px,rgba(178, 50, 120,.25) 0 4px 4px,rgba(178, 50, 120,.25) 0 8px 16px,rgba(178, 50, 120,.25) 0 6px 5px;
	color: #d6007f;
	text-decoration: none;
}
	
.carrier2:link{
	
	text-decoration: none;
}
	
}
.carrier{
	font-size: 12px;
	
}


.frame-layout-2 {
	
margin-top: 10px;
padding-top: 0px;
background: rgb(218,236,251);

text-align: center;
	
}

.frame-layout-2 h2{
	
margin-top: 10px;
margin-bottom: 10px;
background: rgb(255,255,255);

text-align: center;
	
}

.menu2_main {
	
margin: 0px;
margin-top: 10px;
background: rgb(218,236,251);
padding-right: 15px;
text-align: center;
	
}
.menu2_sp1 {
	
text-align: center;
	
}

.frame-menu2 ul{	
margin: 0;
padding: 15px;
 
}

.frame-menu2 li a:link{
	
	margin-right: 10px;
    margin-bottom: 15px;   
	background-color: #dbdbdb;
	border-radius: 50px;
    color: black;
	cursor: pointer;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	transition: all 250ms;
	border: 0;
	font-size: 14px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	box-shadow: rgba(50, 50, 50,.55) 0 -5px 5px -5px inset,rgba(50, 50, 50,.25) 0 1px 2px,rgba(50, 50, 50,.25) 0 2px 4px,rgba(50, 50, 50,.25) 0 4px 4px,rgba(50, 50, 50,.25) 0 8px 16px,rgba(50, 50, 50,.25) 0 6px 5px;
	
}

.frame-menu2 li a:hover{
	box-shadow: rgba(178, 50, 120,.55) 0 -5px 5px -5px inset,rgba(178, 50, 120,.25) 0 1px 2px,rgba(178, 50, 120,.25) 0 2px 4px,rgba(178, 50, 120,.25) 0 4px 4px,rgba(178, 50, 120,.25) 0 8px 16px,rgba(178, 50, 120,.25) 0 6px 5px;
	color: #d6007f;
	text-decoration: none;
}

.frame-menu2 li{
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	display:inline;
}

.col3_phone .ce-bodytext{
	width: 165px;
	
}

.btn_rib {
  border: none;
  border-radius: 5px;
  margin-left: 10px;
  padding: 12px 31px;
  font-size: 14px;
  font-weight: 600;	
  cursor: pointer;
  background-color: #e5007d;
  color: white;
  position: relative;
}
.btn_rib:hover {
 
  color: black;

}
.sub-arrow {
	display: none;
	
}

.ribbon {
  width: 80px;
  font-size: 13px;
  padding: 4px;
  position: absolute;
  right: -45px;
  top: -15px;
  text-align: center;
  border-radius: 25px;
  transform: rotate(20deg);
  background-color: yellow;
  color: black;
}

.image-embed-item {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}


 .box-social-media {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 50%;

    transform: translateY(-50%);
    z-index: 1000;

  }
   .box-social-media:hover {

    right: 0;
   
	
  }
  
 .box-social-media2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 54%;
    transform: translateY(-50%);
    z-index: 1000;

  }
   .box-social-media2:hover {
   
    right: 0;
   

  }
   .box-social-media3 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 58%;
    transform: translateY(-50%);
    z-index: 1000;
	
  }
   .box-social-media3:hover {
   
    right: 0;
    
  }

  .box-social-media4 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 62%;
    transform: translateY(-50%);
    z-index: 1000;
	
  }
   .box-social-media4:hover {
  
    right: 0;


  }
  
  
 .header_actas_papers p{
	font-family: 'Open Sans', Verdana, serif;	
	color: rgb(128,128,128); 
	font-size: 190%;	
	padding-top: 30px;
}

.box-social-media5 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 66%;
    transform: translateY(-50%);
    z-index: 1000;
	
  }
.box-social-media5:hover {
       right: 0;
     }
	 
.box-social-media6 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 70%;
    transform: translateY(-50%);
    z-index: 1000;
 }
 .box-social-media6:hover {
       right: 0;
 }

.box-social-media7 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: 0px;
    top: 59%;
    transform: translateY(-50%);
    z-index: 1000;
 }
 .box-social-media7:hover {
       right: 0;
 } 
 
@keyframes cssAnimation_0 {
   
  0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
	}

	10% {
		animation-timing-function: ease-in;
		transform: scale(0.96);
	}

	17% {
		animation-timing-function: ease-out;
		transform: scale(0.98);
	}

	33% {
		animation-timing-function: ease-in;
		transform: scale(0.96);
	}

	45% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
  
}



/*Blog Footer ausblenden*/

.card-footer {
	display: none;
	
}

.card{
	margin-right: 15px;
background: rgb(245,245,245);
background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(236,236,236,1) 100%);
}
.card:hover{
	transition: transform .2s; /* Animation */
	
	 box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); 
}



.modal {
	padding-top: 200px;
	 
}

.alert-info {
	display: none;
	
}

.phone_news {
	font-family: 'Open Sans', Verdana, serif;
	font-weight: 600;	
	padding-left: 0px;
	font-size: 140%;
	letter-spacing: +1px;
	color:#b23278;
	text-decoration:none;
	
}


.login_cus label {
	  width: 150px;	
	
}

.login_cus input {
	margin-top: 4px; 
	 margin-left: 0px;	
	
}

.mail_row {	
	
padding-top: 15px;
background: rgb(218,232,243);	
margin: 5px;	
	
	}
.company p{
	background: rgb(250,250,250);	
	padding: 0px;
}	

.company {
	background: rgb(250,250,250);
margin-left: 0px; 
margin-right: 0px;	
}
	
#comment-form {
	display: none;
	
}

#comment-section h3{
	display: none;
	
}

.hausmesse .form-check-label {
  font-size: 14px;
}

.hausmesse .form-check-label {
  width: 750px;
  padding-left: 0px;
}

Element {

}
.hausmesse .control-label {

    width: 850px;
	padding-bottom: 10px;
	padding-top: 20px;

}


.h1mod h1{
	
	text-align: left;
	color: #000;
}

.h1mod2 h1{
	margin-bottom: 5px;
	padding-bottom: 0;
	font-size: 28px;
	text-align: center;
	color: #31439e;
}

.h1mod22 h1{
	margin-bottom: 5px;
	padding-bottom: 0;
	font-size: 28px;
	text-align: left;
	color: #333;
}
.h1mod3 h3{
	margin: 20px;
	font-size: 28px;
	text-align: center;
	color: #31439e;
}

.jumbotron_mod h3{
	padding-top: 5px;
	font-size: 400%;
	text-align: center;
	color: #fff;
}

.header_epos_mc4 p{
	padding-top: 25px;
	font-size: 190%;
	text-align: center;
	color: #8c8c8c;
}

/*Blog Footer ausblenden*/

.frame-software h2 {
	font-weight: bold;
	display: inline-block;
	text-align: left;
	margin-left: 1px;
	color: #fff;
	background: linear-gradient(to right, rgb(100, 6, 58) 0%, rgb(192, 39, 121) 100%);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 300px;
	
	}
	
.overview {
	
	background: #dae8f3;
	padding: 20px;
	
	
	}
	
.col3_kocos	h5{
	font-family: 'Open Sans', Verdana, serif;
	color: #FFF;
	font-weight: 600;
	font-size: 150%;
	padding-bottom: 0px;
	line-height: 60%;
	padding-left: 10px;
	padding-top: 20px;
}


.col3_kocos	.slick-slider .ce-textpic {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(221,221,221,1) 100%); 
	height: 350px;
	padding: 20px 5px 5px 5px;
	margin: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.24);
}

.col3_phone	.slick-slider .ce-textpic {
padding-left: 22px;
padding-right: 60px;
padding-top: 80px; 
margin-top: 60px;
height: 420px;
background-image: url("https://www.kocos.com/fileadmin/Marketing/General/phone_ohne.png");
	background-repeat: no-repeat, no-repeat;
-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
}

.col3_phone	.slick-slider .ce-textpic ol{
padding-left: 15px;
font-size: 90%;
}
.col3_phone	.slick-slider .ce-textpic li{

font-size: 90%;
}

.contact_right {
	padding-left: 25px; 
	
}

.contact_right img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
.kontakt_kocos {
	marging-top: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
background: rgb(238,238,238);
background: -moz-linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(239,239,239,1) 25%, rgba(239,239,239,1) 75%, rgba(238,238,238,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(239,239,239,1) 25%, rgba(239,239,239,1) 75%, rgba(238,238,238,1) 100%);
background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(239,239,239,1) 25%, rgba(239,239,239,1) 75%, rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#eeeeee",GradientType=1);
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.kontakt_kocos2 {
	marging-top: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	background-color: #f4f4f4;
	

}
.kontakt_kocos3 {
	
	marging-top: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	background-color: #f4f4f4;
	
}

.kontakt_kocos2 label{
	font-size: 85%;
	
}

.kontakt_kocos2 label.control-label {
	width: 390px;
	font-size: 90%;	
	padding-bottom: 5px;	
}


.kontakt_kocos2 textarea{
	height: 100px;
	width: 98%;
	
}



.kontakt_kocos2 h2{
	
	color: #111;
}
.privacy_policy a:link{
	float:left;
	margin-left: 0px;
    margin-bottom: 20px;   
	background-color: #dbdbdb;
	border-radius: 50px;
    color: black;
	cursor: pointer;
	display: inline-block;
	padding: 7px 15px;
	text-align: center;
	text-decoration: none;
	transition: all 250ms;
	border: 0;
	font-size: 14px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	box-shadow: rgba(50, 50, 50,.55) 0 -5px 5px -5px inset,rgba(50, 50, 50,.25) 0 1px 2px,rgba(50, 50, 50,.25) 0 2px 4px,rgba(50, 50, 50,.25) 0 4px 4px,rgba(50, 50, 50,.25) 0 8px 16px,rgba(50, 50, 50,.25) 0 6px 5px;
	
}
.privacy_policy a:visited{
	
    color: black;
	
}

.privacy_policy a:hover{
	box-shadow: rgba(178, 50, 120,.55) 0 -5px 5px -5px inset,rgba(178, 50, 120,.25) 0 1px 2px,rgba(178, 50, 120,.25) 0 2px 4px,rgba(178, 50, 120,.25) 0 4px 4px,rgba(178, 50, 120,.25) 0 8px 16px,rgba(178, 50, 120,.25) 0 6px 5px;
	color: #d6007f;
	text-decoration: none;
}




a.pid:link {
color:#000000;
text-decoration:none;
}

a.pid:visited
{
color:#000000;
text-decoration:none;
}
a.pid:hover
{
color:#b23278;
text-decoration:none;
} 
.search1 {
	
}


.login_partner {
	float:right;
	margin-left: 20px;
    margin-bottom: 20px;   
 
  
}


.login_partner:hover {
  
}

.epos_header {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 740%;
	padding-top: 50px;
	padding-left: 10px;
	padding-bottom: 0px;
	line-height: 60%;
}
.epos_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 175%;
	letter-spacing: +4px;
}
.epos_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 102%;
	
}
.epos_subheader_pl {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 170%;
	letter-spacing: +2px;
}

.epos_subheader_esp {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 98%;
	
}

.actas_header {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 660%;
	padding-top: 50px;
	padding-left: 10px;
	padding-bottom: 0px;
	line-height: 60%;
}


.sherlog_subheader {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 158%;
	padding-top: 5px;
	padding-left: 10px;

}
.sherlog_subheader_esp {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 128%;
	padding-top: 5px;
	padding-left: 10px;

}
.sherlog_subheader_de {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 160%;
	padding-top: 5px;
	padding-left: 10px;
	letter-spacing: +3px;

}
.sherlog_subheader_fr {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 170%;
	padding-top: 5px;
	padding-left: 10px;
	letter-spacing: +5px;

}
.sherlog_subheader_pl {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 137%;
	padding-top: 5px;
	padding-left: 10px;


}
.sherlog_header {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size:460%;
	padding-top: 50px;
	padding-left: 10px;
	padding-bottom: 0px;
	line-height: 60%;
}

.eppe_header {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 800%;
	padding-top: 50px;
	padding-left: 0px;
	padding-bottom: 0px;
	line-height: 60%;
	letter-spacing: +15px;
}
.eppe_header_de {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 560%;
	padding-top: 50px;
	padding-left: 0px;
	padding-bottom: 0px;
	line-height: 60%;
	letter-spacing: +2px;
}

.eppe_header_pl {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 540%;
	padding-top: 50px;

	padding-bottom: 0px;
	line-height: 60%;
	letter-spacing: +2px;
	padding-left: 5px;
}
.eppe_subheader {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 150%;
	padding-top: 5px;
	padding-left: 10px;

}
.eppe_subheader_de {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 133%;
	padding-top: 5px;
	padding-left: 10px;
    letter-spacing: +1px;
}
.eppe_subheader_fr {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 135%;
	padding-top: 5px;
	padding-left: 10px;
   
}
.eppe_subheader_esp {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 98%;
	padding-top: 5px;
	padding-left: 10px;
   
}
.eppe_subheader_pl {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 170%;
	padding-top: 5px;
	padding-left: 10px;
   
}
.actas_subheader_us {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 145%;
	padding-top: 5px;
	padding-left: 10px;

}
.actas_header_software {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #fff;
	font-weight: 600;
	font-size: 220%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	line-height: 60%;
}
.actas_header_software2 {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #fff;
	font-weight: 600;
	font-size: 265%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	line-height: 60%;
}
.actas_header_software3 {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #fff;
	font-weight: 600;
	font-size: 380%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	line-height: 60%;
}
.actas_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 136%;
	letter-spacing: +2px;
}
.actas_subheader_pl {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 136%;
	letter-spacing: +1px;
}
.actas_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 145%;
	letter-spacing: +2px;
}

.actas_subheader_de2 {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 133%;
	
}
.actas_subheader_fr {
	text-align: left;
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 120%;
	
}
.actas_subheader_esp {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 100%;
}




.artes_header {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 660%;
	padding-left: 10px;
	padding-top: 40px;
	padding-bottom: 0px;
	line-height: 60%;
}

.artes_header_rc3 {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 385%;
	padding-left: 10px;
	padding-top: 40px;
	padding-bottom: 0px;
	line-height: 60%;
}
.artes_subheader {
	text-align: left;
	font-weight: 600;
	color: #000;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 140%;
}

.artes_subheader_de {
	text-align: left;
	font-weight: 600;
	color: #000;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 144%;
	letter-spacing: +2px;
}
.artes_subheader_fr {
	text-align: left;
	font-weight: 600;
	color: #000;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 127%;
}

.artes_subheader_esp {
	text-align: left;
	font-weight: 600;
	color: #000;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 112%;
}
.artes_subheader_esp2 {
	text-align: left;
	font-weight: 600;
	color: #000;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 111%;
}

.headline_h1 {
	text-align: left;
	color: #000;
	padding-bottom: 7px;
	font-size: 140%;
}

.headline_h1_pl{
	font-family: 'Open Sans', Verdana, serif;
	font-weight: 600;
	text-align: left;
	color: #000;
	padding-bottom: 7px;
	font-size: 140%;
}
.col2_artes {
	padding-left: 10px;	
}

.col2_artes li{
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 130%;
	font-weight: bold;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png");
	
	line-height: 105%;
}

.col2_artes2 li{
	
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png");
	line-height: 100%;
	
}
.col2_artes ul{
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 110%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	margin-top: 0px;
	padding-left: 40px;	
	margin-left: 10px;
	line-height: 105%;
}
.col2_actas li{
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 130%;
font-weight: 700; 
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png");
	
	line-height: 105%;
}
.col2_actas ul{
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 110%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	margin-top: 0px;
	padding-left: 40px;	
	margin-left: 10px;
	line-height: 105%;
}
.support_header {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 400;
	font-size: 420%;
	margin: 0;
	line-height: 100%;
}
.support_header_de {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 420;
	font-size: 328%;
	margin: 0;
	line-height: 100%;
}
.support_subheader {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 400;
	font-size: 500%;
	margin: 0;
	padding-bottom: 20px;
	line-height: 60%;
}

.metes_header {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 600;
	font-size: 660%;
	margin: 0;
	padding-bottom: 0px;
	line-height: 60%;
}
.metes_subheader {
	font-family: 'Open Sans', Verdana, serif;
	font-weight: 400;
	color: #000;
	margin: 0;
	padding-top: 15px;
	padding-left: 6px;
	font-size: 255%;
	letter-spacing: +2px;
}
.metes_subheader_de{
	font-family: 'Open Sans', Verdana, serif;
	font-weight: 400;
	color: #000;
	margin: 0;
	padding-top: 15px;
	padding-left: 6px;
	padding-top: 6px;
	font-size: 235%;
	letter-spacing: +1px;
}

.engi_header_esp {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 400%;
	padding-bottom: 0px;
	line-height: 75%;
}

.engi_subheader_fr {
	font-family: 'Open Sans', Verdana, serif;
	font-weight: 600;
	padding-top: 5px;
	color: #000;
	padding-left: 6px;
	font-size: 300%;
	letter-spacing: +9px;
}

.engi_subheader_esp {
	font-family: 'Open Sans', Verdana, serif;
	font-weight: 600;
	padding-top: 5px;
	color: #000;
	padding-left: 6px;
	font-size: 300%;
	letter-spacing: +6px;
}
.engi_header {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 300%;
	margin: 0;
	padding-bottom: 0px;
	line-height: 60%;
}


.kocos_header {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 600;
	font-size: 200%;
	margin: 0;
	padding-bottom: 10px;
	line-height: 60%;
}

.kocos_subheader {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 600;
	font-size: 82%;
	margin: 0;
	padding-bottom: 20px;
	line-height: 60%;
}



.lotos_header {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 600;
	font-size: 650%;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 60%;
	letter-spacing: +5px;
}
.lotos_header_de {

	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 600;
	font-size: 140%;
	margin: 0;
	padding-top: 50px;
	padding-bottom: 0px;
	line-height: 60%;
	
}
.lotos_header_dud {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 600;
	font-size: 150%;
	margin: 0;
	padding-top: 50px;
	padding-bottom: 0px;
	line-height: 60%;
	padding-left: 10px;
	
}
.school_header {
	font-family: 'Open Sans', Verdana, serif;
	color: #FFF;
	 font-weight: 600;
	font-size: 200%;
	margin: 0;
	padding-top: 80px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 100%;
	
}
.school_subheader {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 400;
	font-size: 183%;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 20px;
	line-height: 100%;
	padding-left: 10px;
	letter-spacing: +2px;
}

.lotos_header_sic {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	 font-weight: 600;
	font-size: 115%;
	margin: 0;
	padding-top: 50px;
	padding-bottom: 0px;
	line-height: 60%;
	
}
.lotos_subheader {
	color: #000;
	padding-left: 4px;
	font-weight: 600;
	font-size: 124%;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 10px;
	line-height: 60%;
}
.lotos_subheader_de {
	color: #000;
	padding-left: 4px;
	font-weight: 600;
	font-size: 128%;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 10px;
	line-height: 60%;
}
.lotos_subheader_esp {
	color: #000;
	padding-left: 4px;
	font-weight: 600;
	font-size: 143%;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 10px;
	line-height: 60%;
}
.lotos_subheader_pl {
	color: #000;
	padding-left: 4px;
	font-weight: 600;
	font-size: 160%;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 10px;
	line-height: 60%;
	letter-spacing: +3px;
}

.indec_header {
	color: #000;
	font-weight: 600;
	font-size: 580%;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 60%;
	letter-spacing: +5px;
}

.indec_header_dud {
	color: #000;
	font-weight: 600;
	font-size: 200%;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 60%;
	letter-spacing: +5px;
}
.indec_subheader {
	
	color: #000;
	padding-left: 4px;
	font-weight: 600;
	font-size: 175%;
	padding-top: 5px;
	margin: 0;
	padding-bottom: 20px;
	line-height: 60%;
}
.indec_subheader_esp {
	
	color: #000;
	padding-left: 4px;
	font-weight: 600;
	font-size: 160%;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 60%;
	letter-spacing: +1px;
}
.indec_subheader_fr {
	
	color: #000;
	padding-left: 4px;
	font-weight: 600;
	font-size: 190%;
	margin: 0;
	padding-bottom: 20px;
	line-height: 60%;
}
.indec_subheader_de {

	color: #000;
	padding-left: 4px;
	font-weight: 600;
	font-size: 200%;
	margin: 0;
	padding-bottom: 20px;
	line-height: 60%;
}

.omcat_header {
	color: #000;
	font-weight: 600;
	font-size: 500%;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 60%;
	letter-spacing: +5px;
}
.promet_header {
	color: #000;
	font-weight: 600;
	font-size:500%;
	padding-top: 40px;
	padding-left: 0px;
	padding-bottom: 5px;
	line-height: 60%;
	letter-spacing: 0px;
}

.promet_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 140%;
	letter-spacing: +1px;
}
.promet_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 142%;
	letter-spacing: +3px;
}
.promet_subheader_esp {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 103%;
	letter-spacing: +0px;
}
.promet_subheader_fr {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 142%;
	letter-spacing: +3px;
}
.promet_subheader_pl {
	text-align: left;	
	font-weight: 500;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 162%;
	letter-spacing: +3px;
}

.promet_subheader_pl2 {
	text-align: left;	
	font-weight: 400;
	color: #000;
	padding-top: 0px;
	padding-left: 6px;
	font-size: 172%;
	letter-spacing: +4px;
}

.promet100_header {
	color: #000;
	font-weight: 600;
	font-size:307%;
	padding-top: 40px;
	padding-left: 4px;
	padding-bottom: 5px;
	line-height: 60%;
	letter-spacing: 0px;
}

.promet100_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 150%;
	letter-spacing: +1px;
}
.promet100_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 156%;
	letter-spacing: +3px;
}

.watom_header {
	color: #000;
	font-weight: 600;
	font-size: 550%;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 60%;
	letter-spacing: +5px;
}

.omcat_subheader {
	color: #000;
	padding-left: 4px;
	padding-top: 5px;
	font-weight: 600;
	font-size: 100%;
	padding-bottom: 20px;
	line-height: 60%;
}
.omcat_subheader_esp {
	color: #000;
	padding-left: 4px;
	padding-top: 5px;
	font-weight: 500;
	font-size: 103%;
	margin: 0;
	padding-bottom: 20px;
	line-height: 60%;
	letter-spacing: +3px;
}

.omcat_subheader_fr {
	color: #000;
	padding-left: 4px;
	padding-top: 5px;
	font-weight: 600;
	font-size: 100%;
	margin: 0;
	padding-bottom: 20px;
	line-height: 60%;
	letter-spacing: +1.8px;
}

.omcat_subheader_de {
	color: #000;
	padding-left: 4px;
	padding-top: 5px;
	font-weight: 600;
	font-size: 130%;
	margin: 0;
	padding-bottom: 20px;
	line-height: 60%;
	letter-spacing: +1px;
}
.engi_subheader {
	font-family: 'Open Sans', Verdana, serif;
	font-weight: 600;
	color: #000;
	margin: 0;
	padding-left: 0px;
	padding-top: 5px;
	font-size: 300%;
	letter-spacing: +7px;
}
.gme-addresses {
	marging-top: 10px;
	padding-top: 15px;
	color: #d3007b;
	font-size: 125%;
	}	

	
.subtitle_white{
	marging-top: 0;
	padding-top: 0;
	color: #000;
	font-size: 125%;
}

.subtitle_black{
	marging-top: 0;
	padding-top: 0px;
	color: #000;
	font-size: 125%;
}


.pink  {
	padding-top: 10px;
	color: #d3007b;	
	font-size: 160%;
	font-weight: 600;
}

.pink_es  {
	padding-top: 10px;
	color: #d3007b;	
	font-size: 150%;
	font-weight: 600;
}

.blue  {
	padding-top: 10px;
	color: #468cc3;	
	font-size: 160%;
	font-weight: 600;
}

.blue_es  {
	padding-top: 10px;
	color: #468cc3;	
	font-size: 150%;
	font-weight: 600;
}

.grey  {
	padding-top: 10px;
	color: #8c8c8c;	
	font-size: 160%;
	font-weight: 600;
}

.grey_es  {
	padding-top: 10px;
	color: #8c8c8c;	
	font-size: 150%;
	font-weight: 600;
}

.line {
	height: 0px;
	width: 100%; 
	background: rgb(184,184,184);
	background: -moz-linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8b8b8",endColorstr="#ffffff",GradientType=1); 
}

.linewhite {
	width: 100%; 
	height: 3px;
	background:#fff ;
	
}


.navbar-brand {
	padding-bottom: .55rem;
	
}
.hp1 {
	background:#f6f6f6 ;
	border-right-style: solid;
	border-right-color: white;
	margin-bottom: 5px;
}

.hp1 h2{
	padding-top: 10px;
	color: #666;
	font-size: 130%;
}

.hp2 {
	background:#f6f6f6 ;
	margin-bottom: 5px;
}

.hp2 h2{
	padding-top: 10px;
	color: #666;
	font-size: 130%;
}



.hp3 {
	background:#d3eaff ;
	border-right-style: solid;
	border-right-color: white;
	margin-bottom: 5px;
}

.hp3 h2{
	padding-top: 10px;
	color: #666;
	font-size: 130%;
}

.hp4 {
	background:#d3eaff ;
	margin-bottom: 5px;
}

.hp4 h2{
	padding-top: 10px;
	color: #666;
	font-size: 130%;
}

.jumbotron header {
	padding: 15px; 
}

.jumbotron h3{
	text-align: left;
	font-size: 230%;
	color: #fff;
	padding-top: 20px;
}

.jumbotron h1{
	text-align: left;
	font-size: 350%;
	color: #fff;
	padding-left: 0px;
}

.button, input, optgroup, select, textarea {
  margin-bottom: 2px;
}

.control-label {	
	width: 350px;
}

.form-check-label {	
	width: 100%;
	padding-left: 0px;
}

.container {
	width: 1300px;
	max-width: 100%;
}

.news-list-item {
	padding-top: 5px;
	padding-bottom: 30px;
}

.extra {
	display: none;
 }

.focuspoint__svg  {
	opacity: 0.0;
 }
 
#clickskeks-popup-holder #clickskeks-popup-banner-by-holder{
    display:none!important;
}

.col1_kocos {
	padding-bottom: 0px;
	padding-left: 0px; 
}

.col1_lotos {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
}
.col1_about {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
}
.col1_omcat {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
}

.col1_support {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
}

.col1_watom {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
}

.col2_kocos {
	padding-left: 0px;
	padding-top: 0px;
}

.col2_lotos {
	padding-left: 15px;
	padding-top: 45px;
}
.col2_metes {
	padding-left: 15px;
	padding-top: 40px;
}
.col2_about {
	padding-left: 15px;
	padding-top: 40px;
}

.col2_ag {
	padding-left: 35px;
	padding-top: 40px;
}

.col2_watom {
	padding-left: 15px;
	padding-top: 45px;
}

.col2_indec {
  padding-left: 15px;
  padding-top: 87px;
}

.col2_metes li{
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 110%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	margin-top: 0px;
	padding-left: 5px;	
	margin-left: 10px;
	line-height: 105%;
}
.col2_about li{
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 110%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	margin-top: 0px;
	padding-left: 5px;	
	margin-left: 10px;
	line-height: 105%;
}



.col2_ag li{
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 110%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png" alt="yes");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	margin-top: 0px;
	padding-left: 5px;	
	margin-left: 10px;
	line-height: 105%;
}

.form-control {	
	padding: .3rem .6rem;
	font-size: 1rem;
	line-height: 1.25;
}



label {
  display: inline-block;
  margin-bottom: .2rem;
}

.kocos_start_box2 p{	
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	max-width:80%;
}

.lotos_downloads_sp1 .abc {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #000;
	padding: 0px;
	margin: 0px;
}

.checkus {
	padding-top: 200px;
	padding-right: 0px;
	padding-left: 60px; 
}

.header_indec h2{
	font-size: 18px;
	color: #444;
}

.header_indec h1{
	margin: 20px; 
	font-size: 30px;
	color: #777;
}
.header_omcat h1{
	margin: 20px; 
	font-size: 30px;
	color: #468cc3;
}

.header_indec ce-uploads li {
	width: 200px;
	background-color: white; 
	border: 3px;
}

.checkus-artes {
	padding-top: 190px;
	padding-right: 0px;
	padding-left: 60px; 
}

.checkus-lotos {
	padding-top: 150px;
	padding-right: 0px;
	padding-left: 60px; 
}

.checkus-eppe {
	padding-top: 100px;
	padding-right: 0px;
	padding-left: 60px; 
}

.checkus-indec {
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 60px; 
}
.checkus-omcat {
	padding-top: 70px;
	padding-right: 0px;
	padding-left: 60px; 
}
.checkus-omcat_fr {
	padding-top: 90px;
	padding-right: 0px;
	padding-left: 60px; 
}
.indec_pic {	
	padding-top:70px;
}

.artes_templates {
	
	background: rgb(217,217,217);
	padding: 20px;
	margin: 20px;
	padding-right: 60px;
	width: 80%;
}

.checkus_card {	

	padding: 0px;
	margin: 0px;
	background: rgb(237,237,237);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
}

.checkus_card_pl {	

	padding: 0px;
	margin: 0px;
	background: rgb(237,237,237);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
}

.checkus_card h1{	
font-size: 150%;
text-align: left;
color: black;
	
}


.paula {
	
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	padding-bottom: 0px;

}
.paula1{

background: rgb(84,0,50);
background: linear-gradient(360deg, rgba(84,0,50,1) 0%, rgba(214,0,127,1) 36%, rgba(214,0,127,1) 62%, rgba(84,0,50,1) 100%, rgba(255,255,255,1) 100%);
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px; 
	margin-bottom: 10px;
	max-height: 300px;
	max-width: 600px:
}


.paula2{	
	margin: 0px; 
    padding: 0px;  
	padding-bottom: 0px;
}

.checkus_card h2{

	font-weight: 600;
}

.checkus_card_pl h2{
font-size: 140%;
	font-weight: 400;
}


.checkus_card1 {
	
	padding: 0px;
	margin: 0px;
	background: rgb(250,250,250);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
}


.checkus_card1 h2{

	font-weight: 400;
}

.col3_kocos {
	

	padding-right: 30px;
	padding-top: 30px; 
}


.col3_phone {
	
	
}

.col3_phone p{
	
	font-size: 80%;
}

.col3_kocos h2{
	
	padding-top: 5px;
	color: rgb(0,0,0);
}

.kocos_start_box2 {
	
	background: #e3e4e4; 
	background: -moz-linear-gradient(left, #e3e4e4 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #e3e4e4 0%,#ffffff 100%); 
	background: linear-gradient(to right, #e3e4e4 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e4', endColorstr='#ffffff',GradientType=1 ); 
}

.test3{	
	background: rgb(217,217,217);
	background: linear-gradient(180deg, rgba(118,174,231,1) 41%, rgba(70,161,237,0.02) 100%, rgba(255,255,255,1) 100%); 
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.card_kocos {
	
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.2col_kocos1 {
	
	text-align: center;
	display: block;
	padding-left: 50px;
	margin: 0 auto;
}

.2col_kocos_row {
	margin: 0 auto;
}

.kocos_start_img {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.kocos_main_card {	
	background: #e3e4e4; 
	background: -moz-linear-gradient(left, #e3e4e4 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #e3e4e4 0%,#ffffff 100%); 
	background: linear-gradient(to right, #e3e4e4 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e4', endColorstr='#ffffff',GradientType=1 ); 
}

.header_actas p {	
	color: rgb(202,44,128);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;
}

.header_actas_c p {	
	color: rgb(128,128,128);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;
}

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


.kocos_card_header {		
	background: rgb(203,237,255);
}

.zweispalten_haupt {		
	margin: 0px;
	padding: 0px; 		
}

.column1_kocos h1 {	
	text-align: left;
	color: #000;
	font-weight: 400;
}
	
.column2_kocos h1 {	
	text-align: left;
	color: #fff;
}
	
.column3_kocos h1 {
	text-align: left;
	color: #000;
}	
	
.column4_kocos h1 {	
	text-align: left;
	color: #000;
}	
.column4_kocos h2 {	
	text-align: left;
	color: #000;
}	
.column4_kocos a {	
	text-align: left;
	color: #000;
	text-decoration: underline;
}	
	
.column5_kocos h1 {
	text-align: left;
	color: #000;
}	

.column5_eppe h1 {
	text-align: left;
	color: #000;
}	
.column5_eppe h2 {
	text-align: left;
	color: #000;
}	
	
.column6_kocos h1 {	
	color: #000;
	text-align: left;
}	
	
.column1_kocos p {	
	font-size: 100%;
	font-weight: 400;
	color: #000;
}
	
.column2_kocos p {	
	font-size: 100%;
	color: #000;
	font-weight: 400;
}
.column3_kocos p {		
	font-size: 100%;	
	font-weight: 400;
	color: #000;
}
	
.column4_kocos p {			
		font-size: 100%;
	color: #000;
}
	
.column5_kocos p {		
	font-size: 100%;
	color: #000;
}

.column6_kocos p {		
	font-size: 100%;
	font-weight: 400;
}

.column1_kocos {
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}

.column2_kocos {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245);  
	margin:1px;
}

.column3_kocos {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245);  
	padding-right: 0px;
	margin:1px;
}

.column4_kocos {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	
	padding-bottom: 0px;
	margin:1px;
}

.column4_kocos img{
	padding-top: 10px;
	margin-bottom: 0px;
}

.column5_kocos {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	
	margin:1px;
}
.column_epos_v {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
	padding-right: 0px;
}
.column_epos_v h1{	
	text-align: left;
	color: #000;
}

.column_epos_v .ce-gallery img{	
	
	padding-right: 10px;
}

.column8_kocos {	
	padding: 20px;
	padding-bottom: 5px;
	
	padding-right: 0px;
	margin:1px;

	}
.column8_kocos h1{	
	text-align: left;
	color: #000;
}

.column9_kocos {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	padding-right: 0px;
	margin:1px;
}


.column9_kocos_artes {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
	
}


.column5_eppe {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
	
}

.column5_eppe p{	
	font-size: 100%;
}

.column6_kocos {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245);
	padding-right: 0px;
	margin:1px;
}


.column2_kocos_artes {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245);
	margin:1px;
}

.column2_kocos_eppe {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}

.column1_kocos_artes h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;		
}
.column1_kocos_artes h2 {	
	text-align: left;
	color: #000;	
	font-size: 20px;		
}
.column1_kocos_artes {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245);
	margin:1px;
}

.column1_kocos_artes p {		
	color: #000;	
	font-size: 100%;	
}


/*  Schlichtes Design neu grau */

.col2_grey1{
	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}
.col2_grey1 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey1 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey1 a{
	font-size: 100%;		
}

.col2_blue{	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(190,215,234);	
}

.col2_blue p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue a{
	font-size: 100%;		
}

.col2_darkgrey{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(178,178,178);	
}

.col2_darkgrey p{
	color: #000;	
	font-size: 100%;	
}

.col2_darkgrey h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_darkgrey1 a{
	font-size: 100%;		
}

.col2_grey2{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}

.col2_grey2 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey2 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey2 a{	
	font-size: 100%;		
}

.col2_grey3{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_grey3 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey3 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey3 a{	
	font-size: 100%;		
}

.col2_grey4{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_grey4 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey4 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey4 a{	
	font-size: 100%;		
}

.col2_grey5{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_grey5 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey5 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey5 a{	
	font-size: 100%;		
}

.col2_grey6{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_grey6 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey6 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey6 a{	
	font-size: 100%;		
}

.col2_grey7{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_grey7 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey7 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey7 a{		
	font-size: 100%;		
}

.col2_grey8{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_grey8 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey8 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey8 a{	
	font-size: 100%;		
}

/*  Schlichtes Design blau */

.col2_blue1{	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
margin:1px;
}
.col2_blue1 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue1 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue1 a{		
	font-size: 100%;		
}

.col2_blue{	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}
.col2_blue p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue a{		
	font-size: 100%;		
}

.col2_darkgrey{	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(178,178,178);	
}
.col2_darkgrey p{
	color: #000;	
	font-size: 100%;	
}

.col2_darkgrey h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_darkgrey1 a{		
	font-size: 100%;		
}
.col2_grey{	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;	
}
.col2_grey p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey1 a{		
	font-size: 100%;		
}

.col2_blue2{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
margin:1px;
}
.col2_blue2 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue2 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue2 a{	
	font-size: 100%;		
}


.col2_blue3{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;	
}
.col2_blue3 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue3 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue3 a{	
	font-size: 100%;		
}

.col2_blue4{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;	
}
.col2_blue4 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue4 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue4 a{	
	font-size: 100%;		
}

.col2_blue5{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;	
}
.col2_blue5 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue5 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue5 a{	
	font-size: 100%;		
}

.col2_blue6{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}
.col2_blue6 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue6 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue6 a{
	color: #000;
	font-size: 100%;		
}

.col2_blue7{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_blue7 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue7 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue7 a{		
	font-size: 100%;		
}

.col2_blue8{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_blue8 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue8 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue8 a{	
	font-size: 100%;		
}

.new_downloads_sp1 {
	padding-top: 15px;
	background: rgb(242,242,242);
}

.new_downloads_sp1 p{
	color: #000;
	font-size: 90%;
}
.new_downloads_sp2 {
	background: rgb(242,242,242);
	padding-top:30px;
	padding-right: 0px;
}

.new_downloads_sp2 p{
	color: #000;
	font-size: 90%;	
}

.new_videobox {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(202,44,128);
}

.new_videobox p {		
	color: #000;	
	font-size: 100%;	
}

.new_videobox h1 {	
	text-align: left;
	color: #FFF;	
	font-size: 20px;		
}
.new_videobox a {		
	color: #FFF;	
	font-size: 100%;	
}


.new_lightgreybox {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);
}

.new_lightgreybox p {		
	color: #000;	
	font-size: 100%;	
}

.new_lightgreybox h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;		
}


.new_darkgreybox {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(229,229,229);
}

.new_darkgreybox p {		
	color: #000;	
	font-size: 100%;	
}

.new_darkgreybox h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.new_middlegreybox {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);
}

.new_middlegreybox p {		
	color: #000;	
	font-size: 100%;	
}

.new_middlegreybox h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.new_circlegreybox {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(190,215,234);

}

.new_circlegreybox p {		
	color: #000;	
	font-size: 100%;	
}

.new_circlegreybox h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;		
}


.new_downloadbox {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(107,163,207);
}

.new_downloadbox p {		
	color: #FFF;	
	font-size: 100%;	
}

.new_downloadbox h1 {	
	text-align: left;
	color: #FFF;	
	font-size: 20px;		
}

.new_downloadbox a {	
	text-align: left;
	color: #FFF;	
	font-size: 16px;		
}

.col2_lightyellow {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(255,237,171);
}

.col2_lightyellow p {		
	color: #000;	
	font-size: 100%;	
}


.col2_lightyellow h1 {		
	text-align: left;
	color: #000;	
	font-size: 20px;		
}



.col2_lightblue {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(107,180,241);
}

.col2_lightblue p {		
	color: #000;	
	font-size: 100%;	
}


.col2_lightblue h1 {		 
	text-align: left;
	color: #000;	
	font-size: 20px;		
}


.col2_green {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(166,225,166);
}

.col2_green p {		
	color: #FFF;	
	font-size: 100%;	
}


.col2_green h1 {		
	text-align: left;
	color: #000;	
	font-size: 20px;		
}


.col2_green img{
	padding-top: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-right: 0px;
}


.col2_green  a {	
	text-align: left;
	color: #000;
	text-decoration: underline;
}	



.col2_sand {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(255,247,217);
}

.col2_sand p {		
	color: #000;	
	font-size: 100%;	
}

.col2_sand a {	
	text-align: left;
	color: #000;
	text-decoration: underline;
}	

.col2_sand h1 {		
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_lightgrey {
	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(204,204,204);
}

.col2_lightgrey p {		
	color: #000;	
	font-size: 100%;	
}


.col2_lightgrey h1 {		
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_lightgrey2 {
	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(240,240,240);
}

.col2_lightgrey2 p {		
	color: #000;	
	font-size: 100%;	
}


.col2_lightgrey2 h1 {		
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_lightgrey3 {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(250,250,250);
}

.col2_lightgrey3 p {		
	color: #000;	
	font-size: 100%;	
}


.col2_lightgrey3 h1 {		
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.column2_kocos_artes p {		
	color: #000;	
	font-size: 100%;	
}

.column2_kocos_artes h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;	
}

.column2_kocos_eppe h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;	
}


.column3_kocos_artes {
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}

.column9_kocos_artes h1{
	text-align: left;
	padding-left: 10px;
	color: #000;
}
.column9_kocos_eppe h1{
	text-align: left;
	color: #000;
}
.column9_kocos_eppe h2{
	text-align: left;
	color: #000;
}
.column9_kocos_artes p{
	font-size: 100%;
	text-align: left;
	padding-left: 10px;	
}

.column9_kocos_artes {
	position: relative;
	text-align: left;
	
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;	
}
	
.column9_kocos_artes h1{
		padding-top: 10px;
}
	
.column9_kocos_eppe {
	text-align: left;
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(229,229,229);
}

.column4_kocos_artes {	
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245);
	margin:1px;
}


.column3_kocos_artes h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.column3_kocos_artes p {		
	color: #000;	
	font-size: 100%;	
}

.column4_kocos_artes p {		
	color: #000;	
	font-size: 100%;	
}

.column4_kocos_artes h1 {	
	text-align: left;
	color: #000;	
	font-size: 20px;
}
.column4_kocos_artes h2 {	
	text-align: left;
	color: #000;	
	font-size: 20px;
}

.column4_kocos_artes a {	
	color: #fff;	
	font-size: 16px;
}

.column4_kocos_artes a:hover {	
	text-align: left;
	color: #000;	
	font-size: 16px;
}
	
.kocos_row {		
	margin-top: 50px;
}

.benefits_haupt p{	
	font-size: 98%;
	margin: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}

.benefits_haupt {	
    background: rgb(242,242,242);
	margin: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	border-width:15px; border-style:solid; border-color:#e5e5e5;
	border-top: 0px;
}

.eppe_haupt {	
    background: rgb(253,247,250);
	margin: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	border-width:15px; border-style:solid; border-color:#f4d5e5;
}

.eppe_haupt p{	
	font-size: 98%;
	margin: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	color: #000;
}

.benefits1 {	
	margin-top: 25px;
	z-index: 19;
}

.eppe1 {	
	margin-top: 25px;
	z-index: 19;
}

.up {	
	background:url(https://www.kocos.com/fileadmin/KoCoS_Blog/Bilder/ACTAS/up.png )   no-repeat left top;
	height:80px; 
}

.down {	
	background:url(https://www.kocos.com/fileadmin/KoCoS_Blog/Bilder/ACTAS/down.png )   no-repeat right bottom;
	height:80px; 
}

.benefits2 {	
	margin-top: 60px;
	padding-left: 50px; 
	padding-right: 50px; 
	 z-index: 19;
}

.benefits3 {	
	padding: 0px;
	margin-top: 60px;
	z-index: 19;
}

.benefits4 {
position:relative;
  right: 0;
  bottom: 0;	
	margin: 0px;
	z-index: 11;
}


.benefits4 img {
position:absolute;
  right: 0;
  bottom: 0;	
	margin: 0px;
	z-index: 11;
}
.benefits5 h1{	
	color: rgb(128,128,128);
	font-size: 190%;
	font-weight: 400;
	background: rgb(255,255,255);
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.benefits5 h2{	
	color: rgb(128,128,128);
	font-size: 190%;
	font-weight: 400;
	background: rgb(255,255,255);
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.benefits5 h5{	
	color: rgb(128,128,128);
	font-size: 190%;
	font-weight: 400;
	background: rgb(255,255,255);
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 5px;
}

.benefits5 h3{	
	color: rgb(100,100,100);
	font-size: 120%;
	font-weight: 500;
	padding: 10px;
	margin: 0px;
}

.benefits5 {	
	background: rgb(229,229,229);
}  

.actas_port_haupt {	
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

}
.actas_port_haupt p{		
	color: #000000;
	font-size: 100%;
}

.actas_port_1 {	
	background: rgb(229,229,229);
}

.actas_port_1 h1{
	color: #fff;
	background-color: #d3007b;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}
.actas_port_1 h2{
	color: #fff;
	background-color: #d3007b;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}


.actas_port_1 p{
	color: #000;
	font-size: 90%;

}
.actas_port_2 {
	background: rgb(242,242,242);
}
.actas_port_2 p{		
	color: #000;
	font-size: 90%;
}

.actas_port_2 h1{	
	background-color: #d3007b;
	color: #FFF;
	font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	padding: 8px;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px; 
	font-weight: bold;
}
.actas_port_2 h2{	
	color: #fff;
	background-color: #d3007b;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}




.lotos_port_1 {	
	background: rgb(245,245,245); 
	margin:1px;
}

.lotos_port_1 h1{
	color: #fff;
	background-color: #d3007b;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}

.lotos_port_1 p{
	color: #000;
	font-size: 90%;

}
.lotos_port_2 {
	background: rgb(245,245,245); 
	margin:1px;
}
.lotos_port_2 p{		
	color: #000;
	font-size: 90%;
}

.lotos_port_2 h1{	
	background-color: #d3007b;
	color: #FFF;
	font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	padding: 8px;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px; 
	font-weight: bold;
}

.lotos_port_3 {	
	background: rgb(245,245,245); 
	margin:1px;
}

.lotos_port_3 h1{
	color: #fff;
	background-color: #d3007b;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}

.lotos_port_3 p{
	color: #000;
	font-size: 90%;

}
.lotos_port_4 {
	background: rgb(245,245,245); 
	margin:1px;
}
.lotos_port_4 p{		
	color: #000;
	font-size: 90%;
}

.lotos_port_4 h1{	
	background-color: #d3007b;
	color: #FFF;
	font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	padding: 8px;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px; 
	font-weight: bold;
}

.actas_port_haupt {
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}


}
.actas_c_haupt p{			
	color: #000000;
	font-size: 100%;
}

.actas_c_haupt {
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}
.actas_c_1 {	
	background: rgb(250,235,242);
}

.actas_c_1 h1{
	color: #fff;
	background-color: #d3007b;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	margin:0 auto;
	margin-top: 15px;
	font-weight: bold;
}

.actas_c_1 p{	
	color: #000;
	font-size: 100%;
}
.actas_c_2 {	
	background: rgb(242,242,242);
}
.actas_c_2 p{		
	color: #000;
font-size: 100%;
}

.actas_c_2 h1{		
	background-color: #d3557b;
	color: #FFF;
	font-size: 120%;
	border-radius: .40rem;
	width: 150px;
	padding: 8px;
	margin:0 auto;
	margin-top: 15px; 
	font-weight: bold;
}


.actas_c_sp1 {	
	background: rgb(229,229,229);
}

.actas_c_sp2 {	
	background: rgb(245,245,245); 
}
.actas_c_sp1 p {	
	color: #000;
	font-size: 90%;
}
.actas_c_sp1 h1{		
	background-color: rgb(46,119,194);
	color: #fff;
	width: 150px;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;  
	font-weight: bold;	
}
.actas_c_sp1 h2{		
	background-color: rgb(46,119,194);
	color: #fff;
	width: 150px;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;  
	font-weight: bold;	
	text-align: center; 
}

.actas_c_sp2 h1{
	background-color: rgb(46,119,194);
	color: #fff;
	width: 150px;
	padding: 8px; font-size: 120%;
    border-radius: .40rem;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}
.actas_c_sp2 h2{
	background-color: rgb(46,119,194);
	color: #fff;
	width: 150px;
	padding: 8px; font-size: 120%;
    border-radius: .40rem;
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center; 
}
.actas_c_sp2 p {	
	color: #000;
	font-size: 90%;
}

.header_actas_software p {
	color: rgb(128,128,128);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.header_promet_app p {
	color: rgb(70,140,195);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.header_eppe_cx p {
	color: rgb(128,128,128);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;	
} 

.header_eppe_px h2 {
	color: rgb(128,128,128);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 10px;	
}
.header_eppe_px h1 {
	color: rgb(46,119,194);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 10px;	
}


.actas_software_haupt {	
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.actas_software_sp1 {	
	padding-right:100px; 
	padding-top: 0px;
	background: rgb(245,245,245); 
}

.epos_mc {	
	padding-right:10px; 
	padding-top: 0px;
	background: #fcfcfc;
	border-width:15px; border-style:solid; border-color:#e5e5e5;
}
.epos_mc p{	
text-align: left;
color: #000;
	font-size: 100%;
}

.eppe_px {	
	padding-right:10px; 
	padding-top: 0px;
	background:  rgb(245,245,245); 
	border-width:15px; border-style:solid; border-color:#ccc;
}

.eppe_cx {	
	padding-right:10px; 
	padding-top: 0px;
	background: rgb(245,245,245); 
	border-width:15px; border-style:solid; border-color:#ccc;
}

.eppe_cx p {
	color: rgb(0,0,0);
	font-size: 100%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.eppe_px p {
	color: rgb(0,0,0);
	font-size: 100%;
	padding-top: 15px;
	padding-bottom: 0px;	
}

.eppe_px h1 {
	text-align: left;
	color: rgb(0,0,0);
	font-size: 130%;
	padding-top: 30px;
	padding-bottom: 0px;	
}
.eppe_px li {
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif");
}

.eppe_cx li {	
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif");
	
}

.actas_software_sp1 p{	
	color: #000;
	font-size: 90%;
}

.actas_software_sp2 {
	padding-top:30px;
	background: rgb(229,229,229);
}

.actas_software_sp2 p{		
	color: #000;
	font-size: 90%;
}
.actas_software_sp1 li{	
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="Yes");
	color: #000;
	font-size: 90%;
}
	
.header_actas_applications p{	
	color: rgb(128,128,128);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;		
}

.actas_applications_haupt {
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.actas_applications_sp1 {
	padding-top: 30px;
	background: rgb(242,242,242);
}
.actas_applications_sp2 {
	padding-top: 30px;
	background: rgb(229,229,229);
	padding-right: 0px;
}

.omcat_applications_sp1 {
	padding-top: 10px;
	background: rgb(248,251,254);
}
.omcat_applications_sp2 {
	padding-top: 30px;
	background: rgb(218,236,251);
	padding-right: 0px;
}

.about_sp1 {
	padding-top: 10px;
	background: rgb(235,235,235);
	padding-right: 0px;
}

.about_sp2 {
	padding-top:10px;
	background: rgb(245,245,245);
	padding-right: 0px;
}



.omcat_sp1 {
	padding-top: 10px;
	background: rgb(218,232,243);
}
.omcat_sp2 {
	padding-top: 30px;
	background: rgb(190,215,234);
	padding-right: 0px;
}

.company_sp2 {
	padding-top: 30px;
	background: rgb(229,229,229);
	padding-right: 10px;
}

.actas_applications_sp1 p{
	color: #000;
	font-size: 90%;
}

.actas_applications_sp1 ol{
	color: #000;
	font-size: 90%;	
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.actas_applications_sp1 li{
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="Yes");
	padding-bottom: 8px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}


.es_sp1 {
	padding-top: 10px;
	background: rgb(245,245,245); 
}
.es_sp2 {
	padding-top: 30px;
	background: rgb(229,229,229);
	padding-right: 10px;
}

.es_sp1 p{
	color: #000;
	font-size: 90%;
}

.es_sp1 ol{
	color: #000;
	font-size: 90%;	
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.es_sp1 li{
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="yes");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}




.col32_blue {	
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.col32_blue_sp1 {	
	padding-right:100px; 
	padding-top: 20px;
	background: rgb(240,241,250);
}

.col32_blue_sp1 p{	
	color: #000;
	font-size: 90%;
}
.col32_blue_sp2 {
	padding-top:30px;
	background: rgb(181,218,248);
}

.col32_blue_sp2 p{		
	color: #000;
	font-size: 90%;
}

.col32_blue_sp1 li{	
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="yes");
	line-height: 200%;
	color: #000;
	font-size: 90%;
}

.col32_blue_sp1 a {	
	text-align: left;
	color: #004881;
	text-decoration: none;
}	

.header_actas_downloads p{	
	color: rgb(128,128,128);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.actas_downloads_haupt {
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.actas_downloads_sp1 {
	padding-top: 15px;
	background: rgb(229,229,229);
}

.actas_downloads_sp1 p{
	color: #000;
	font-size: 90%;
}
.actas_downloads_sp2 {
	background: rgb(229,229,229);
	padding-top:30px;
	padding-right: 0px;
}

.actas_downloads_sp2 p{
	color: #000;
	font-size: 90%;	
}

.header_lotos_downloads p{	
	color: rgb(102,204,102);
	font-size: 290%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.lotos_downloads_haupt {
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.lotos_downloads_sp1 {
	padding-top: 15px;
	background: rgb(125,174,213);
}

.lotos_downloads_sp1 p{
	color: #000;
	font-size: 90%;
}
.lotos_downloads_sp2 {
	background: rgb(125,174,213);
	padding-top:30px;
	padding-right: 0px;
}

.lotos_downloads_sp2 p{
	color: #FFF;
	font-size: 90%;	
}


.header_actas_papers_haupt {
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.header_sherlog_cabinet p{
	font-family: 'Open Sans', Verdana, serif;	
	color: #aaa;
	font-size: 160%;
	padding: 0px;
	margin: 0px; 
	padding-top: 20px;
	margin-top: 0px;
}

.header_actas_papers_sp1 {	
	padding-top: 15px;
	padding-right: 50px;
}
.header_actas_papers_sp2 {	
	padding-top: 15px;
	padding-right: 50px;
}

.header_actas_papers_sp1 p{
	font-family: 'Open Sans', Verdana, serif;	
	color: #000;
	font-size: 90%;
}

.header_actas_papers_sp2 p{
	font-family: 'Open Sans', Verdana, serif;	
	color: #000;
	font-size: 90%;	
}

.header_actas_papers h2{
	font-family: 'Open Sans', Verdana, serif;	
	color:  rgb(128,128,128); 
	font-size: 190%;	
	padding-top: 30px;
}



.tp_grey {	
	padding-top: 15px;
	background: rgb(242,242,242);
	padding-right: 50px;
}


.tp_grey p{
	font-family: 'Open Sans', Verdana, serif;	
	color: #000;
	font-size: 90%;
}

.header_actas_papers_sp2 p{
	font-family: 'Open Sans', Verdana, serif;	
	color: #000;
	font-size: 90%;	
}


.header_actas_blogs p{	
	color: rgb(178,178,178);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;		
}

.actas_blogs_haupt {	
	background: rgb(229,229,229);
	padding: 0px;
	margin: 0px; 
	padding-top: 20px;
	margin-top: 0px;
}

.actas_blogs_sp1 {
	margin: 10px; 
	padding-top: 0px;
	background: rgb(242,242,242);
	padding-right: 50px;
}

.actas_blogs_sp2 {
	margin: 10px; 
	padding-top: 0px;
	background: rgb(242,242,242);
	padding-right: 50px;
}

.actas_blogs_sp1 p{	
	color: #000;
	font-size: 90%;
	padding-bottom: 0px;	
	margin-bottom: 0px;	
}

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

.actas_blogs_sp2 p{	
	color: #000;
	font-size: 90%;	
}

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

.actas_blogs_bottom {
		background: rgb(229,229,229);
		padding: 0px;
        margin: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: 0px;
}

.actas_blogs_bottom p{		
	color: rgb(10,10,10);
	font-size: 100%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.actas_blogs_bottom {
  text-align: center;
}

.blogs_haupt {	
	background: rgb(229,229,229);
	padding: 0px;
	margin: 0px; 
	margin-top: 0px;
}

.blogs_main {	
	background: rgb(229,229,229);
	padding: 0px;
	margin: 0px; 
	margin-top: 0px;
}

.vids_main {	
	background: rgb(255,249,229);
	padding: 0px;
	margin: 0px; 
	margin-top: 0px;
}

.vids_main p{	
	font-size: 90%;
	color: #000;
	padding-top: 10px;
}

.vids_main h2{	
font-size: 180%;
}

.blogs_sp1 {
 	padding-top: 0px;
	background: rgb(242,242,242);
	padding-right: 10px;	
}

.blogs_car {
 	padding-top: 0px;
	background: rgb(242,242,242);
	padding-right: 10px;	
}
.blogs_car p{
	padding-top: 0px;
	color: #000;
	font-size: 90%;	
	line-height: 120%;
}

.vids_car {
 	padding-top: 10px;
	background: rgb(242,242,242);
	padding-right: 25px;	
}

.vids_sp1 {
 	background: rgb(242,242,242);
}

.vids_sp2 {
 	background: rgb(242,242,242);
}

.vids_car p{
	padding-top: 5px;
	color: #000;
	font-size: 90%;	
	line-height: 120%;
}

.videos_sp1 p{
	padding-top: 0px;
	color: #000;
	font-size: 90%;	
	line-height: 160%;	
}


.blogs_sp2 {
	padding-top: 0px;
	background: rgb(242,242,242);
	padding-right: 10px;
}

.blogs_sp1 p{	
	color: #000;
	font-size: 90%;
	padding-bottom: 10px;
padding-top: 10px;	
	margin-bottom: 0px;	
}

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

.blogs_sp2 p{	
	color: #000;
	font-size: 90%;	
}

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

.sherlog_sp1 {
	background: rgb(255,244,204);	
}

.sherlog_sp2 {
	background: rgb(255,253,245);	
	color: #000;
}

.sherlog_sp2 li{
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="yes");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.sherlog_sp2 ol{
	color: #000;
	font-size: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.sherlog_sp2 p{
	color: #000;
	font-size: 100%;
}


.sherlog_sp3 {
	background: rgb(255,244,204);	
}

.sherlogcrx_sp1 {
	background: rgb(229,229,229); 
}

.sherlogcrx_sp2 {
	background: rgb(245,245,245); 
	color: #000;
}

.sherlogcrx_sp2 li{
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="yes");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.sherlogcrx_sp2 h2{
	color: #000;
	font-size: 120%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.sherlogcrx_sp2 ol{
	color: #000;
	font-size: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.sherlogcrx_sp2 p{
	color: #000;
	font-size: 100%;
}

.col3blue_sp1{
	background: rgb(229,229,229);
}

.col3blue_sp2{
 background: rgb(245,245,245); 	
	color: #000;
}

.col3blue_sp2 li{
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="Yes");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3blue_sp2 ol{
	color: #000;
	font-size: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3blue_sp2 p{
	color: #000;
	font-size: 100%;
}
.col3blue_sp2 h2{
	font-weight: bold;
	color: #000;
	font-size: 120%;
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3grey_sp1{
	background: rgb(242,242,242);	
}

.col3grey_sp2{
	background: rgb(252,252,252);	
	color: #000;
}

.col3grey_sp2 li{
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="yes");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3grey_sp2 ol{
	color: #000;
	font-size: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3grey_sp2 p{
	color: #000;
	font-size: 100%;
}
.col3grey_sp2 h2{
	font-weight: bold;
	color: #000;
	font-size: 120%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3yellow_sp1{
	background: rgb(229,229,229);;	
}

.col3yellow_sp2{
	background: rgb(245,245,245); 
	color: #000;
}

.col3yellow_sp2 li{
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="yes");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3yellow_sp2 ol{
	color: #000;
	font-size: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.col3yellow_sp2 p{
	color: #000;
	font-size: 100%;
}

.col3yellow_sp2 h2{
	font-weight: bold;
	color: #000;
	font-size: 120%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}


.header_actas_videos h2{
	padding-top: 20px;
	color: #f6cb2b;
	font-size: 180%;
	background: rgb(255,255,255);    
}

.header_actas_videos p{	
	padding-top: 30px;
	padding-bottom: 0px;		
}

.header_videos h2{
	padding-top: 20px;
	color: rgb(128,128,128);
	font-size: 180%;
	background: rgb(255,255,255);    
}

.accordion.pp-accordion-complementary .accordion-item {
  border: none;
  box-shadow: none;
}

/* Hintergrund, Rahmen und Farbe des Buttons im Normalzustand */
.accordion.pp-accordion-complementary .accordion-button {
  background-color: transparent;
  border: none;
  color: #333; /* oder z.B. inherit */
  box-shadow: none;
}

/* Zustand "geöffnet": keine blaue Farbe, kein Schatten */
.accordion.pp-accordion-complementary .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #333; /* oder inherit */
  box-shadow: none;
}

/* Optional: Fokusrahmen (z.B. beim Tabben) entfernen */
.accordion.pp-accordion-complementary .accordion-button:focus {
  box-shadow: none;
  outline: none;
}

.accordion.pp-accordion-complementary .accordion-item + .accordion-item {
  border-top: 1px solid #ddd; /* oder eine andere Farbe */
}


.card-header {
	padding: .50rem 1.0rem;
	margin-bottom: 0;
	background: rgb(229,229,229);
	background: linear-gradient(266deg, rgba(229,229,229,1) 13%, rgba(70,161,237,0.02) 100%, rgba(255,255,255,1) 100%); 
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.header_download p{	
	padding-top: 30px;
	padding-bottom: 0px;		
}

.header_download h2{
	padding-top: 20px;
	color: rgb(70,140,195);
	font-size: 180%;
	background: rgb(255,255,255);    
}


.header_videos p{	
	padding-top: 30px;
	padding-bottom: 0px;		
}

.actas_videos_haupt {
	background: rgb(255,249,229);
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.actas_videos_sp1 {	
	margin: 0px; 
	padding-top: 0px;
	background: rgb(245,245,245); 
	padding-right: 15px;
}
.actas_videos_sp2 {
	margin: 0px;
	padding-top: 0px;
background: rgb(245,245,245); 
	padding-right: 15px;
}

.actas_videos_sp1 p{	
	color: #000;
	font-size: 90%;
}

.actas_videos_sp1 img{
	margin-top: 20px;
}
.actas_videos_sp2 p{		
	color: #000;
	font-size: 90%;
	
}
.actas_videos_sp2 img{	
	margin-top: 20px;
}
.actas_videos_bottom {
	background: rgb(255,249,229);
	padding: 0px;
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
}

.actas_videos_bottom p{
	color: rgb(10,10,10);
	font-size: 100%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.actas_videos_bottom {
	text-align: center;
}

.actas_header_offer p{
	color: rgb(70,140,194);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;	
}
.promet_header_offer p{
	color: rgb(70,140,194);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;	
}
.promet_header_offer h2{
	color: rgb(70,140,194);
	font-size: 190%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.actas_offer_haupt {
	background: rgb(255,249,229);
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.promet_messe {
	background: #7a93ff;
	
}

.promet_offer_haupt {
	background: rgb(255,249,229);
	padding: 0px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.promet_offer_haupt1 {
	background: rgb(218,232,243);
	padding: 8px;
	margin: 0px; 
	padding-top: 0px;
	margin-top: 0px;
}

.promet_offer_haupt1 {
	display: none;
}

.actas_offer_sp1 {
	margin: 0px; 
	padding-top: 0px;
	background: rgb(218,232,243);
	padding-right: 15px;
}

.hp_offer_sp1 {
	margin: 0px; 
	padding-top: 0px;
	background: rgb(246,246,246);
	padding-right: 15px;
	border-right-style: solid;
	border-right-color: white;
	
}
.hp_offer_sp2 {
	margin: 0px; 
	padding-top: 0px;
	background: rgb(246,246,246);
	
	
}

.actas_offer_sp2 {
	margin: 0px;
	padding-top: 0px;
	background: rgb(218,232,243);
	padding-right: 15px;
}

.actas_offer_sp1 p{
	color: #000;
	font-size: 90%;
}

.hp_offer_sp1 p{
	color: #000;
	font-size: 90%;
}
.hp_offer_sp2 p{
	color: #000;
	font-size: 90%;
}
.actas_offer_sp2 p{		
	color: #000;
	font-size: 90%;
	
}

.actas_offer_sp2 img{	
		padding-top: 0px;
}

.actas_offer_bottom {
	background: rgb(218,232,243);
	padding: 0px;
    margin: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
}

.actas_videos_bottom p{		
	color: rgb(10,10,10);
	font-size: 100%;
	padding-top: 30px;
	padding-bottom: 0px;	
}

.actas_videos_bottom {
  text-align: center;
}

.kocos_social p{	
	color: rgb(178,178,178);
}

.btn-read-more {
	font-size: 85%;
	border: 0px;
	padding: 5px;
	margin-bottom: 20px;
	background: #d6007f; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

body #clickskeks-popup-holder #clickskeks-popup-small-scan-text, body #clickskeks-popup-holder .clickskeks-popup-scan-text
{
	display:none!important;
} 


body #clickskeks-popup-holder .clickskeks-popup-buttons .clickskeks-popup-button
{
	border-radius: 1px!important;
}


.partnerlinks {
	background: #d0d0d0; 
	background: -moz-linear-gradient(left, #d0d0d0 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #d0d0d0 0%,#ffffff 100%); 
	background: linear-gradient(to right, #d0d0d0 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ffffff',GradientType=1 ); 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;; padding: 15px; 
	padding-bottom: .8rem;
	margin-bottom: 10px;
}

.exklusivpartner {
	float: right;
	}

.partnerlogo {
	padding-bottom: 20px; padding-top: 20px; width: 180px; float:left;
	}
	
.partneradress {
	clear: left;
	}
.partnerland { 
border-bottom: 2px solid #fff; width: 100%; 
}

.btn {
	font-family: 'Open Sans', sans-serif;font-size: 14px;  
	padding: .1rem .4rem;
	margin-top: 3px;
}
.btn-secondary {
    color: #222;
    background-color: #eee;
    border-color: #888;
}

.head li{	
	color: #000;
	font-size: 100%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes.gif" alt="Yes" );
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #d3007b;
    border-color: #adadad;
}

.btn:focus, .btn:hover {
    text-decoration: none;
}

.btn-kocos9 {
	font-weight: 600;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background: rgb(128,128,128);
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocos9:hover {   
	color: #fff;
	background-color: rgba(128,128,128,0.9);
	text-decoration: none;
}

.btn-blog {	
	display: inline-block;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #fff;
	background: rgba(0,0,0,0.6);
	padding: 6px; font-size: 100%;
	border-radius: .40rem;
	text-decoration: none;
	width: 165px;
	
}

.btn-blog:hover {   
	color: #000;
	background: rgba(255,255,255,0.8);
	text-decoration: none;
}

.btn-spec {	
	display: inline-block;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #fff;
	background: rgba(0,0,0,0.4);
	padding: 6px; font-size: 120%;
	padding-left: 10px;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-spec:hover {   
	color: #fff;
	background: rgba(0,0,0,0.6);
	text-decoration: none;
}

.btn-white {		
	display: inline-block;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #fff;
	background: rgba(211,0,126,1);
	padding: 6px; font-size: 100%;
	border-radius: .40rem;
	text-decoration: none;
	width: 165px;
}

.btn-white:hover {   
	color: #000;
	background: rgba(211,211,211,0.9);
	text-decoration: none;
}

.btn-pink {		
	display: inline-block;
	text-align: left;
	margin-top: 15px;
	color: #fff;
	margin-bottom: 10px;
	background: rgba(202,44,128,1);
	padding: 6px; font-size: 100%;
	border-radius: .40rem;
	text-decoration: none;
	width: 165px;
	
}

.btn-pink:hover {   
	color: #000;
	background: rgba(255,255,255,0.9);
	text-decoration: none;
}

.btn-pink:active {   
	color: #000;
	background: rgba(255,255,255,0.9);
	text-decoration: none;
}
.btn-pink:visited {   
	color: #FFF;background: rgba(202,44,128,1);
	text-decoration: none;
}

.btn-pink a{
	color: #FFF;
}



h1 {
	padding: 0px; 
	margin-top:5px;
}

.slick-slide {
  transform: scale(0.9);
  transition: all 0.3s ease;
  padding: 10px;
  opacity: 1;
}

.slick-center {
  transform: scale(1.05);
  z-index: 10;
}

/* Bilder */
.slick-slide img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

/* Text unter Bild */
.slick-slide .ce-bodytext {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color: #333;
  margin-top: 10px;
}

.slick-prev, .slick-next {
  z-index: 10;
  width: auto;
  height: auto;
  background: none; /* kein Kreis */
  border: none;
  top: 40%; /* vertikal zentriert */
}

.slick-prev:before, .slick-next:before {
  font-size: 30px;
  color: #000; /* schwarzer Pfeil */
}

  .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    list-style: none !important;
    padding: 10px 0;
    margin: 0 !important;
    position: relative;
    bottom: auto;
  }

  .slick-dots li {
    display: inline-block !important;
    margin: 0 5px;
    font-size: 0;
    line-height: 0;
  }

  .slick-dots li button {
    font-size: 0;
    line-height: 0;
    width: 12px;
    height: 12px;
    padding: 0;
    border-radius: 50%;
    border: none;
    background-color: #ccc;
    cursor: pointer;
  }

  .slick-dots li.slick-active button {
    background-color: #555;
  }
}

.header_background {
	background: linear-gradient(180deg,rgba(118,174,231,1) 41%,rgba(70,161,237,0.02) 100%,rgba(255,255,255,1) 100%);
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}
.header_background_school {
	background: rgb(218,236,251);
background: -moz-linear-gradient(0deg, rgba(218,236,251,1) 0%, rgba(238,238,238,1) 11%, rgba(255,178,224,1) 53%, rgba(212,0,125,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(218,236,251,1) 0%, rgba(238,238,238,1) 11%, rgba(255,178,224,1) 53%, rgba(212,0,125,1) 100%);
background: linear-gradient(0deg, rgba(218,236,251,1) 0%, rgba(238,238,238,1) 11%, rgba(255,178,224,1) 53%, rgba(212,0,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#daecfb",endColorstr="#d4007d",GradientType=1);
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}

.header_background_optical{	
    background: rgba(190,215,234,1) ;
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}

.header_background_about{	
    background: rgba(190,215,234,1) ;
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}

.header_background_about2{	
	display: none;
    background: rgba(190,215,234,1) ;
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}
.text-center {
	display: block;
	text-align: center;
}

img {
	max-width: 100%;
	height: auto;
}

.img-responsive {
	max-width: 60%;
}

.ce-bodytext {
	padding-right: 1px;
}

.pageheader {
	padding-top: .8rem;
	padding-bottom: .2rem;
	font-size: 100%;
	
}
.pageheader .container {
	
	float: left; 
}

.pageheader .form-control {
	
	font-size: 90%;
	width: 100px;
}

.pageheader .btn {
	
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 90%;
	width: 70px;
}
.form-control {
	
	margin-top: 3px;
	height: 29px;
}

#main-menu {
	
	padding-top: 38px;
}
.mainnav {
	
	border-bottom: 0px solid #999;
}

.jumbotron {
	display: true;
}
.jumbotron {
	margin-top: 5px;
    padding: 10px;
    background: linear-gradient(to bottom, #820049 0%, #a7005f 50%, #820049 100%);
}

.breadcrumb {
	display: none;
}

.card-body {	
	display: block; 
	padding-bottom: 30px; 
	padding-top: 30px; 
	padding-right: 10px;  
	border-radius: 0px;
}


/* */

.homepage .maincontent {
	margin-top: 2rem;
}


.card-header {
	padding-top: 8px;
}

.card-body {
	padding-left: 20px;
}

.mb-0 {
	padding-top: 8px; 
	font-size: 80%;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #d4007a;
    border-color: #d4007a;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #d3007b;
    border-color: #ccc;
}

.btn-primary{
	font-size: 110%;
    color: #fff;
    background-color: #777;
    border-color: #ccc;
}

.kontakt_kocos2 .btn-primary:hover {
   box-shadow: rgba(178, 50, 120,.55) 0 -5px 5px -5px inset,rgba(178, 50, 120,.25) 0 1px 2px,rgba(178, 50, 120,.25) 0 2px 4px,rgba(178, 50, 120,.25) 0 4px 4px,rgba(178, 50, 120,.25) 0 8px 16px,rgba(178, 50, 120,.25) 0 6px 5px;
	color: #d6007f;
	background-color: #dbdbdb;
	text-decoration: none;
}

.kontakt_kocos2 .btn-primary{
	width: 117px;
	height: 35px;
	font-size: 130%;
    float:left;
	margin-left: 0px;
    margin-bottom: 20px;   
	background-color: #dbdbdb;
	border-radius: 50px;
    color: black;
	cursor: pointer;
	display: inline-block;
	padding: 7px 15px;
	text-align: center;
	text-decoration: none;
	transition: all 250ms;
	border: 0;
	font-size: 14px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	box-shadow: rgba(50, 50, 50,.55) 0 -5px 5px -5px inset,rgba(50, 50, 50,.25) 0 1px 2px,rgba(50, 50, 50,.25) 0 2px 4px,rgba(50, 50, 50,.25) 0 4px 4px,rgba(50, 50, 50,.25) 0 8px 16px,rgba(50, 50, 50,.25) 0 6px 5px;
}

.kontakt_kocos2 h2{
	padding-top: 10px;
	padding-bottom: 20px; 
}

.kontakt_kocos2 form-check-label {
	width: 100%;
	
}

/*  Buttons Header */



.btn-nh {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		color: #111;
		padding: 8px; 
		font-size: 110%;
		padding-left: 0px;
		border-radius: .40rem;
		text-decoration: none;
		line-height: 100%;
	}

.btn-nh p{
		 
		line-height: 100%;
}

.btn-es {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		color: #111;
		padding: 8px; font-size: 100%;
		padding-left: 0px;
		border-radius: .40rem;
		text-decoration: none;
		line-height: 100%;
	}

.btn-es p{
		 
		line-height: 100%;
}
	
.test4 {
		
		line-height: 100%;
}

	
.btn-nh:hover {   
	  color: #555;
	  text-decoration: none;
}

.btn-nhpg {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 120%;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 10px;
		color: #fff;
		background-color: rgba(50,50,50,1);
		padding: 4px 30px 4px 10px; font-size: 100%;
		border-radius: .40rem;
		text-decoration: none;
		width: 190px;   
}

.btn-header {
    font-family: 'Open Sans', Verdana, serif;
    font-weight: 700;
    font-size: 130%;
    display: inline-block;
    text-align: left;
    white-space: nowrap;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 5px;
    color: #fff;
    background-color: #000;
    padding: 8px 15px;
    border-radius: 0;
    text-decoration: none;
    transition: background-color 0.3s ease, text-decoration 0.3s ease;
}

@media screen and (max-width: 767px) {
  .btn-header {
    font-size: 100%;              /* kleinere Schrift */
    padding: 10px 16px;           /* kompakteres Padding */
    white-space: normal;          /* erlaubt Umbruch, wenn nötig */
    max-width: 100%;              /* darf nicht über Container hinaus */
    box-sizing: border-box;       /* Padding mit einberechnen */
  }
}

.btn-header:hover {
    background-color: #444; /* etwas gräulicheres Schwarz */
    color: #fff;             /* bleibt weiß */
    text-decoration: none;   /* kein Unterstrich */
}

.indent-left {
  padding-left: 50px; /* Du kannst den Wert anpassen */
}

.background-container {
  background-image: url('/fileadmin/Contentbilder/Test/KoCoS.png');
 margin: 0.5px;
  background-position: center;  /* Zentriert das Bild */
  background-repeat: no-repeat; /* Verhindert Wiederholung */
  background-size: cover;
  color: black;                 /* Textfarbe – anpassbar je nach Bild */
  padding: 15px;                /* Abstand innen – optional */
  padding-top: 40px;
}

.background-container-kom {
  background-image: url('/fileadmin/Contentbilder/Test/KoCoS_KOM.png');
 margin: 0.5px;
  background-position: center;  /* Zentriert das Bild */
  background-repeat: no-repeat; /* Verhindert Wiederholung */
  background-size: cover;
  color: black;                 /* Textfarbe – anpassbar je nach Bild */
  padding: 15px;                /* Abstand innen – optional */
  padding-top: 40px;
}

.background-container-header
  background-image: url('/typo3/fileadmin/Contentbilder/Test/Header-Backround.png');
  background-size: cover;       /* Skaliert das Bild so, dass es den Container ausfüllt */
  background-position: center;  /* Zentriert das Bild */
  background-repeat: no-repeat; /* Verhindert Wiederholung */
  color: black;                 /* Textfarbe – anpassbar je nach Bild */
  padding: 60px;                /* Abstand innen – optional */
}

.btn-nhpg:hover {   
	  color: #fff;
	  background-color: rgba(50,50,50,0.8);
	  text-decoration: none;
}

.btn-nhpb {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 120%;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 10px;
		color: #fff;
		background-color: rgba(32,119,190,1);
		padding: 4px 30px 4px 10px; font-size: 100%;
		border-radius: .40rem;
		text-decoration: none;
		width: 90px;   
}


.btn-nhpb:hover {   
	  color: #fff;
	  background-color: rgba(32,119,190,0.8);
	  text-decoration: none;
}

.btn-side {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 400;
		font-size: 110%;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 0px;
		color: #fff;
		background-color: black;
		padding: 4px 5px 4px 10px; 
		border-top-left-radius: 2em 5em;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 2em 5em; 
		text-decoration: none;
		width: 150px;  
		margin-bottom:5px;
}


.btn-side:hover {   
	  color: #eee;
	  background-color: rgba(211,0,123,0.8);
	  text-decoration: none;
	  width: 150px;  
}

.btn-side a:active {  	  
	  text-decoration: none;
	}

.btn-side a:hover {   	
	  text-decoration: none;
	}
.btn-side2 {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 400;
		font-size: 110%;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 0px;
		color: #fff;
		background-color: rgba(32,119,190,1);
		padding: 4px 5px 4px 10px; 
		border-top-left-radius: 1em 1em;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 1em 1em; 
		text-decoration: none;
		height: 130px; 
		width: 35px;  
		margin-bottom:5px;
}


.btn-side2:hover {   
	  color: #eee;
	  background-color: rgba(211,0,123,0.8);
	  text-decoration: none;
	  width: 35px;  
}

.btn-side2 a:active {  	  
	  text-decoration: none;
	}

.btn-side2 a:hover {   	
	  text-decoration: none;
	}


.btn-nhp {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 120%;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 10px;
		color: #fff;
		background-color: rgba(202,44,128,1);
		padding: 4px 30px 4px 10px; font-size: 100%;
		border-radius: .40rem;
		text-decoration: none;
		width: 90px;   
}


.btn-nhp:hover {   
	  color: #fff;
	  background-color: rgba(202,44,128,0.8);
	  text-decoration: none;
}


.btn-kocos{
	font-family: 'Open Sans', Verdana, serif;	 
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 10px;
	background-color: rgba(46,119,194,1);
	padding: 8px; 
	border-radius: .40rem;
	width: 160px;   
}

.btn-kocos:hover {	
	color: #fff;
	background-color: rgba(46,119,194,0.8);
	text-decoration: none;
}

.btn-kocos:active {	
	color: #fff;
	text-decoration: none;
}

.btn-phone{
	font-family: 'Open Sans', Verdana, serif;	 
	font-weight: bold;
	font-size: 100%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	background-color: #2e77c2;
	padding: 4px; 
	border-radius: .40rem;
	width: 150px;   
}

.btn-phone:hover {	
	color: #fff;
	background-color: rgba(202,44,128,0.8);
	text-decoration: none;
}

.btn-phone:active {	
	color: #fff;
	text-decoration: none;
}



.btn-kocos10{
	font-family: 'Open Sans', Verdana, serif;	 
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 10px;
	background-color: #2077be;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	width: 160px;   
}

.btn-kocos10:hover {	
	color: #fff;
	background-color: #298bdb;
	text-decoration: none;
}

.btn-kocos10:active {	
	color: #fff;
	text-decoration: none;
}


.btn-kocos_xxl{
	font-family: 'Open Sans', Verdana, serif;	 
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 10px;
	background-color: #d3007b;
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	width: 168px;   
}

.btn-kocos_xxl:hover {	
	color: #fff;
	background-color: rgba(202,44,128,0.8);
	text-decoration: none;
}

.btn-kocos_xxl:active {	
	color: #fff;
	text-decoration: none;
}

.btn-kocos2 {	 
	font-weight: 600;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocos2_esp:hover {   
  color: #fff;
  background-color: rgba(46,119,194,0.8); 
  text-decoration: none;
}

.btn-kocos2_esp {	 
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	text-decoration: none;
	width: 175px;
}

.btn-kocosdb_engi:hover {   
  color: #fff;
  background-color: rgba(0,141,193,0.8); 
  text-decoration: none;
}
.btn-kocosp_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	margin-bottom: 10px;
	color: #fff;
	background-color: rgba(202,44,128,1);
	padding: 8px; font-size: 110%;
	border-radius: .40rem;
	text-decoration: none;
	width: 180px;
}

.btn-kocosp_engi:hover {   
  color: #fff;
  background-color: rgba(202,44,128,0.8); 
  text-decoration: none;
}
.btn-kocosdb_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	margin-bottom: 10px;
	background-color: rgba(0,141,193,1);
	padding: 8px; font-size: 110%;
	border-radius: .40rem;
	text-decoration: none;
	width: 180px;
}

.btn-kocoshg_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	margin-bottom: 10px;
	background-color: rgba(150,190,13,1);
	padding: 8px; font-size: 110%;
	border-radius: .40rem;
	text-decoration: none;
	width: 180px;
}
.btn-kocoshg_engi:hover {   
  color: #fff;
  background-color: rgba(150,190,13,0.8); 
  text-decoration: none;
}

.btn-kocoshb_engi:hover {   
  color: #fff;
  background-color: rgba(125,174,213,0.8); 
  text-decoration: none;
}

.btn-kocoshb_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	margin-bottom: 10px;
	background-color: rgba(125,174,213,1.0);
	padding: 8px; font-size: 100%;
	border-radius: .40rem;
	text-decoration: none;
	width: 180px;
}


.btn-kocosdb_engi_esp:hover {   
  color: #fff;
  background-color: rgba(0,141,193,0.8); 
  text-decoration: none;
}
.btn-kocosp_engi_esp {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	margin-bottom: 10px;
	color: #fff;
	background-color: rgba(202,44,128,1);
	padding: 8px; font-size: 100%;
	border-radius: .40rem;
	text-decoration: none;
	width: 190px;
}

.btn-kocosp_engi_esp:hover {   
  color: #fff;
  background-color: rgba(202,44,128,0.8); 
  text-decoration: none;
}
.btn-kocosdb_engi_esp {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	margin-bottom: 10px;
	background-color: rgba(0,141,193,1);
	padding: 8px; font-size: 100%;
	border-radius: .40rem;
	text-decoration: none;
	width: 190px;
}

.btn-kocoshb_engi_esp:hover {   
  color: #fff;
  background-color: rgba(125,174,213,0.8); 
  text-decoration: none;
}

.btn-kocoshb_engi_esp {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	margin-bottom: 10px;
	background-color: rgba(125,174,213,1.0);
	padding: 8px; font-size: 100%;
	border-radius: .40rem;
	text-decoration: none;
	width: 190px;
}

.btn-kocos2:hover {   
  color: #fff;
  background-color: rgba(46,119,194,0.8); 
  text-decoration: none;
}
.btn-kocos2 a: {
 	font-family: 'Open Sans', Verdana, serif;	
    font-weight: bold;	
}
.btn-kocos3 {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocos3_esp {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: .40rem;
	text-decoration: none;
	width: 175px;
}

.btn-kocos3_esp:hover {   
	color: #fff;
	background-color: rgba(46,119,194,0,7);
	text-decoration: none;
}

.btn-kocos3:hover {   
	color: #fff;
	background-color: rgba(46,119,194,0.7);
	text-decoration: none;
}
.btn-kocos4 {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocos4:hover {   
	color: #fff;
	background-color: rgba(46,119,194,0.8);
	text-decoration: none;
}

.btn-kocos5 {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; 
	border-radius: .40rem;
	Text-decoration: none;
	width: 160px;
}

.btn-kocos5_esp:hover {   
  color: #fff;
  background-color: rgba(46,119,194,0.8);
  text-decoration: none;
}

.btn-kocos5_esp {
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 11px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	Text-decoration: none;
	width: 160px;
}

.btn-kocos5:hover {   
  color: #fff;
 background-color: rgba(46,119,194,0.8);
  text-decoration: none;
}

.btn-download {
	font-family: 'Open Sans', Verdana, serif;	 
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 0px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 120%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-download:hover {   
  color: #fff;
  background-color: rgba(46,119,194,0.8);
  text-decoration: none;
}

.btn-kocos6 {
	font-family: 'Open Sans', Verdana, serif;	 
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; 
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocos6:hover {   
	color: #fff;
	background-color: rgba(46,119,194,0.8);
	text-decoration: none;
}

.btn-video {
	font-family: 'Open Sans', Verdana, serif;	 
	font-weight: 500;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #000;
	background-color:  rgba(255,255,255,0.3);
	padding: 7px; 
	border-radius: .40rem;
	text-decoration: none;
	width: 122px;	
}


.btn-video a{
	font-family: 'Open Sans', Verdana, serif;	 
    font-weight: 500;
	font-size: 120%;
}


.btn-video:hover {   
	color: #000;
	background-color:  rgba(255,255,255,0.5);
	text-decoration: none;
}

.btn-video2 {
	font-family: 'Open Sans', Verdana, serif;	 
	font-weight: 600;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #000;
	background-color:  rgba(255,255,255,0.3);
	padding: 7px; 
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;	
}


.btn-video2 a{
	font-family: 'Open Sans', Verdana, serif;	 
    font-weight: 600;
	font-size: 120%;
}


.btn-video2:hover {   
	color: #000;
	background-color:  rgba(255,255,255,0.5);
	text-decoration: none;
}

.btn-kocos6_esp {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 7px; 
	border-radius: .40rem;
	text-decoration: none;
	width: 175px;
}

.btn-kocos6_esp:hover {   
	color: #fff;
	background-color: rgba(46,119,194,0.8);
	text-decoration: none;
}

.btn-kocos6_xxl {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 7px; 
	border-radius: .40rem;
	text-decoration: none;
	width: 168px;
}

.btn-kocos6_xxl:hover {   
	color: #fff;
	background-color: rgba(46,119,194,0.8);
	text-decoration: none;
}

.btn-kocos7 {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 7px; 
	border-radius: .40rem;	
	text-decoration: none;
	width: 160px;

	
	
}

.btn-kocos7_esp:hover {   
  color: #fff;
  background-color: rgba(46,119,194,0.8);
  text-decoration: none;
}

.btn-kocos7_esp {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 6px; 
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocos7:hover {   
  color: #fff;
 background-color: rgba(46,119,194,0.8);
  text-decoration: none;
}

.btn-kocos8 {
	font-weight: bold;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	Margin-top: 30px;
	background-color: rgba(202,44,128,1.0);
	color: #fff;
	padding: 8px;
	font-size: 120%;
	border-radius: .40rem;
	text-decoration: none;
	width: 300px;
}

.btn-kocos8:hover {   
	color: #fff;
	background-color: #777;
	text-decoration: none;
}


.btn-offer {
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  color: #fff;
  background-color: #2077be;
  padding: 8px; font-size: 120%;
  border-radius: .40rem;
  text-decoration: none;
  width: 200px;
  
}
.btn-offer:hover {   
  color: #fff;
  background-color: #777;
  text-decoration: none;
}

.btn-offerhp:hover {   
  color: #fff;
  background-color: #777;
  text-decoration: none;
}

.btn-offerhp {
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  color: #fff;
  background-color: rgba(32,119,190,1);
  padding: 8px; font-size: 100%;
  border-radius: .40rem;
  text-decoration: none;
  width: 200px;
}



.vids_sp1 p{
	padding-top: 20px;
	color: #000;
	font-size: 100%;	
	line-height: 120%;	
}

.home_main  {	
	padding: 30px 10px 0 0;
	margin: 0px;
}
@media screen and (max-height:880px) {
/* Zusätzliche Regeln für kleinere Monitore  */
 
 
 
 
 .box-social-media {
    display: flex;
	flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 35%;
    transform: translateY(-50%);
    z-index: 1000;
	
	
  }
   .box-social-media:hover {

    right: 0;
   
	
  }
  
 .box-social-media2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 41%;
    transform: translateY(-50%);
    z-index: 1000;

  }
   .box-social-media2:hover {
   
    right: 0;
   

  }
   .box-social-media3 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 47%;
    transform: translateY(-50%);
    z-index: 1000;
	
  }
   .box-social-media3:hover {
   
    right: 0;
    
  }

  .box-social-media4 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 53%;
    transform: translateY(-50%);
    z-index: 1000;
	
  }
   .box-social-media4:hover {
  
    right: 0;


  }
.box-social-media5 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top:59%;
    transform: translateY(-50%);
    z-index: 1000;
	
  }
.box-social-media5:hover {
       right: 0;
     }
	 
.box-social-media6 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    right: -110px;
    top: 65%;
    transform: translateY(-50%);
    z-index: 1000;
 }
 .box-social-media6:hover {
       right: 0;
 }
	
 }
 
 @media screen and (max-height:557px) {
/* Zusätzliche Regeln für kleinere Monitore  */

.pic_header {
    display: none;
	
  }

 
 .box-social-media {
    display: none;	
	
  }

  
 .box-social-media2 {
    display: none;
   
  }
  
   .box-social-media3 {
    display: none;
   
  }
   .box-social-media4 {
    display: none;
   
  }
   .box-social-media5 {
    display: none;
   
  }
   .box-social-media6 {
    display: none;
   
  }
  
.header_background_about {
    display: none;
   
  }
  .header_background_about2 {
    display: block;
   
  }

.header_background_about2 li{
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-size: 110%;
	list-style-type: none;
	list-style-image: url("https://www.kocos.com/fileadmin/images/yes2.png");
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	margin-top: 0px;
	padding-left: 5px;	
	margin-left: 10px;
	line-height: 105%;
}
	
 }
 
 
 @media screen  and (max-width:949px){
	.pic_header {
    display: none;
	
  }	
 .header_background_about {
    display: none;
   
  }
  .rightnav {
	display: none; 
}

  .header_background_about2 {
    display: block;
   
  }
 }

@media screen  and (max-width:1200px){
	
	
	
	
	/*  Schlichtes Design neu Tablett*/
	
.btn-video {
	width: 162px;
	margin-top: 15px;
}

.indec_pic {
	padding-top:10px;
}
.paula2{
	display: none;
 
}

.promet_offer_haupt1 {
	display: block;
}

.promet_offer_haupt {
	display: none;
}

.header_background .col3_kocos {
	display:none;
}




.lotos_downloads_sp2 {
	display:none;
}

.header_background_optical .col3_kocos {
	display:none;
}



.col3_phone	.slick-slider .ce-textpic {
padding-left: 22px;
padding-right: 50px;
padding-top: 80px; 
margin-top: 20px;
height: 420px;
width: 260px; 
background-image: url("https://www.kocos.com/fileadmin/Marketing/General/phone_ohne.png");
	background-repeat: no-repeat, no-repeat;
-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
}


.header_background_optical .col3_phone {
	padding-left: 0px;
padding-right: 0px;
margin-top: 0px;


}

.header_background .col3_phone {
	padding-left: 0px;
padding-right: 0px;
margin-top: 0px;


}


.lotos_port_3 {	
	background: rgb(250,234,242);
}

.lotos_port_4 {
	background: rgb(244,213,229);
}

.col2_grey1{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}

.col2_grey1 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey1 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey1 a{
	font-size: 100%;		
}

.col2_grey2{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_grey2 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey2 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey2 a{
	font-size: 100%;		
}

.col2_grey3{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_grey3 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey3 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey3 a{
	font-size: 100%;		
}

.col2_grey4{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_grey4 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey4 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey4 a{
	font-size: 100%;		
}

.col2_grey5{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_grey5 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey5 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey5 a{
	font-size: 100%;		
}

.col2_grey6{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_grey6 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey6 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey6 a{
	font-size: 100%;		
}

.col2_grey7{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_grey7 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey7 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey7 a{
	font-size: 100%;		
}

.col2_grey8{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_grey8 p{
	color: #000;	
	font-size: 100%;	
}

.col2_grey8 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_grey8 a{
	font-size: 100%;		
}	

.col2_blue1{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_blue1 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue1 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue1 a{
	font-size: 100%;		
}

.col2_blue2{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}

.col2_blue2 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue2 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue2 a{
	font-size: 100%;		
}

.col2_blue3{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}

.col2_blue3 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue3 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue3 a{
	font-size: 100%;		
}

.col2_blue4{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}

.col2_blue4 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue4 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue4 a{
	font-size: 100%;		
}

.col2_blue5{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}
.col2_blue5 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue5 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue5 a{
	font-size: 100%;		
}

.col2_blue6{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(245,245,245); 
	margin:1px;
}
.col2_blue6 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue6 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue6 a{
	font-size: 100%;		
}

.col2_blue7{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(242,242,242);	
}
.col2_blue7 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue7 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue7 a{
	font-size: 100%;		
}

.col2_blue8{
	padding: 20px;
	padding-bottom: 5px;
	background: rgb(222,222,222);	
}
.col2_blue8 p{
	color: #000;	
	font-size: 100%;	
}

.col2_blue8 h1{
	text-align: left;
	color: #000;	
	font-size: 20px;		
}

.col2_blue8 a{
	font-size: 100%;		
}	



}
	

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


	
.jumbotron {
	display: block;
	border-radius: 0rem;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.24);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.24);
}

.homepage .maincontent {
		margin-top: 0;
	}

.breadcrumb {
	display: block;
}

}

/* Mehr Abstand auf Subpages ohne Jumbotron */
body.subpage .mainnav {
	margin-bottom: 2rem;
}


.pagefooter {
	font-size: 90%;
	line-height: 1.6;
    padding: 10px;
}

.pagefooter a {
    color: black;
    text-decoration: none; /* optional, entfernt Unterstreichung */
}

.pagefooter a:hover {
    color: #d3007b;
}

.metanav {
	
	margin: 0;
	padding: 0;
}

.metanav li {
	display: inline-block;
	margin-right: 1rem;
}

.metanav li:last-child {
	margin-right: 0;
}

.breadcrumb {
	padding: 0.75rem 0;
	margin-bottom: 1rem;
	list-style: none;
	background-color: transparent;
	font-size: 90%;
	
}
.breadcrumb-item {
  float: left;
}

.mysubnav a.current {
	font-weight: bold;
	color: #444;
}

.nav-pills .nav-link {
    display: block;
    padding: .5em 1em;
    border-radius: .25rem;
    color: #444;
}

.nav-link:hover {
    text-decoration: none;
     color: #d3007b;
}

.nav-pills {
       color: #d3007b;
}

.nav-pills .nav-link.active {
color: #fff;
background:  #d3007b;
}


.btn-primary:hover {
    color: #fff;
    background-color: #d3007b;
    border-color: #ccc;
}
/* Eigene Rahmen fuer content elemente 
.frame-greybox {
	padding: 1rem;
	margin: 0 0 0 1rem;
}*/


/* Responsive Videos */

.video-embed {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-embed iframe, .video-embed object, .video-embed embed, .video-embed video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

/* Workaround fuer Responsive Videos in Verbindung mit fluid_styled_content */

.frame-layout-5 .ce-center .ce-inner {
	position: relative;
	float: none;
	right: -50%;
}

.frame-layout-5 .ce-textpic, .frame-layout-5 .ce-image, .frame-layout-5 .ce-nowrap .ce-bodytext, .frame-layout-5 .ce-gallery, .frame-layout-5 .ce-row, .ce-uploads li, .frame-layout-5 .ce-uploads div {
	overflow: visible;
}

.frame-layout-5 .ce-left .ce-gallery, .frame-layout-5 .ce-column {
	float: none;
}

.frame-layout-5 .ce-gallery figure {
	display: block;
	margin: 0;

}

.frame-layout-5 .ce-center .ce-outer {
	position: relative;
	float: none;
	right: 50%;
}

/* Bootstrap Badges */
.badge {
	border: 1px solid #000;
}

.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge:empty {
	display: none;
}

.btn .badge {
	position: relative;
	top: -1px;
}

a.badge:focus, a.badge:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
}

.indexedsearch .badge-pill {
	float: right;
}

.badge-default {
	background-color: #636c72;
}

.badge-default[href]:focus, .badge-default[href]:hover {
	background-color: #4b5257;
}

.badge-primary {
	background-color: #0275d8;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
	background-color: #025aa5;
}

.badge-success {
	background-color: #5cb85c;
}

.badge-success[href]:focus, .badge-success[href]:hover {
	background-color: #449d44;
}

.badge-info {
	background-color: #5bc0de;
}

.badge-info[href]:focus, .badge-info[href]:hover {
	background-color: #31b0d5;
}

.badge-warning {
	background-color: #f0ad4e;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
	background-color: #ec971f;
}

.badge-danger {
	background-color: #d9534f;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
	background-color: #c9302c;
}

/* Anpassungen indexed_search */

.tx-indexedsearch-info dt, .tx-indexedsearch-info dd {
	display: inline-block;
}

.tx-indexedsearch-info dd {
	margin-right: 1rem;
}

ul.tx-indexedsearch-browsebox {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 80%;
}

ul.tx-indexedsearch-browsebox, .tx-indexedsearch-browsebox li {
	list-style-type: none;
}

.tx-indexedsearch-browsebox li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 .5rem 0 0;
}

.tx-indexedsearch-redMarkup {
	display: inline-block;
	background: rgba(255,255,0,.5);
}



p {
	font-family: 'Open Sans', sans-serif;font-size: 14px;
	
 }
 
body {
   font-family: 'Open Sans', sans-serif;
   color: #000;
}

h1 {
font-family: 'Open Sans', sans-serif;font-size: 20px; color: #ffffff; text-align: center;

}
h2 {
font-family: 'Open Sans', sans-serif;font-size: 22px; color: #222; padding-bottom: 5px;
background-color: transparent !important;
}

h3 {
font-family: 'Open Sans', sans-serif;font-size: 17px;
background-color: transparent !important;

}

h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #000;
padding-top: 10px;
padding-bottom: 2px;
background-color: transparent !important;
}

h5 {
font-family: 'Open Sans', sans-serif;
font-size: 10px;
color: #000;
padding-top: 10px;
padding-bottom: 10px;
background-color: transparent !important;
}

.h1-look-like-h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: normal; /* Optional, je nachdem wie fett eure h3 ist */
  margin: 1em 0;       /* Optional für den Abstand */
}

.btn-info {
background-color: #d3007b;
color: #fff;
background-image: none;
border-radius: 2px;
padding: 3px;
}



link.active:focus, .nav-pills .nav-link.active:hover {
    color: #fff;
    cursor: default;
    background-color:#d3007b;
}

.btn-primary  {
 	color: #fff;
 	background-color:#444;
 	border-color: #444;
}

.img-circle {
  border-radius: 0%;

-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}

/* Anpassungen Subnavigation */
.frame-type-menu_subpages li{
	margin-left: auto;          /* schiebt den Button ganz nach rechts */
	width: 85%;
	font-size: 14px;
	background-color:#eee;
	list-style: none outside none;
	background: #e3e4e4; /* Old browsers */
	background: -moz-linear-gradient(left, #e3e4e4 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #e3e4e4 0%,#ffffff 100%); 
	background: linear-gradient(to right, #e3e4e4 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e4', endColorstr='#ffffff',GradientType=1 ); 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

.frame-type-menu_pages li{
	margin-left: auto;          /* schiebt den Button ganz nach rechts */
	width: 85%;
	font-size: 14px;
	background-color:#eee;
	list-style: none outside none;
	background: #e3e4e4; /* Old browsers */
	background: -moz-linear-gradient(left, #e3e4e4 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #e3e4e4 0%,#ffffff 100%); 
	background: linear-gradient(to right, #e3e4e4 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e4', endColorstr='#ffffff',GradientType=1 ); 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

.frame-type-menu_subpages ul{
	padding-left: 0px;
}

.frame-type-menu_pages ul{
	padding-left: 0px;
}

.frame-type-menu_subpages a{
	padding-left: 0px;
	color: #444;
}
.frame-type-menu_pages a{
	padding-left: 0px;
	color: #444;
}
.frame-type-menu_subpages h2{
	margin-left: auto;          /* schiebt den Button ganz nach rechts */
	width: 85%;
	font-size: 18px;
	background: #64063a; /* Old browsers */
	background: -moz-linear-gradient(left, #64063a 0%, #c02779 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #64063a 0%,#c02779 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #64063a 0%,#c02779 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64063a', endColorstr='#c02779',GradientType=1 ); /* IE6-9 */
	padding: 8px 6px 8px 12px;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.frame-type-menu_pages h2{
	margin-left: auto;          /* schiebt den Button ganz nach rechts */
	width: 85%;
	font-size: 18px;
	background: #64063a; /* Old browsers */
	background: -moz-linear-gradient(left, #64063a 0%, #c02779 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #64063a 0%,#c02779 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #64063a 0%,#c02779 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64063a', endColorstr='#c02779',GradientType=1 ); /* IE6-9 */
	padding: 8px 6px 8px 12px;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
 
.frame-type-menu_subpages a:hover{
	padding-left: 0px;
	color: #d3007b;
	text-decoration: none;
	cursor: pointer;
}
.frame-type-menu_pages a:hover{
	padding-left: 0px;
	color: #d3007b;
	text-decoration: none;
	cursor: pointer;
}



.maincontent{
	padding-top: 50px;
}

li {
font-size: 14px;
background: none !important;
}

th, td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

tr:hover {
    background-color: #fafafa;
}

.table, 
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border: none;
}

/* Tabelle scrollbar machen */
.ce-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    margin-left: 20px;
}

/* Tabellenzellen */
.ce-table th,
.ce-table td {
	font-size: 14px;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    white-space: normal; /* verhindert Zeilenumbruch */
}

/* Hover-Effekt für Zeilen */
.ce-table tr:hover {
    background-color: #fafafa;
}

/* Erste Spalte hervorheben */
.ce-table td:first-child {
    font-weight: bold;
    padding-left: 0;
    width: auto;
}

/* Responsive Anpassungen für kleine Bildschirme */
@media screen and (max-width: 600px) {
    .ce-table {
        font-size: 12px;
    }

    .ce-table th,
    .ce-table td {
        padding: 6px 8px;
    }

    .ce-table td:first-child {
        padding-left: 0;
    }
}


[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
}

.flexslider .caption-align-left .caption-text {
    top: 155px;
    left: 180px;
    margin-left: 20px;
}

.tx-ws-flexslider .caption-text {
    position: absolute;
    width: 350px;
    background: rgba(255,255,255,0.8);
	max-height: 30px;
	border-radius: 20px;
	display: none;
}

.tx-ws-flexslider .caption-text {
    padding-top: 8px;
}

.caption-text {
    padding-top: 8px;
}

.caption-title {display: none;}

.caption-body a{
	color: #d3007b;
	font-weight: bold;
}

.frame-layout-4 {
	color: #333;
	padding-left: 10px;
	padding-bottom: 8px;
	background-color: #fff;
	border: 0px solid #eee;
}

.frame-layout-5 {
	color: #333;
	padding: 10px;
	padding-bottom: 8px;
	background-color: #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
}

.form-check-label{font-size: 14px;}
   

   
 a:focus, a:hover {
    color: #d3007b;
    text-decoration: underline;
}

a {
    color: #2f4db1;
    text-decoration: none;
}
	
.frame-layout-6  a{
    color: #000;
    text-decoration: none;
}

#sd-lightbox {
    background: rgba(0, 0, 0, 0.8);
	}
	
.frame-layout-6 a:focus, a:hover {
    color: #d3007b;
    text-decoration: underline;
}

.image-caption{
	font-family: 'Open Sans', sans-serif;font-size: 12px;
	text-align: center;
	padding: 10px;
}

/*.jumbotron,#text{ color: #fff;}*/

.sm-simple a.has-submenu {
    padding-right: 29px;
}

.sm-simple a:hover{   
    color: #d3007b;
}

/* Anpassungen Metanavigation */	

.metanav li{	
	background-color: #eee;
	list-style: none outside none;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.metanav a{
	color: #444;
}

.metanav a:hover{
	color: #d3007b;
	text-decoration: none;
}

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
 
	font-family: 'Open Sans', sans-serif;
	font-size: 13.8px;
}

.frame-bluebox  li{
	background: #e3e4e4; 
	background: -moz-linear-gradient(left, #e3e4e4 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #e3e4e4 0%,#ffffff 100%);
	background: linear-gradient(to right, #e3e4e4 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e4', endColorstr='#ffffff',GradientType=1 ); 
	padding:  8px 0px 8px 15px;
	margin: 10px 5px 5px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
}

.frame-bluebox ul{
	list-style-type: none;
	padding-left: 0;
	margin-left:0;
}



.frame-greybox { 
	background: #64063a; 
	background: -moz-linear-gradient(left, #64063a 0%, #c02779 100%); 
	background: -webkit-linear-gradient(left, #64063a 0%,#c02779 100%); 
	background: linear-gradient(to right, #64063a 0%,#c02779 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64063a', endColorstr='#c02779',GradientType=1 ); 
	padding: 0px 0px 2px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
}

.frame-sitemap ul li{ 
	LINE-HEIGHT: 150%;
	list-style-image: url("dot3.png");
	padding-left: 5px;
	margin-left:30px;
		
}

ol{
	LINE-HEIGHT: 150%;
	list-style-image: url("dot3.png");
    padding: 0 0 10px 30px;
	
} 
	
.frame-greybox h4{ color: #fff;}


.frame-bluebox h3{
	font-size: 12px;
}

.frame-bluebox a{ 
	color: #444;
}

.frame-bluebox a:hover{
	color: #d3007b;
	text-decoration: none;
}

.frame-bluebox h4{
	background: #64063a; 
	background: -moz-linear-gradient(left, #64063a 0%, #c02779 100%); 
	background: -webkit-linear-gradient(left, #64063a 0%,#c02779 100%); 
	background: linear-gradient(to right, #64063a 0%,#c02779 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64063a', endColorstr='#c02779',GradientType=1 ); 
	padding:  8px 0px 8px 10px;
	margin: 0px 5px 5px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #FFFFFF;
}

.frame-blog{
	background: #e3e4e4; 
	background: -moz-linear-gradient(left, #e3e4e4 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #e3e4e4 0%,#ffffff 100%); 
	background: linear-gradient(to right, #e3e4e4 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e4', endColorstr='#ffffff',GradientType=1 ); 
	padding:  8px 0px 8px 15px;
	margin: 10px 5px 5px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	color: #000;
}

.header-blog {
	background: #64063a; 
	background: -moz-linear-gradient(left, #64063a 0%, #c02779 100%); 
	background: -webkit-linear-gradient(left, #64063a 0%,#c02779 100%); 
	background: linear-gradient(to right, #64063a 0%,#c02779 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64063a', endColorstr='#c02779',GradientType=1 ); 
	padding:  8px 0px 8px 10px;
	margin: 0px 5px 5px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #FFFFFF;
} 


.news .article .news-img-wrap a {    
    border: 0px ;   
}

.news-single .teaser-text {
    font-size: 15px;
    color: #000;
}

.news-img-caption {
    color: #444;
	font-size: 12px;
}

[itemprop~="headline"] {color:black;text-align: left} 

.ce-uploads li {
	float: left;
    list-style: none outside none;
    margin-top: 10px;
    margin-bottom: 10px;
	margin-right: 5px;
    clear:left;
    width: 100%;
	padding: 2px;
	

}

.news .article {
	padding-bottom: 1px ;
	margin-bottom: 1px ;
}

legend {
	margin-top: 25px;
	font-size: 18px; 
}

.login a {
    float: right;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: black;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    transition: all 250ms;
    border: 0;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    
    /* WICHTIG: Button-Styles entfernen */
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}





label {
 width: 80%;
}

.figure.figure.preview {
	max-width: 100%;
}



@media only screen and (max-width:640px) {
	
  h1 {
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word;
  }
	
.btn-kocos{
 

	font-size: 100%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	background-color: #d3007b;
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}
.btn-kocos2{
 

	font-size: 100%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	background-color: rgba(46,119,194,0.8);
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}
.btn-kocos3{
 

	font-size: 100%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	background-color: rgba(46,119,194,1);
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}

.btn-kocos4{
 

	font-size: 100%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	background-color: rgba(46,119,194,0,8);
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}

.btn-kocos5{
 

	font-size: 100%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	background-color: rgba(46,119,194,1);
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}

.btn-kocos6{
 

	font-size: 100%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	background-color: rgba(46,119,194,1);
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}
.btn-kocos7{
 

	font-size: 100%;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	background-color: rgba(46,119,194,1);
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}
.btn-kocos10{
 

	font-size: 100%;
	display: inline-block;
	color: #000;
	text-align: center;
	margin-left: 0px;
	background-color: #2077be;
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}	
	
.btn-video2{
 
	font-size: 100%;
	display: inline-block;
	color: #000;
	text-align: center;
	margin-left: 0px;
	background-color: rgba(255,255,255,0.5);
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}	

.btn-video{
 
	font-size: 100%;
	display: inline-block;
	color: #000;
	text-align: center;
	margin-left: 0px;
	background-color: rgba(255,255,255,0.5);
	padding: 8px; 
	border-radius: .40rem;
	width: 130px;   
}		
	
.menu2_main {
	
margin: 0px;
  padding-top: 0px;
  background: rgb(255,255,255);
  

}
.frame-menu2 li{
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	display:block;
}

.slick-dots{ 
   
    margin-left: 0;
    margin-right: 0;
	bottom: 0;
}

		.metanav {
			
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		.metanav li {
			margin-top: 10px;
			font-size: 120%;
			display: block;
			margin-right: 1rem;
		}

		.metanav li:last-child {
			margin-right: 1rem;
			margin-bottom: 20px;
		}

		.login {
			margin-left: 0;
			margin-top: 15px;
			padding-left: 18px;
			padding-top: 7px;
			padding-bottom: 7px;
			
		}
		
		

		.frame-sitemap ul{ 
			padding-left: 10px;
			margin-left:0px;
		 }

		 .video-container-wrapper {

			.cc_container {
						background: #222;
						opacity: 0.9;
						filter: alpha(opacity=90); /* For IE8 and earlier */
						} 

			#cc-tag.cc-tag-vertical-left a, #cc-tag.cc-tag-vertical-left a:visited {
				background-color: #d3007b !important;
				 }

			#cc-tag.cc-tag-vertical-left a:hover, #cc-tag.cc-tag-vertical-left a:active {

				border-top: 3px solid #000000 !important;

				border-right: 3px solid #000000 !important;

				border-left: 3px solid #000000 !important;

				box-shadow: 2px 2px 7px #000;

				-moz-box-shadow: 2px 2px 7px #000;

				-webkit-box-shadow: 2px 2px 7px #000;
			}

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


			.img-dummy {
				max-width: 40%;
				}
			
		}	

}


/* Smaller screen / tablet+phone / 480px to 759px / Samsung / Xiaomi*/ 
@media (max-width: 759px) {
	
	
.promet100_header {
	color: #000;
	font-weight: 600;
	font-size:255%;
	padding-top: 40px;
	padding-left: 4px;
	padding-bottom: 5px;
	line-height: 60%;
	letter-spacing: 0px;
}

.promet100_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 124%;
	letter-spacing: +1px;
}
.promet100_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 126%;
	letter-spacing: +3px;
}
 



	.img-dummy {
		 max-width: 20%;
		 }


	.checkus {
		padding-top: 0px;
		padding-left: 120px; 
		padding-bottom: 10px;
	}
	
		.hp_offer_sp1 {
	margin: 0px; 
	padding-top: 20px;
	background: rgb(246,246,246);
	padding-right: 15px;
	border-right-style: solid;
	border-right-color: white;
	
}
.hp_offer_sp2 {
	margin: 0px; 
	padding-top: 20px;
	background: rgb(246,246,246);
	
	
}
	
	.checkus-artes {
		padding-top: 0;
		padding-right: 0;
		padding-left: 60px; 
	}

	.checkus-eppe {
		padding-top: 0;
		padding-right: 0;
		padding-left: 20px; 
	}
	
	.benefits_haupt {
		border-width:0.2cm; border-style:solid; border-color:#e5e5e5;
	}
	
	.ce-headline-center {
		text-align: center;
		}


	.benefits2 {
		font-family: 'Open Sans', Verdana, serif;	
		margin-top: 30px;
		padding-left: 15px; 
		padding-right: 10px; 
		 z-index: 19;
	}

	.actas_software_sp1 {	
		padding-right: 0;
		padding-top: 0;
		background: rgb(245,245,245); 
	}

	.col2_kocos {
		padding-left: 10px;
		padding-top: 10px;
	}

	.col2_lotos {
		padding-left: 10px;
		padding-top: 10px;
	}

	.col1_lotos {
		padding-left: 0px;
		padding-top: 10px;
	}
.col1_about {
		padding-left: 10px;
		padding-top: 10px;
	}
.col2_about {
		padding-left: 10px;
		padding-top: 10px;
	}
.checkus-omcat {
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 70px; 
	padding-bottom: 10px;
}
.checkus-omcat_fr{
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 70px; 
	padding-bottom: 10px;
}

.kontakt_kocos2 {
	
	background-size: 0% ;

	
}



}



@media (max-width: 375px)  { 
.promet100_header {
	color: #000;
	font-weight: 600;
	font-size:255%;
	padding-top: 40px;
	padding-left: 4px;
	padding-bottom: 5px;
	line-height: 60%;
	letter-spacing: 0px;
}

.promet100_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 124%;
	letter-spacing: +1px;
}
.promet100_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 126%;
	letter-spacing: +3px;
}


	/*  Buttons Header IPHONE11 */
	.btn-kocos{
		font-weight: 500;
		font-family: 'Open Sans', Verdana, serif;	 
		font-size: 100%;
		display: inline-block;
		color: #fff;
		text-align: center;
		margin-left: 10px;
		background-color: #d3007b;
		padding: 8px; 
		border-radius: .40rem;
		width: 142px;   
	}

	.btn-kocos:hover {	
		color: #fff;
		background-color: rgba(202,44,128,0.8);
		text-decoration: none;
	}

	.btn-kocos:active {	
		color: #fff;
		text-decoration: none;
	}

	.btn-kocos_xxl{
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		color: #fff;
		text-align: center;
		margin-left: 10px;
		background-color: #d3007b;
		padding: 8px; 
		border-radius: .40rem;
		width: 168px;   
	}

	.btn-kocos_xxl:hover {	
		color: #fff;
		background-color: rgba(202,44,128,0.8);
		text-decoration: none;
	}

	.btn-kocos_xxl:active {	
		color: #fff;
		text-decoration: none;
	}

	.btn-kocos2 {	 
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 8px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;
	}

	.btn-kocos2_esp:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0.8); 
		text-decoration: none;
	}

	.btn-kocos2_esp {	 
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 1px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 8px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;
	}

	.btn-kocos2:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0.8); 
		text-decoration: none;
	}

	.btn-kocos2 a: {
		font-family: 'Open Sans', Verdana, serif;	
		font-weight: 500;
	}

	.btn-kocos3 {
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 8px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;
	}

	.btn-kocos3:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0,7);
		text-decoration: none;
	}

	.btn-kocos3_esp {
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 1px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding-top: 8px;
		padding-bottom: 8px;
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;	
	}

	.btn-kocos3_esp:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0,8);
		text-decoration: none;
	}


	.btn-kocos4 {
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 8px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;
	}

	.btn-kocos4:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0,8);
		text-decoration: none;
	}
	.btn-kocos5 {
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 8px; 
		border-radius: .40rem;
		Text-decoration: none;
		width: 142px;

	}
	.btn-kocos5:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0.8);
		text-decoration: none;
	}

	.btn-kocos5_esp {
		font-weight: 500;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 8px; font-size: 100%;
		border-radius: .40rem;
		Text-decoration: none;
		width: 142px;
	}
	.btn-kocos5_esp:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0.8);
		text-decoration: none;
	}


	.btn-download {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 120%;
		display: inline-block;
		text-align: center;
		margin-left: 0px;
		color: #fff;
		background-color: rgba(102,204,125,1);
		padding: 8px; font-size: 100%;
		border-radius: .40rem;
		text-decoration: none;
		width: 160px;
	}

	.btn-download2 {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 120%;
		text-align: center;
		margin-left: 0px;
		color: #fff;
		background-color: rgba(102,204,125,1);
		padding: 8px; font-size: 100%;
		border-radius: .40rem;
		text-decoration: none;
		width: 160px;
	}


	.btn-download:hover {   
	  color: #fff;
	  background-color: rgba(102,204,125,0.8);
	  text-decoration: none;
	}

	.btn-kocos6 {
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 7px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;
	}

	.btn-kocos6:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0.8);
		text-decoration: none;
	}


	.btn-kocos6_esp {
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 1px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 7px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;
	}

	.btn-kocos6_esp:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0.8);
		text-decoration: none;
	}

	.btn-kocos6_xxl {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 7px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 168px;
	}

	.btn-kocos6_xxl:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0.8);
		text-decoration: none;
	}

	.btn-kocos7 {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 6px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;
		border: 1px solid;
		border-color: white;
	}

	.btn-kocos7_esp:hover {   
	  color: #fff;
	 background-color: rgba(46,119,194,0.8);
	  text-decoration: none;
	}

	.btn-kocos7_esp {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		color: #fff;
		background-color: rgba(46,119,194,1);
		padding: 6px; 
		border-radius: .40rem;
		text-decoration: none;
		width: 142px;
		border: 1px solid;
	}

	.btn-kocos7:hover {   
		color: #fff;
		background-color: rgba(46,119,194,0.8);
		text-decoration: none;
	}

	.btn-kocos8 {
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		Margin-top: 30px;
		background-color: rgba(202,44,128,1.0);
		color: #fff;
		padding: 8px;
		font-size: 120%;
		border-radius: .40rem;
		text-decoration: none;
		width: 300px;
	}

	.btn-kocos8:hover {   
		color: #fff;
		background-color: #777;
		text-decoration: none;
	}


	.btn-kocos9 {
		font-weight: 500;
		font-size: 100%;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		Margin-top: 30px;
		background-color: rgba(125,174,213,1.0);
		color: #fff;
		padding: 8px;
		font-size: 120%;
		border-radius: .40rem;
		text-decoration: none;
		width: 300px;
	}

	.btn-kocos9:hover {   
		color: #fff;
		background-color: rgba(125,174,213,0.6);
		text-decoration: none;
	}

	.btn-kocos10 {
		font-weight: 500;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
		Margin-top: 30px;
		background-color: rgba(125,174,213,1.0);
		color: #fff;
		padding: 8px;
		font-size: 120%;
		border-radius: .40rem;
		text-decoration: none;
		width: 300px;
	}

	.btn-kocos10:hover {   
		color: #fff;
		background-color: #777;
		text-decoration: none;
	}


	

	
	.btn-nh {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		color: #111;
		padding: 8px; 
		font-size: 80%;
		padding-left: 0px;
		border-radius: .40rem;
		text-decoration: none;
		line-height: 100%;
	}
	
	.btn-nhp {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 5px;
		color: #fff;
		background-color: rgba(202,44,128,1);
		padding: 4px 20px 4px 5px; font-size: 75%;
		border-radius: .40rem;
		text-decoration: none;
		width: 50px;   
}

	.btn-nhpb {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 5px;
		color: #fff;
		background-color: rgba(32,119,190,1);
		padding: 4px 20px 4px 5px; font-size: 75%;
		border-radius: .40rem;
		width: 50px; 
	}
	.kocos_header {
    
    font-size: 170%;
    margin: 0;
    padding-bottom: 10px;
    line-height: 90%;
}
.kocos_subheader {
   
    font-size: 70%;

    line-height: 90%;
}
	
}



@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx)  {
	
.pic_header {
    display: none;
	
  }	

.box-social-media {
    display: none;

  }
.box-social-media2 {
    display: none;

  }
.box-social-media3 {
    display: none;

  }
  .box-social-media4 {
    display: none;

  }
.box-social-media5 {
    display: none;

  }
.box-social-media6 {
    display: none;

  }
  
.header_background_about2 {
    padding-left: 10px;
padding-top: 10px;
  }
 
 .btn-nhp {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 5px;
		color: #fff;
		background-color: rgba(202,44,128,1);
		padding: 4px 20px 4px 5px; font-size: 95%;
		border-radius: .40rem;
		text-decoration: none;
		width: 75px;   
}

	.btn-nhpb {
		font-family: 'Open Sans', Verdana, serif;	 
		font-weight: 500;
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 5px;
		color: #fff;
		background-color: rgba(32,119,190,1);
		padding: 4px 20px 4px 5px; font-size: 95%;
		border-radius: .40rem;
		width: 75px; 
	}
		.btn-kocosdb_engi:hover {   
  color: #fff;
  background-color: rgba(46,119,194,0.8); 
  text-decoration: none;
}
.btn-kocosp_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(202,44,128,1);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocosp_engi:hover {   
  color: #fff;
  background-color: rgba(202,44,128,0.8); 
  text-decoration: none;
}
.btn-kocosdb_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocoshb_engi:hover {   
  color: #fff;
  background-color: rgba(125,174,213,0.8); 
  text-decoration: none;
}

.btn-kocoshb_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(125,174,213,1.0);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}


}

/* iPhone 6,7,8 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	

	
.kocos_header {
   
    font-size: 170%;
   
}

.kocos_subheader {
   font-size: 115%;
    line-height: 110%;
}

.col3_phone {
	display: none;
}
 .btn-kocosp_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(202,44,128,1);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocosp_engi:hover {   
  color: #fff;
  background-color: rgba(202,44,128,0.8); 
  text-decoration: none;
}
.btn-kocosdb_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocoshb_engi:hover {   
  color: #fff;
  background-color: rgba(125,174,213,0.8); 
  text-decoration: none;
}

.btn-kocoshb_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(125,174,213,1.0);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}





}

/* iPhone 2,3,4 */
@media only screen 
and (min-device-width : 319px) 
and (max-device-width : 479px) {
	
	
	.promet100_header {
	color: #000;
	font-weight: 600;
	font-size:220%;
	padding-top: 40px;
	padding-left: 4px;
	padding-bottom: 5px;
	line-height: 60%;
	letter-spacing: 0px;
}

.promet100_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 106%;
	letter-spacing: +1px;
}
.promet100_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 104%;
	letter-spacing: +3px;
}	

	
	.promet_header {
	color: #000;
	font-weight: 600;
	font-size:220%;
	padding-top: 40px;
	padding-left: 4px;
	padding-bottom: 5px;
	line-height: 60%;
	letter-spacing: 0px;
}

.promet_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 106%;
	letter-spacing: +1px;
}
.promet_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 0px;
	padding-left: 4px;
	font-size: 104%;
	letter-spacing: +3px;
}	
	
	
.actas_header {
	text-align: left;
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 540%;
	padding-top: 50px;
	padding-left: 10px;
	padding-bottom: 0px;
	line-height: 60%;
}
.actas_subheader {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 107%;
	letter-spacing: +2px;
}
.actas_subheader_de {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 115%;
	letter-spacing: +2px;
}

.actas_subheader_de2 {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 100%;
	
}
.actas_subheader_fr {
	text-align: left;
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 97%;
	
}
.actas_subheader_esp {
	text-align: left;	
	font-weight: 600;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 82%;
}

	

.artes_header {
	
	font-size: 400%;
	
}
.artes_subheader_de {
	
	font-size: 80%;
	
}


.artes_header_rc3 {
	
	font-size: 300%;
	
}
.artes_subheader {
	
	font-size: 120%;
}

.engi_header {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 260%;
	margin: 0;
	padding-bottom: 0px;
	line-height: 80%;
}
.engi_subheader {
	font-family: 'Open Sans', Verdana, serif;
	color: #000;
	font-weight: 600;
	font-size: 246%;
	margin: 0;
	padding-bottom: 30px;
	line-height: 80%;
}
	
   .btn-kocosp_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(202,44,128,1);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocosp_engi:hover {   
  color: #fff;
  background-color: rgba(202,44,128,0.8); 
  text-decoration: none;
}
.btn-kocosdb_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(46,119,194,1);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.btn-kocoshb_engi:hover {   
  color: #fff;
  background-color: rgba(125,174,213,0.8); 
  text-decoration: none;
}

.btn-kocoshb_engi {	 
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin-left: 1px;
	color: #fff;
	background-color: rgba(125,174,213,1.0);
	padding: 8px; font-size: 95%;
	border-radius: .40rem;
	text-decoration: none;
	width: 160px;
}

.text-on-image .image-wrapper {
    position: relative;
    display: inline-block;
}

.text-on-image .image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.text-on-image .text-overlay {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5); /* Optional: halbtransparenter Hintergrund */
    color: white;
    padding: 1rem;
    max-width: 90%;
}


}