/* globale Body Einstellungen */
body {
		height: 100%
}

body {
	background: #898a89; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #898a89, #c9c9c9); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom right, #898a89, #c9c9c9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background-attachment: fixed;
	color:#202020;
	font-size:12pt;
	font-family:Arial,Helvetica,Verdana,Geneva,sans-serif;
}
/* Workaround for mobile Devices (which do not support hovering) */
@media (hover: none) {
   body {
       background-attachment: initial;
   }
}

p {
	text-align: justify;
}

#search input[type="text"]:focus {
	width: 200px;
	}

/* Google Map auf der Referenzseite */
#map_ipcomm {
        height:500px;
}

/* Top : Tabelle */
#ttable {
        border-width:0px;
        border-spacing:5px;
        border-style:outset;
}

/* Top : Tabellenzelle */
#tcell {
        background-color:#E5E5E5;
        text-align:left;
        vertical-align:top;
}

#vtable {
        border-width:0px;
        border-spacing:5px;
        border-style:outset;
}

#vcell {
        background-color:#D8E0FF;
        text-align:left;
        vertical-align:top;
		  /* added by m.ko */
		  padding-left:15px;
		  padding-right:15px;
		  
}

#cathead {
        font-size: 24px;
        font-weight: bold;
        font-style: italic;
        color: #000099;
		  /* added by m.ko */
		  padding-top:15px;
}

#disable {
        font-family: verdana;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        color: #DDDBD7;
        text-shadow: 1px 1px white, -1px -1px #333;
}
 
 /* Added by M.Ko */

/*
Removes white gap between slides - chagnge to base color of slide images
*/
/* .carousel { */
  /* background:#007aeb; */
/* } */

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
  
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}

.carousel-caption{
	position: relative!important;
	left:0!important;
	right:0!important;
	color: rgb(0,0,0,.7)!important;
	padding-top:0!important;
}

.carousel-indicators {
	bottom: -38px!important;
	z-index: 8!important;
}

.carousel-indicators li {    
    background-color: rgba(0,0,0,.1)!important;
	top:115%;
	height:10px!important;
	width:10px!important;
	border-radius:100%;
	margin-left:5px!important;
	margin-right:5px!important;
	cursor:pointer;
	
}
.carousel-indicators .active {
    background-color: rgba(0,0,0,.4)!important;
}

.carousel-control-prev {
	display:none!important;
}
.carousel-control-next {
	display:none!important;
}

a:hover{
text-decoration:underline;
}

/* Grid Layout */
.main {
  margin: 0 auto -60px;
}
.main .img-responsive {
  margin-bottom: 30px;
}

.footer-bs {
   background-color: #f8f9fa;
	padding: 60px 40px;
	color: rgba(0,0,0,.5);
	margin-bottom: 20px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 6px;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(0,0,0,.5); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(0,0,0,.5); /*font-weight:bold; text-transform:uppercase;*/ }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(0,0,0,.7); text-decoration:none; }
.footer-bs .footer-nav h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(0,0,0,.5); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(0,0,0,.7); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 0px;}
.footer-bs .footer-social a { color:rgba(0,0,0,0.5);}
.footer-bs .footer-social a:hover { color:rgba(0,0,0,0.7); text-decoration:none; }

.footer-bs .footer-ns h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(0,0,0,0.70); }

@media (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-ns { border-left:solid 1px rgba(0,0,0,0.1); }
}

/* News Section Style */
.section-description{color:#757575;margin-bottom:4rem;margin-left:15%;margin-right:15%}

@media (max-width:992px)
{.section-description{margin-left:5%;margin-right:5%}}

.fa-angle-right {
    float: right;
	position: relative;
	top: 50%;
}

a {
    color: #0275d8;
    cursor: pointer;
}

div.single-news {
	position:relative;	
}

.fill-div {
	display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
	z-index:6;
	position:absolute;
	top:0px;
	left:0px;
}

.navbar-brand {
	padding-top: 0rem!important;
	padding-bottom: 0rem!important;
	margin-right: 1rem;
}

.navbar-collapse{
	position: relative;	
	top: 14px;
}

.show #searchtext{
	border-bottom-right-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
}

