/*.basic-site main{
  margin-top:0;
}*/
button.wirth.merkliste.myshortlist span.fas.fa-times{
  --fa:"";
}
.myshortlist_button_wrapper .add_button.btn-primary {
  background-color:green;
  border-color:green;
}
.footer li {
  list-style:none;
}

.basic-site main > div{
  background: #fff;
padding: 20px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.basic-site main img:first-child{
  width:100%;
  height: auto;
}
.basic-site .page-header h1{
  margin: 20px 0 40px;
}
.basic-site .page-header.basismenu h1{
  margin-bottom: 20px;
}
.basic-site figure{
  margin:0;
}
.container-component > .basic-site-list {
  margin-top:1px;
  padding:20px;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.basic-site-list h3{
  color: #fdfdfd;
  background: #495057;
  padding: 3px 0 3px 5px;
}
.basic-site-list ul {
  border: solid 1px #F0F1F2;
}
.basic-site-list ul li {
  padding: .3em;
  border: solid 1px #F0F1F2;
}
.basic-site-list ul li:nth-child(2n){
  background: #f4f5f6;
}


ul.liste-krane{
  list-style-type: disclosure-closed;
}
ul.liste-krane > li::marker{
  color:#ff7900;
}
ul.liste-krane ul{
  list-style-type: disc;
}
.krane main div.krane{
  padding: 0 20px 20px 20px;
}
.krane figure.right{
  padding-left: 20px;
}

body{
  background:#f4f5f6;
}
main .item-page{
  background:#fff;
  padding:5px 10px 0;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
} 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;  
  src: url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.eot'), url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.svg#Roboto Condesed') format('svg'), /* Legacy iOS */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.woff2') format('woff2'), 
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.woff') format('woff'), 
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.ttf') format('truetype'), 
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.svg#Roboto Condesed') format('svg'); 
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif ;
  	font-weight:700;
}
span.orange {
  color: #ff7900;
}
span.orange-s {
  color: #ff7900;
  font-weight: bold;
}
.page-header h1, .category-desc + h1{
  font-size: 1.8em;
  color: #ff7900;
  border-bottom: solid 1px #ff7900;
}