/* no highlights in mobile menu */

/* #navbarTogglerDemo02.show .nav-item  > a, */
/* #navbarTogglerDemo02.collapsing .nav-item  > a { */
	/* background-color:unset!important; */
/* } */

#navbarTogglerDemo02.show .nav-item  > a.active,
#navbarTogglerDemo02.collapsing .nav-item  > a.active {
	
	color:#E5CB89!important;
}


.navbar-inverse.nav-upper {
  height: 50px;
}
.navbar-inverse.nav-upper ul {
  float: right;
  display: table;
}
.navbar-inverse.nav-upper .navbar-upper > li {
  display: table-cell;
  font-size: 14px;
}
.navbar-inverse.nav-upper .navbar-upper > li > a {
  color: #777;
}
@media (min-width: 768px) {
  .navbar.navbar-lower .navbar-nav {
    margin-left: 100px;
  }
}

.navbar-expand-right {
	justify-content: end;
	padding: 0px;
}

.list-group-image{
	min-width:100px!important;
	max-width:100px!important;
	padding:0px!important;
}

.list-group-item{
	padding-top:15px!important;
	padding-bottom:15px!important;
	padding-left:0!important;
	
}

/* Fuer OWF Marker Liste GoogleMap */
#markers .list-group-item {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0 !important;
}

div.single-product {
	position:relative;	
}

.scrollspy-example {
  position: relative;
  height: 500px;
  overflow: auto;
}

  body {
      position: relative;
  }
  ul.nav-pills {		
      position: sticky;
		top:100px;
		position:relative;
		text-align:right;
  }

/* IE-Support for position:sticky;   */
.sticky {
    position: -webkit-sticky!important;
	/* position: -moz-sticky; */
	/* position: -ms-sticky; */
	/* position: -o-sticky; */
    position: sticky!important;
	 top:90px;
}  

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

/* Fixes Offset-Bug im IE11*/
.blockquote{
	/* height: 150px!important; */
	height: auto;
	max-width: 345px;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link
{
	color:#4884ff!important;
	background-color:white!important;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

#search input[type="text"] {
	background-color:#40403F;
	border: none;
	width: 10px;
	padding: 6px 15px 6px 30px;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;

	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	box-shadow:none;
	}

#search input[type="text"]:focus {
	background-color:#f8f9fa;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.fa-search{
	color:#E5CB89!important;
}
.fa-search:hover{
	color:#FFE6B3!important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	
	background-color:#40403F;
	border-style:none;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	margin-bottom: 2px;	

}

.navbar-expand-md .navbar-nav .dropdown-menu {
	
	background-color:#40403F;
	border-style:none;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	margin-bottom: 7px;
}

.dropdown-item {
	color:#E5CB89!important;
	text-shadow: 0 0 1px #C0AD72;
	
}
.dropdown-item:active {
	color:#EFD17A!important;
	text-shadow: 0 0 1px #EFD17A;
	background-color:#40403F;
}

.dropdown-item:focus,.dropdown-item:hover {
		color:#FFE6B3!important;
	text-shadow: 0 0 1px #EFD17A;
	background-color:#40403F!important;
}

.navbar-toggler-icon {
	color:white!important;
}

#navbarTogglerDemo02 {
	font-size:17px;
}


#navbarTogglerDemo02 .nav-item > a {
	color:#E5CB89!important;
	text-shadow: 0 0 1px #C0AD72;
	height: 42px;
	
}
#navbarTogglerDemo02 .nav-item > a:hover {
	color:#FFE6B3!important;
	text-shadow: 0 0 1px #EFD17A;
}

/* Highlight Navitem in active state */
#navbarTogglerDemo02 .nav-item > a.active {
	background-color: #f8f9fa;
	border-radius: .25rem .25rem 0 0;
	color:#40403F!important;
}

#touchProdWiz {
	margin-right:7px;
}

#support.active + .dropdown-menu {
	background-color:#f8f9fa!important;
	border: 1px solid rgba(0,0,0,0.125);
	border-top-style:unset;
}
#support.active + .dropdown-menu > .dropdown-item {
	color: #40403f!important;
}
#support.active + .dropdown-menu > .dropdown-item:hover {
	background-color:#fff!important;
}

/* no highlights in mobile menu (burger) with active "Support-Page" */
#navbarTogglerDemo02.show .dropdown-menu,
#navbarTogglerDemo02.collapsing .dropdown-menu {
	background-color:#40403f!important;
	border-style:none;
}
#navbarTogglerDemo02.show #support.active:hover {
	color:#FFE6B3!important;
}
#navbarTogglerDemo02.show .dropdown-menu > .dropdown-item,
#navbarTogglerDemo02.collapsing .dropdown-menu > .dropdown-item {
	color: #E5CB89!important;
}
#navbarTogglerDemo02.show .dropdown-menu > .dropdown-item:hover,
#navbarTogglerDemo02.collapsing .dropdown-menu > .dropdown-item:hover {
	background-color: #40403f!important;
	color: #FFE6B3 !important;
}

#navbarTogglerDemo02.show a.active,
#navbarTogglerDemo02.collapsing a.active {
	background-color:#40403f!important;
}




#myScrollspy .nav-item > a {
	color:#40403F!important;
}
#myScrollspy .nav-item > a:hover {
	color:#C0AD72!important;

}
#myScrollspy .nav-link.active {
	color:#C0AD72!important;
	font-weight:bold;
}

/* Unterdruecken der Unterstreichungen  */
#myScrollspy .nav-link, a.badge,.navbar-nav .nav-link, .footer-bs a, .dropdown-item a {
	text-decoration:none;
}

h1,h2,h2,h3,h4 {
		color:#99895A!important;
}

.card-title{
	color:#99895A!important;
	font-weight:bold;
}

.fa-search:hover{
	cursor: pointer;
}

.custom-toggler.navbar-toggler {
    border-color: rgb(192,173,114)!important;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(192,173,114, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}
.custom-toggler.navbar-toggler:hover {
    border-color: rgb(239,209,122)!important;
}
.custom-toggler .navbar-toggler-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(239,209,122, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}

/* Tabellenaussehen wiederherstellen */
table {
	border-collapse:separate !important;
}

.dl_link > a{
	color: rgba(0,0,0,.9)!important;
}

.dl_link > a:hover{
	color: rgba(0,0,0,.7)!important;
}

p.card-text > a {
	position:relative;
	z-index: 8;
}

#cathead_pl{
	font-size: 1.5rem;
	font-weight: lighter;
	padding-top: 30px;
	padding-left: 15px;
	padding-bottom: 15px;
}

td {
	padding-left:15px;
	padding-right:15px;
}

td > img {
	padding-bottom:15px;
}

table .img-fluid {
	min-width: 180px;
}

.h1, h1 {
	font-size:2rem!important;
}
.h2, h2 {
	font-size:1.4rem!important;
}

.list-group-item:focus, .list-group-item:hover {
	z-index:unset!important;
}
	
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
	.container {
		max-width:none;
	}
	.h1, h1 {
	font-size:1.6rem!important;
	}
	.h2, h2 {
	font-size:1.2rem!important;
	}
	.tooltip2 .tooltiptext{
	left:  -15%;	
	}
	#nbl{
	margin-left: 10px!important;	
	}
	#nbr{
	padding-left:19px!important;	
	}	
	#touchProdWiz {
		height:32px;
	}
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { 
	.container {
		max-width:none!important;
	}
	.h1, h1 {
	font-size:1.6rem!important;
	}
	.h2, h2 {
	font-size:1.2rem!important;
	}
	.tooltip2 .tooltiptext{
	left:  -15%;	
	}
	#nbl{
	margin-left:10px!important;	
	}
	#nbr{
	padding-left:19px!important;	
	}
	.float-left-img{
		float:left;padding-right:10px;
	}
	#touchProdWiz {
		height:32px;
	}
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
	.container {
			max-width:none!important;
		}
	#navbarTogglerDemo02{
			font-size:12px!important;
	}
	.navbar-brand{
			margin-right:0!important;
	}
	
	.navbar-right{
		top:7px!important;
	}
	.fa-search {
		bottom: 26px!important;
	}
	.dropdown_lang {
			left: -108px!important;
			top: 33px!important;
	}
	.dropdown-menu {
		font-size:12px!important;
	}
	
	#touchProdWiz.button{
		width:113px!important;	
	}
	
	.tooltiptext::after, .tooltiptext::before{
	left: 131px!important;
	}	
	.tooltip2 .tooltiptext{
	left:  -15%;	
	}
	.float-left-img{
		float:left;padding-right:10px;
	}
	
	/* Highlight Navitem in active state */
	#navbarTogglerDemo02 .nav-item > a {
		height: 36px;
	}
	
	.navbar-expand-md .navbar-nav .dropdown-menu {
	top:33px;
	}
	#touchProdWiz {
		height:24px;
	}
 }