/*Hauptseiten*/
.produkte.mainlink a.btn-secondary{
  font-weight: bold;
}
.produkte.mainlink .zoom {
  overflow:hidden;
}
.produkte.mainlink .blog-item img{
  width: 100%;
	height: auto;
	/* SCALE */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.produkte.mainlink .blog-item img:hover{
  -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/*-END Hauptseiten-*/
ul.yes{
  margin-top:1em;
}
ul.yes li:after{
  content: url("/images/oktopus/grafics/haken.svg");
  padding-left: 10px;
  width: 30px;
  display: inline-block;
}
/*ERGOS*/
.layout-oktopusergo .blog-item .item-image {
  margin-top: 5px;
  margin-bottom: 5px;
}
.layout-oktopusergo p.readmore a {
  font-weight: bold;
}
.varianten {
  background: #F0F1F2;
  padding: 20px 20px 10px;
}
.varianten li {
  background: #Fff;
  padding: 20px 20px 0 20px;
  border: solid 1px #d8dadc;
}
.varianten h4.newsflash-title {
  text-align: center;
}
/*-END ERGOS-*/
.com-content-category-blog .page-header h1,  {
  margin-bottom:20px;
}

/*Anfrage Formular*/
.formResponsive button[type="submit"] {
  background: #62be00 !important;
  border-radius: 40px !important;
  border: none !important;
  text-shadow: none !important;
  padding: 8px !important;
}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"]{
	border-radius: 0px !important;
  	padding-top: .6rem !important;
  	padding-bottom: .6rem !important;
  	margin-bottom: 0 !important;
}
.formResponsive input[type="text"]{
  width: 290px;
}
.formResponsive textarea {
  width: 290px !important;
}
.tab-form label {
  display:none;
}
.tab-form h2 {
  font-size: 1.2em;
}
/*END Anfrage Formular*/
/*Accordion Block*/
joomla-tab {
  margin-bottom: 20px;
}
joomla-tab > joomla-tab-element {
  background-color: #fefefe;
  border: 1px solid #E5E6E9;
  border-radius: 0;
  box-shadow: none;
}
joomla-tab[view=tabs] > div[role=tablist] {
  background-color: #F0F1F2;
  border-color: #E5E6E9 #E5E6E9 currentcolor;
  border-radius: 0;
  box-shadow: none;
}
joomla-tab button {
  text-transform: uppercase;
}
joomla-tab button[aria-expanded=true]::after {
  background-color: #ff7900;
}
joomla-tab button[role=tab]:hover {
  background-color: none;
  text-decoration: underline;
 
}
joomla-tab button[role=tab][aria-expanded=true] {
  background-color: #E5E6E9;
  background-image: none;
  box-shadow: none;
}
/*--END Accordion Block*/
/*Menus*/
.breadcrumb {
  background-color: #fff;
  font-size:0.8rem;
}
.mainmenu {
  	padding-top: .8rem !important;
}
.mainmenu button, .mainmenu a{
  	font-family: 'Roboto Condensed', sans-serif !important;
}
.mainmenu a:hover{
  	text-shadow: 1px 1px 1px #000;
}
.mainmenu ul li.level-1 {
  	padding: .5rem 1rem;
}
.produkte ul.mod-menu li.active a, .produkte ul.mod-menu li a, .produkte ul.mod-menu li a:hover{
  text-decoration: none !important;
}
/* Menüpunkt Outdoor */
.mainmenu > li > button.link-outdoor::before, .container-header .mainmenu > li.active > button.link-outdoor::before {
  background: #dc143c;
}
.mainmenu li.metismenu-item > button.link-outdoor.mm-toggler::after{
  color: #dc143c;
}
.produkte.outdoor a.btn-secondary {
  background: #AE0034;
  border: solid 1px #AE0034;
}
.produkte.outdoor a.btn-secondary:hover {
  color: #AE0034;
}
/* Menüpunkt GGA */
.mainmenu li button.link-gga{
  color:#21648a;
}
.mainmenu > li > button.link-gga::before, .container-header .mainmenu > li.active > button.link-gga::before {
  background: #598ba7;
}
.mainmenu li.metismenu-item > button.link-gga.mm-toggler::after{
  color: #598ba7;
}
.produkte.gga a.btn-secondary {
  background: #21648a;
  border: solid 1px #21648a;
}
/* Menüpunkt Indoor */
.mainmenu > li > button.link-indoor::before, .container-header .mainmenu > li.active > button.link-indoor::before{
  background: #9cb500;
}
.mainmenu li.metismenu-item > button.link-indoor.mm-toggler::after{
  color: #9cb500;
}
.produkte.indoor a.btn-secondary {
  background: #9cb500;
  border: solid 1px #9cb500;
}
/* Menüpunkt Kransysteme */
.mainmenu > li > button.link-krane::before, .container-header .mainmenu > li.active > button.link-krane::before{
  background: #77ADA1;
}
.mainmenu li.metismenu-item > button.link-krane.mm-toggler::after{
  color: #77ADA1;
}
.produkte.krane a.btn-secondary {
  background: #4a9282;
  border: solid 1px #4a9282;
}
/*-------*/
.metismenu.mainmenu .metismenu-item > ul{
  background: #f1f2f3;
}
.mainmenu ul.mm-collapse li.level-2 {
  margin:1px;
  padding: 0;
  background: #fff;
}
.mainmenu ul.mm-collapse li.level-2:hover {
  background: #f4f5f6;
  text-shadow: none;
  padding:0;
}
.mainmenu ul.mm-collapse li.level-2 a{
  color: #414651 !important;
  text-shadow: none;
  padding: .5rem 1rem;
}
/*--- END Mainmenu ---*/
/*--- Topmenu ---*/
.platzhalter{
  width:13em;
}
.metismenu.mod-menu.topmenu li.metismenu-item {
  padding: 0 1em;
  margin: 0;
  font-size: 1em;
}
.container-header .navbar-toggler {
  border-width: medium;
}
.container-header nav {
  margin: 0;
  padding: 0;
}
.container-header .mod-menu.topmenu > li + li {
  margin-left: 1.05em;
  margin-bottom: .15em;
} 
.container-header .mod-menu.topmenu > li > a{
  	padding: .25rem;
	color: #ddd;
	display: block;
}
.container-header .mod-menu.topmenu > li > a.contact {
  background: #ff7900;
  color: #fff;
  letter-spacing: .05em;
}
.container-header .mod-menu.topmenu > li > a.contact:hover {
  background:#ff9600;
}
.container-header .mod-menu.topmenu {
    justify-content: center;
}    
.container-top-b > * {
  margin: 0;
}
.startslider{
  border-bottom: 1px solid #414651;
}
/*--- Submenu ---*/
.container-header .grid-child {
    max-width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	grid-template-columns: auto auto auto;
	display: grid;
}
.container-topbar {
  	border-bottom: #4d4c4f solid 1px;
  	grid-template-columns: auto auto auto;	
  	padding-top: .1rem !important;
  	padding-bottom: .1rem !important;
  	background: rgba(151,155,165,0.4);
}
.suche {
    justify-self: right;
  	padding-top: 0.1rem;
}
.suche .form-control {
    max-width: 100%;
    background-color: rgba(151,155,165,0.7);
  	/*border: 2px solid #989898;*/
  	border: none;
  	color: #eeeeee;
  	border-radius: 1.25rem;
  	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  	padding: .23rem .23rem .23rem .75rem;
  	line-height: 1.55;
}
.suche .btn {
  	border-radius: 1.25rem;
  	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  	padding: .5rem;
}
.suche .btn-primary {
  	background: #ccc;
  	border: none;
}
.suche .btn-primary:hover {
  	background: #aaa;
}

/*--sprache--*/
.sprache {
  	justify-self: right;
  	align-self:center;
  text-align:right;
}
div.mod-languages li a{
  	padding: 0;
  	color: #ccc;
}
div.mod-languages li.lang-active {
  	background:none !important;
}
div.mod-languages li.lang-active a{
  	color: #fff;
}
.container-nav { 
  	padding-top: .1rem !important;
  	padding-bottom: .1rem !important;
}
.container-header .navbar-brand {
  	/*order: -1; */
  	padding-top: .12rem;
	padding-bottom: .12rem;
}
.container-header .navbar-brand img {
  	min-width: 7.5rem;
  	width: 7.5rem;
}

.container-header .container-submenu {
 justify-content: center;
  display: flex;
  flex-direction: row;
  flex: 1 1 0%;  
  padding: 2px 0 5px 0;
  background: rgba(151,155,165,0.4);
  border-top: solid 1px #ccc;
}
.outdoor .container-header .container-submenu {
  background: #AE0034;
}
.gga .container-header .container-submenu {
  background: #21648a;
}
.indoor .container-header .container-submenu {
  background: #9cb500;
}
.krane .container-header .container-submenu {
  background: #4a9282;
}

.container-submenu .menu-submenu ul{
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex: 1 1 0%;  
  padding: 0;
}
.container-submenu .menu-submenu .mod-menu .nav-item {
  padding: 4px 3px;
}
.container-submenu .menu-submenu li {
  padding: 0.25em ;
}
.container-submenu .menu-submenu a {
  /*font-family: 'Roboto Condensed';*/
  font-style: normal;  
  font-size: 1rem;
  display:block;
  padding:3px 0px 2px ;
  color: #fff;
  line-height:1.3em;
}

.container-header .menu-submenu .mod-menu > li.active::after, .container-header .menu-submenu .mod-menu > li:hover::after {
    right: 1px;
	left: 1px;
	background: #fff;
	opacity: .4;
	height: 2px;
	bottom: 4px;
}
.menu-submenu ul{
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex: 1 1 0%;  
  padding: 15px 0;
}
.menu-submenu li {
  padding: 0.25em ;
}
.menu-submenu li.active a, .sidemenu-indoor li.active a{
  text-decoration:none !important; 
}

/*--- Sidemenu ---*/
.menu-sidemenu h3 {
  padding:0px;
  font-weight: normal;
  margin-top: 0;
  font-size: 1.25em;
  border-bottom: 2px solid #282e3c;
}

.menu-sidemenu a{
  position: relative;
  color: #414651;
  display:block;
  padding: 2px 0;
  line-height: 1.1em;
  }
.menu-sidemenu li {
   padding: 4px 0px 5px;
	transition: padding-left 0.2s ease-in-out;
	border-bottom: dotted 1px #979BA5;
}
.menu-sidemenu li.current a, .menu-sidemenu li.active a, .menu-sidemenu li:hover{
  	padding-left: 7px; 
}
.menu-sidemenu li.active, .menu-sidemenu li:hover, .menu-sidemenu li.current{  	
  	background: rgba(255,255,255,0.8);	
}
.sidemenu-outdoor li.current , .sidemenu-outdoor li.active{
	border-left: solid 4px #AE0034;
}
.sidemenu-gga li.current, .sidemenu-gga li.active{
	border-left: solid 4px #21648a;
}
.sidemenu-indoor li.current, .sidemenu-indoor li.active{
	border-left: solid 4px #9cb500;
}
.sidemenu-krane li.current, .sidemenu-krane li.active{
	border-left: solid 4px #4a9282;
}
/*--- END Sidemenu ---*/

  
a.pathway {
  color: #22262a;
  text-decoration: underline;
  text-decoration-color: #ff7900;
}
a.ig-img-link.igui-inline.igui-transition-toggle.igui-inline-clip {
  border: #ccc solid 1px;
}
a.ig-img-link.igui-inline.igui-transition-toggle.igui-inline-clip:hover{
  border: #ff7900 solid 1px;
}
/*---Galerie ERGOS---*/
.profile-5 .ig-image-descriptions {
  background: #979BA5;
  padding:4px 4px 0 4px ;
  color:#fff;
}

/*---Artikel Geraete---*/
.icon-chevron-right:before
 {
    display: none !important;
}

.artikel-geraet {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 0px;
}
.artikel-geraet-beschreibung {
  padding-left: 20px;
  text-align: left;
}
/*---END Artikel Geraete---*/
.field-bar ul.fields-container {
  list-style-type: none;
  padding: 0;
  margin:0;
  background: #979BA5;
  display: flex;
}
.beschreibung ul.fields-container {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  hyphens: auto;
}
.artikel-geraet-beschreibung span.field-bar ul {
  margin-bottom: 20px;
}
/*---iconliste---*/
.fu-icon img{
  margin: 2px 1px;
  width: 30px;
  height: 30px;
  cursor:pointer;
  border: #fff solid 1px;
  background:#414651;
}
.fu-icon img:first-child{
  margin-left: 2px;
}
/*---stammdaten---*/
.stammdaten ul.fields-container{
  justify-content: center;
  list-style-type: none;
  padding: 0;
  border-top: #dbe2e8 dotted 2px;
  display: flex;
  margin: 0;
}
.stammdaten ul.fields-container li {
  font-size: .9em;
  color: #979ba5;
  text-align: center;
  padding: 0 10px;
  display:inline-flex;
}
.stammdaten ul.fields-container li span {
	background-size: 23px;
  background-position: center 3px;
  padding-top:25px;
  background-repeat: no-repeat;
  min-width:40px;
}
li.e-gewicht span.field-value.std-gewicht {
  background-image: url("../../../images/oktopus/grafics/icons/stammdaten/traglast.svg");
}
li.traglast span.field-value.std-traglast {
  background-image: url("../../../images/oktopus/grafics/icons/stammdaten/eigengewicht.svg");
}

/* tec- option */
.tec-options {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  padding: 20px 0;
  justify-content: space-between;
  margin-top: 10px;
}
.tec-options h3 {
  margin: 0px;
  padding: 8px 5px;
  background: #F0F1F2;
  text-align: center;
  border-top: solid 1px #ff9700;
  font-size: 1.2em;
}
.tec-options ul.fields-container {
  margin-bottom: 20px;
  list-style:none;
  padding-left: 0;
}
.tec-options ul.fields-container li{
  border-bottom:solid 1px #EBECEE;
  text-align: left;
  line-height:1.1rem;
  display: table;
  background-repeat: no-repeat;  
  background-size: 30px;
  padding-left: 42px;
  background-position: center left;
  min-height:40px;
  width:100%
}
.tec-options ul.fields-container li:first-child{
  border-top:solid 1px #EBECEE;
}
.tec-options li.field-entry span {
  vertical-align: middle;
  display: table-cell;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
}
/*-- Anbau  --*/
.tec-options li.stapler {
  background-image: url("../../../images/oktopus/grafics/icons/anbau/stapler.svg");
}
.tec-options li.kran {
  background-image: url("../../../images/oktopus/grafics/icons/anbau/kran.svg");
}
.tec-options li.stapler-mit-adapter {
  background-image: url("../../../images/oktopus/grafics/icons/anbau/stapleradapter.svg");
}
.tec-options li.kran-mit-adapter {
  background-image: url("../../../images/oktopus/grafics/icons/anbau/kranadapter.svg");
}
.tec-options li.x-y {
  background-image: url("../../../images/oktopus/grafics/icons/anbau/x-y.svg");
}
.tec-options li.ssk {
  background-image: url("../../../images/oktopus/grafics/icons/anbau/ssk.svg");
}
.tec-options li.kombinierbar-gga{
  background-image: url("../../../images/oktopus/grafics/icons/anbau/gga-kombi.svg");
}
/*-- Optionen  --*/
.tec-options li.blowoff {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/abblasfunktion.svg");
}
.tec-options li.gga-fahrwagen {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/gga-fahrwagen.svg");
}
.tec-options li.gga-loesen {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/gga-loesen.svg");
}
.tec-options li.gga-neigungsbegrenzt {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/gga-neigen.svg");
}
.tec-options li.stapleradapter {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/stapleradapter.svg");
}
.tec-options li.kranadapter {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/kranadapter.svg");
}
.tec-options li.absenkzylinder {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/absenkzylinder.svg");
}
.tec-options li.lv-kranarm {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/laengenverstellbarer-kranarm.svg");
}
.tec-options li.v-kranoese {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/verstellbare-kranoese.svg");
}
.tec-options li.h-verstellbare-vs {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/h-verstellbare-vs.svg");
}
.tec-options li.teleskopierbar {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/teleskop.svg");
}
.tec-options li.saugerbruecke {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/saugerbruecke.svg");  
}
.tec-options li.langer-kranarm {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/arm-verlaengerung.svg");  
}
.tec-options li.adapter-geb-scheiben {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/adapter-gebogene-scheiben.svg");  
}
.tec-options li.federnd {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/federnd.svg");  
}
.tec-options li.luftsparautomatik {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/luftsparautomatik.svg");  
}
.tec-options li.bedienteil-hoehe {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/bedienteil-hoehe.svg");  
}
.tec-options li.zylinder-seitl {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/zylinder-seitl.svg");  
}
.tec-options li.gga-kombinierbar {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/gga-kombi.svg");
}
.tec-options li.gga-am-kranhaken {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/gga-haken.svg");  
}
.tec-options li.gga-fahrwagen {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/gga-fahrwagen.svg");  
}
.tec-options li.gga-loesen {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/gga-loesen.svg");  
}
.tec-options li.gga-neigen {
  background-image: url("../../../images/oktopus/grafics/icons/optionen/gga-neigen.svg");  
}

/*-- Bewegungen --*/
.tec-options li.heben-senken {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/heben-senken.svg");  
}
.tec-options li.drehen-kranhaken {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/drehen-kranhaken.svg");  
}
.tec-options li.drehen-90 {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/drehen-90.svg");  
}
.tec-options li.drehen-180 {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/drehen-180.svg");  
}
.tec-options li.drehen-360 {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/drehen-360.svg");  
}
.tec-options li.seitenhub {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/seitenhub.svg");  
}
.tec-options li.kippen {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/kippen.svg");  
}
.tec-options li.neigen {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/neigen.svg");  
}
.tec-options li.schwenken {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/schwenken.svg");  
}
.tec-options li.schwenken-rast {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/schwenken-raster.svg");  
}
.tec-options li.wenden {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/wenden.svg");  
}
.tec-options li.wenden-96 {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/wenden-96.svg");  
}
.tec-options li.vor-zurueck {
  background-image: url("../../../images/oktopus/grafics/icons/bewegungen/vor-zurueck.svg");  
}
/*Steuerung*/
.tec-options li.manuell, .tec-options li.manuell-optional {
  background-image: url("../../../images/oktopus/grafics/icons/bedienung/manuell.svg");  
}
.tec-options li.kabel, .tec-options li.kabel-optional {
  background-image: url("../../../images/oktopus/grafics/icons/bedienung/kabel.svg");  
}
.tec-options li.geraet, .tec-options li.geraet-optional {
  background-image: url("../../../images/oktopus/grafics/icons/bedienung/geraet.svg");  
}
.tec-options li.funk, .tec-options li.funk-optional {
  background-image: url("../../../images/oktopus/grafics/icons/bedienung/funk.svg");  
}

/*Energieversorgung*/
.tec-options li.geblaese-e {
  background-image: url("../../../images/oktopus/grafics/icons/energie/geblaese.svg");  
}
.tec-options li.batterie, .tec-options li.batterie-optional {
  background-image: url("../../../images/oktopus/grafics/icons/energie/batterie.svg");  
}
.tec-options li.netzstrom, .tec-options li.netzstrom-optional {
  background-image: url("../../../images/oktopus/grafics/icons/energie/netz.svg");  
}
.tec-options li.druckluft, .tec-options li.druckluft-optional {
  background-image: url("../../../images/oktopus/grafics/icons/energie/druckluft.svg");  
}
/*Vakuumerzeugung*/
.tec-options li.geblaese {
  background-image: url("../../../images/oktopus/grafics/icons/vakuumerzeugung/geblaese.svg");  
}
.tec-options li.zentrale-ejektoren {
  background-image: url("../../../images/oktopus/grafics/icons/vakuumerzeugung/ejektoren-zentral.svg");  
}
.tec-options li.dezentrale-ejektoren {
  background-image: url("../../../images/oktopus/grafics/icons/vakuumerzeugung/ejektoren-dezentral.svg");  
}
.tec-options li.elektr-vp {
  background-image: url("../../../images/oktopus/grafics/icons/vakuumerzeugung/elektrische-vp.svg"); 
}
@media (max-width: 1100px) {
	.tec-options {
      grid-template-columns: 49% 49%;
  }
}
@media (max-width: 767.98px) {
	.tec-options {
      grid-template-columns: 100%;
  }
}
/*--END Icons--*/

/*--Wertetabellen--*/
.tec-data {
  display: grid;
  grid-template-columns: 75% 24%;
  padding: 0px;
  justify-content: space-between;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
	.tec-data {
      grid-template-columns: 100%;
  }
}
.tab-bold {
  /*font-weight: bold;*/
}
.tab-tf .field-label{
  margin-bottom: 8px;
  display:block;
}
.tab-tf ul, .tab-data ul{
  padding: 0;
  margin-bottom:0;
}
.tab-tf ul li ul li{
  border-bottom: 2px solid #fff;
}
.tab-tf ul li ul li::before, .tab-data ul li ul li::before{
  content: "\2022 ";
  padding-right: 5px;
}
.tab-tf ul li ul li {
	background-color: #F8F8F9;
}
.tab-tf ul li ul li:nth-child(2n + 1) {
	background-color: #F0F1F2;
}
.tab-tf ul li ul li span.field-value {
  padding-top:5px;
  padding-bottom:5px;
  display: inline-block;
}
li.sauger-tragfaehigkeit li{
  padding-left: 4px;
}
/* technische Daten*/
.tab-data ul{
  display: table;
}
.tab-data ul li{
  background-color: #F8F8F9;
  padding: 5px 0 ;
  border-bottom: 2px solid #fff;
  display: table-row;
}
.tab-data ul li:nth-child(2n + 1) {
	background-color: #F0F1F2;
}

.tab-data ul li span{
	display: table-cell;
}
.tab-data ul li span.field-label {
  width: 180px;  
  vertical-align: top;  
  padding-right: 8px;
  padding-left: 8px;
  text-align: right;
  white-space: nowrap;
    padding-top:5px;
  padding-bottom:5px;
}
.tab-data ul li span.field-value {
  width: 100%;
  padding-top:5px;
  padding-bottom:5px;
}
.tab-data ul li span.field-value:only-of-type {
  padding-top:0px;
}
.tab-data ul li ul{
 display:inline-block;
  padding: 0;
}
.tab-data ul li ul li{
 border: none;
  padding: 0;
  background: transparent !important;
}
/*--END Wertetabellen--*/
.datenblatt ul {
  list-style: none;
  padding-left:1rem;
}
.datenblatt a {
  display: block;
  background-color: #ff7900;
  background-repeat: no-repeat;
  background-image: url("/images/oktopus/grafics/pic-artikel-pdf.svg");
  background-position: 1px 1px;
  border-radius: 30px;
  background-size: 40px 40px;
  height: 42px;
  padding: 9px 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.produkte .blog-item p {
  	padding: 0 10px;
}
.produkte .blog-item p.readmore {
    margin-bottom: 0;
  	padding: 0.5em;
}
.produkte .blog-item {
	box-shadow: 2px 2px 8px #eeeeee;
	border: #dbe2e8 solid 1px;
  background:#fff;
}
.blog-item .item-image {
  margin-top: 10px;
  margin-bottom: 0px;
}
.produkte .blog-item .page-header {
  	text-align: center;
	display: table;
	vertical-align: middle;
	padding: 5px 5px 0;
	height: 50px;
	width: 100%;  
}
.produkte .blog-item .page-header h2 {
  	display: table-cell;
	vertical-align: middle;
	line-height: 1em;
	color: #414651;
  font-size: 1.2em;
}

.btn-oktopus {
  text-align:center;
}
@media (max-width: 991.98px) {
	.produkte a.btn-secondary {
        margin-bottom: 0;
  }        
}
.produkte a.btn-secondary {
  	display: inline-grid;
  	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1em;
	padding: 8px 12px;
  	border-radius: 5em;
}
.outdoor a.btn-secondary:hover, .outdoor a.btn-secondary:focus {
	color: #AE0034;
	background: #fff;
  	box-shadow: none;
}
.gga a.btn-secondary:hover, .gga a.btn-secondary:focus {
	color: #21648a;
	background: #fff;
  	box-shadow: none;
}
.indoor a.btn-secondary:hover, .indoor a.btn-secondary:focus {
	color: #9cb500;
	background: #fff;
  	box-shadow: none;
}
.krane a.btn-secondary:hover, .krane a.btn-secondary:focus {
	color: #4a9282;
	background: #fff;
  	box-shadow: none;
}
.produkte h2 {
  font-size: 1.25em;
  hyphens: auto;
}
.produkte span.orange {
  font-weight: bold;
}
ul.ergo-menu li{
  display:block;
  margin-bottom:0.2em;
  padding: 0.25em;
  background: #fafafa;
  cursor: pointer;
}
ul.ergo-menu li a{
  display:block;
  padding: 0 0.5em;
}
.ergo-title {
  	text-align: center;
	display: table;
	vertical-align: middle;
	padding: 0px 5px 5px;
	height: 50px;
	width: 100%;  
}
.ergo-title h3 {
  	display: table-cell;
	vertical-align: middle;
	line-height: 1.2em;
	color: #414651;
  font-size: 1em;
}

p.merkmale {
  background: #fafafa;
}
.icon-chevron-right::before {
    content: none;
}
.vorschau .newsflash {
  	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  	justify-content: space-around;
}
.vorschau h4.newsflash-title {
  	text-align: center;
}
:root {
    --cassiopeia-color-primary: #ff7900;
    --cassiopeia-color-link: #ff7900;
    --cassiopeia-color-hover: #ff9600;
}
/*startseite*/
.start-highlight {
  display: flex;
  justify-content: space-around;
  text-align:center;
  margin: 1rem 0 2rem;
}
.start-highlight div{
   padding:0 20px;
}
.start-highlight img{
  height:110px;
}
.start-highlight h3{
  font-size: 1.5em;
}
/*.container-banner {
  border-bottom: #495057 solid 1px;
}*/
/*-----*/
.logoimage{
  	min-width: 7.5rem;
	width: 7.5rem;
  	display:inline-block;
}
.logoimage p{
  margin: .25rem 0;
}
.logoimage img{
  	min-width: 7.5rem;
	width: 7.5rem;
}
/*------------------------*/ 
.container-header, .footer {
  background-color: #4d4c4f;
  background-image: url("../../../../images/oktopus/grafics/bg_top_header.jpg");
}

/*-- call-me-button--*/
.container-call-me-button {
  	float: right;
  	position: fixed;
	z-index: 888;
	bottom: 0;
	right: 0;
}
a.phone-sticky{
  display:block;
  margin:0 25px 25px 0;
}
a.phone-sticky img{
  width:50px;
  height:50px;
  border-radius:25px;
  background-color:#ff7900;
  transition: all 0.3s ease-in-out;
}
a.phone-sticky:hover img{
  background-color:#ff9600;
}
/*--Sicherheitshinweise--*/
.sicherheit{
  background: #fff;
  padding:1em;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.sicherheit ul{
  padding-left: 1em;
  list-style-type: square;
}

/*--Gallerie--*/
.ig-slideshow-button svg {
  padding: 0 !important;
  color: #979ba5;
  background: rgba(255,255,255,0.3) !important;
}
/*--END Gallerie Ende--*/
/*-- my-shortlist --*/
.container-my-shortlist {
  	float: right;
  	z-index:888;
  	position: fixed;
	top: 30%;
	right: 0;
  	background-image: url("../../../../images/oktopus/grafics/bg_top_header.jpg");
 	border-top-left-radius: 5px;
  	border-bottom-left-radius: 5px;
  	border-right: none;
}
.myshortlist_cart_button  {
  	display:block;
   	padding: .5rem .8rem .5rem .5rem;
}
a.myshortlist_cart_button span.fa-bookmark::before {
    color: #fff;
}
.heart-icon, .heart-full-icon {
    color: #fff !important;
    border: none !important;    
    line-height: 39px !important;
}
.heart-icon {
    background: #ff7900 !important;
  	/*background: #62be00 !important;*/
}
.heart-icon:hover {
    background: #ccc !important;   
}
.heart-full-icon {
    background: #C9CACD !important;    
}
.msl_badge {
  border: solid #000 2px !important;
}
/*--Vertriebspartner--*/
.distribution img.vertrieb {
  width:100%;
}
.distribution .blog-item {
  	margin-bottom: 2rem;
}
.distribution .item-content h2 {
  	color: #999;
	font-size: 1.5em;
	border-bottom: solid 1px #efefef;
	border-top: solid 1px #efefef;
}
.distribution .item-content h4 {
    color: #414651;
    margin: .2rem 0;
  	font-size: 1em;
}
.distribution .item-content a{
  color: #414651;
  text-decoration: underline #ff7900;
}
h2.fl{
  padding-left:65px;
  background-repeat: no-repeat; 
  background-position: left center;
  background-size: contain;
}
h2.aus{
  background-image: url("/images/oktopus/flaggen/flagge_australien.jpg");   
}
h2.aut{
  background-image: url("/images/oktopus/flaggen/flagge_oesterreich.jpg");   
}
h2.bellux{
  background-image: url("/images/oktopus/flaggen/flagge_bellux.jpg");   
  padding-left:92px;
}
h2.can{
  background-image: url("/images/oktopus/flaggen/flagge_kanada.jpg");   
}
h2.che{
  background-image: url("/images/oktopus/flaggen/flagge_schweiz.jpg");   
}
h2.dkn{
  background-image: url("/images/oktopus/flaggen/flagge_daenemark.jpg");   
}
h2.esp{
  background-image: url("/images/oktopus/flaggen/flagge_spanien.jpg");   
}
h2.fin{
  background-image: url("/images/oktopus/flaggen/flagge_finnland.jpg");   
}
h2.fra{
  background-image: url("/images/oktopus/flaggen/flagge_frankreich.jpg");   
}
h2.gbr{
  background-image: url("/images/oktopus/flaggen/flagge_uk.jpg");   
}
h2.ger{
  background-image: url("/images/oktopus/flaggen/flagge_deutschland.jpg");   
}
h2.hrv{
  background-image: url("/images/oktopus/flaggen/flagge_kroatien.jpg");   
}
h2.hun{
  background-image: url("/images/oktopus/flaggen/flagge_ungarn.jpg");   
}
h2.isr{
  background-image: url("/images/oktopus/flaggen/flagge_israel.jpg");   
}
h2.nld{
  background-image: url("/images/oktopus/flaggen/flagge_niederlande.jpg");   
}
h2.nor{
  background-image: url("/images/oktopus/flaggen/flagge_norwegen.jpg");   
}
h2.pol{
  background-image: url("/images/oktopus/flaggen/flagge_polen.jpg");   
}
h2.qat{
  background-image: url("/images/oktopus/flaggen/flagge_katar.jpg");   
}
h2.rus{
  background-image: url("/images/oktopus/flaggen/flagge_russland.jpg");   
}
h2.sgp{
  background-image: url("/images/oktopus/flaggen/flagge_singapur.jpg");   
}
h2.svk {
  background-image: url("/images/oktopus/flaggen/flagge_slowakei.jpg");   
}
h2.swe{
  background-image: url("/images/oktopus/flaggen/flagge_schweden.jpg");   
}
h2.sze{
  background-image: url("/images/oktopus/flaggen/flagge_tschechische_republik.jpg");   
}
h2.tur{
  background-image: url("/images/oktopus/flaggen/flagge_tuerkei.jpg");   
}
h2.uae{
  background-image: url("/images/oktopus/flaggen/flagge_dubai.jpg");   
}
h2.usa{
  background-image: url("/images/oktopus/flaggen/flagge_usa.jpg");   
}
/*End Vertrieb*/
/* footer */
.footer .grid-child {
    align-items: center;
    justify-content: space-between;
    padding: .5rem;
  	color:rgba(255,255,255,0.6);  
  	font-size: 1em;
}
.adressdaten-fuss h3{  
  padding-top: 1.6rem;
}
.adressdaten-fuss ul {
  list-style:none;
  padding-left:0; 
  padding-bottom:30px;
}
.adressdaten-fuss ul li{
  line-height: 1.8em;
  padding-top: 2px;
  padding-bottom: 3px;
  color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px dotted #ff7900;
}
.adressdaten-fuss ul li::before {
  padding: 0 10px 0px 0px;
  top: 3px;
  display:inline-block;
  position: relative;
  width:26px;
}
li.footer-home::before {
  content: url("/images/oktopus/grafics/contact-home.svg");
}
li.footer-phone::before {
  content: url("/images/oktopus/grafics/contact-phone.svg");
}
li.footer-mail::before {
  content: url("/images/oktopus/grafics/contact-mail.svg");
}

/*---social icons---*/
ul.footer-wirth {
  list-style-type:none;
  padding-top:0;
  margin-top:0;
}
ul.footer-wirth li{
  padding:6px 0;
}
ul.footer-wirth img.logo{
  height: 39px;
}
li.wirthlogo a{
  display:block;
}
ul.social-icons {
  list-style:none;
  padding-left:0;  
  height:40px;
}
ul.social-icons li{
  float:left;
  padding-right: 4px;
}
a.socials{  
  display:block;
  width:36px;
  height:36px;
  background:#aaa;
  border-radius:18px;  
  transition: all 0.3s ease-in-out;
}
a.socials:hover{  
  background:#ff7900;
}
a.socials img.youtube, a.socials img.linkedin{
  width:20px;
  position: relative;
  top: 3px;
}
a.socials img.youtube {
  	left: 8px;
}
a.socials img.linkedin{
  	left: 9px;
}
li.pflichtangaben a{
  	color:#ff7900;
}
li.pflichtangaben a:hover{
  	color:rgba(255,255,255,0.6);
}

/*--- Artikel ---*/
.agb ul {
  list-style-type: decimal;
}
.agb li, .agb p {
  padding-bottom: .5rem;
  text-align: justify;
}

@media (min-width: 992px) {
.menu-mainmenu .metismenu > li > a::after, .menu-mainmenu .metismenu > li > button::before {
  opacity: 1;
 }
}
@media (max-width: 767.98px) {
  .artikel-geraet {
      grid-template-columns: 100%;
  }
  .artikel-geraet-beschreibung {
      padding: 10px;
      text-align: left;
  }
}
@media (max-width: 767.98px) {
	.grid-child.container-nav  {
      	grid-template-columns: 100%;
  }
  	.container-topbar  {
   		display: none !important;
  }
  	.container-header .grid-child .logoimage{
    	justify-self: center;
  }  
  	.mod-menu.submenu {
  		text-align: left;
  		display: block;
  }
  	.submenu   {
		list-style:square;
  }
  	.menu-submenu a  {
  		border: none;
}
}