/* layoutfix after removing margin:0 from body-element in bootstrap */
/* @media (max-width: 1518px){ */
	div#contentdiv {
		padding-left: 7px;
		padding-right: 7px;
	}
/* } 



/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.container {
			max-width:none!important;
		}
	#sidebar {
			padding-left: 0px!important;
			padding-top: 90px;
	}
	.tooltip2 .tooltiptext{
	left:  -5%;	
	}
	.float-left-img{
		float:left;padding-right:10px;
	}	
	#navbarTogglerDemo02 .nav-item > a {
	height: 42px;	
	}	
	
	.navbar-expand-md .navbar-nav .dropdown-menu {
	top:40px;
	}
	#touchProdWiz {
		height:32px;
	}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	#sidebar {
		padding-left: 0px!important;
		padding-top:90px;
	}
	.container{
		max-width: 1498px!important;
	}
	#contentdiv {
		max-width : 1482px!important;
	}
	.tooltip2 .tooltiptext{
	left:  -5%;	
	}
	.float-left-img{
		float:left;padding-right:10px;
	}
	
	#navbarTogglerDemo02 .nav-item > a {
	height: 42px;	
	}
	
	.navbar-expand-md .navbar-nav .dropdown-menu {
	top:40px;
	}
	#touchProdWiz {
		height:32px;
	}
}

/* Sidebarfix for IE =< 11.0 */
@media screen and (min-width: 992px) and (max-width: 1199px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#sidebar_IEfix{
		margin-top: -88px!important;	
	}
}
@media screen and (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#sidebar_IEfix{
		margin-top: -88px!important;	
	}
}

.responsive-container {
    position: relative;
    width: 100%;
	 background-color:white;
}

.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	padding-top:15px!important;
}

.cookie-disclaimer {
  background: #f8f9fa;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #DCDDDE;
  opacity: 0.9;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9;
  position: fixed;
}

.cookie-disclaimer .container {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 10px;
}

.cookie-disclaimer .cookie-close{
  float: right;
  cursor: pointer;
  font-size: 16pt;
}

.btn-sm {
	font-size:8pt!important;
}

button:focus {
	outline: none!important;
}

.card-img-bottom {
  height:100%;
  border-bottom-right-radius:0!important;
}

#accordion .card-header {
	cursor:pointer!important;
}

/* Avoid 'will-change' Warnung durch Photoswipe*/
.pswp__zoom-wrap {
  will-change: auto !important;
  -webkit-backface-visibility: visible !important;
}

.panel-title > a:before {
    font-family: FontAwesome;
	 font-size:14pt;
    content:"\f147";
    padding-right: 15px;
}
.panel-title > a.collapsed:before {
    content:"\f196";
	 font-size:14pt;
}

.panel-title > a:link {
	color:#212529;
}

.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none!important;
}

.btn.focus, .btn:focus{
	box-shadow: unset!important;
}

#touchProdWiz.button {
	border: 1px solid #555!important;
	background-color:beige;
	padding-top:2px!important;
	padding-bottom:2px!important;
	width:152px;	
	cursor: pointer;
	overflow: hidden;
	padding: 5px 10px;
	position: relative;
	text-align: center;
	transition: 
		background 5s cubic-bezier(0.19, 1, 0.22, 1),
		border 1s cubic-bezier(0.19, 1, 0.22, 1),
		color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	user-select: none;
	border-radius: .25rem;
}

.button a {
	color: #40403f;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	text-shadow: 0 0 1px #C0AD72;
	text-decoration: none!important;
}

.button .mask {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	height: 100px;
	position: absolute;
	transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	width: 200px;
}

.button .shift {
	display: inline-block;
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}

.button:hover a {
	color: #40403f;
}


.button:hover .shift {
	transform: translateX(5px);
}

.button:active {
	background-color: #FFE6B3;
}

.button:active a {
	color: #202020;
}
  
@keyframes button_keys {
	0% { 
	background-color:beige!important;
	border-color:unset;
	}
	50% { 
	 background-color: #40403f!important;
	}
	100% { 
		background-color: #beige; 
		}
}

@keyframes mask_keys {
	0% { 
			background-color: #fff;
			transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
	}
	100% { 
			transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
		}
}

@keyframes link_keys {
	0% { 
		color: #40403f;
	}
	100% { 
		}
}


.tooltiptext {
	position: relative;
	background: white;
	border: 1px solid #dfdfdf;
	width:300px;	
	border-radius:6px;
}
.tooltiptext:after, .tooltiptext:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltiptext:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: white;
	border-width: 15px;
	margin-left: -15px;
	left: 143px;
}
.tooltiptext:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #dfdfdf;
	border-width: 17px;
	margin-left: -17px;
	left: 143px;
}

.tooltip2 {
    position: relative;
    display: inline-block;
}

.tooltip2 .tooltiptext {
    visibility: hidden;
    color: #40403f;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 134%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
	 box-shadow: 0px 2px 13px #909090;
}

.tooltip2:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
padding-right: 0!important;
}

.modal {
 overflow-y: auto;
}

.modal-open {
 overflow: auto;
}

.ipcomm-table td, .ipcomm-table th{
	padding: 0px 15px 0px 35px!important;
}
.ipcomm-table td p, .ipcomm-table th p{
	margin-bottom: 0px!important;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
}

div.card ul.list-group.list-group-flush li.list-group-item ul {
	list-style:inherit;
}

@media (max-width: 767px) {  
	.identfix {
		padding-left: 1rem!important;
	}
}

/* .pswp_custombg { */
	/* background-color: #f8f9fa; */
/* } */

.topAccordionHeading {
	width:100%;
	background-color:#40403F!important;
	color:#E5CB89!important;
	/* padding: 4px 20px 2px 20px!important; */
	padding: 13px 20px 11px 20px!important;
	border-radius: calc(.25rem - 1px)!important;
	margin-bottom:5px!important;
}
.topAccordionHeading p {
	/* font-size:1.5rem; */
	/* line-height:36px; */
	font-size:1.1rem;
	line-height:24px;	
	font-weight:400;
}

.collapsed + .mb-5px {
	border-color:#f8f9fa!important;
	/* transition-timing-function: ease-out; */
	/* transition: 0.2s; */
	margin-bottom:0!important;
}

.mb-5px {
	margin-bottom: 5px;
}

/* target IE-only (10,11) */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.cardTop {
		width: 100%;
	}

	.aspectTop {
		height: 100%
	}
	/* fuer ipConv4 Artikel relevant (IE-only)*/
	.card-img-top {
		height: 100%!important;
	}
}

/* target all Browsers but IE */
@supports not (-ms-high-contrast: none) {
   /* Non-IE styles here */
	.cardTop {
	width: 100%;
	height: 100%
	}
}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
/* [style*="--aspect-ratio"] > img {   */
  /* height: auto; */
/* } */

@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}

section[id]::before {
    content: '';
    display: block;
    height: 68px;
    margin: -68px 0 0;
}

h4.ccm-cookie-declaration--purpose--title {
	background-color: #40403f;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 6px!important;
	padding-bottom: 7px;
	border-radius: 0.25rem;
	padding-left: 24px;
	padding-right: 24px;
	color: #E5CB89!important;
}

section.ccm-cookie-declaration--embedding, div.ccm-cookie-declaration--intro {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 5px;
}	

div.ccm-cookie-declaration--intro {
	padding-top: 15px;
}

div.ccm-cookie-declaration--change-consent {
	padding-left: 1.25rem;
   padding-top: 9px;	
}

section#REF1 {
	 position: relative;
    z-index: -1;
}