/* @media screen and (max-width:767px){.container{padding-left:0px !important;padding-right:0px !important}} */
/* -- START mainmod.css -- */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-top: 5px;
    /* padding-left: 5px; */
}

.col-sm-5ths, .col-md-5ths {
    width: calc(20% - 5px);
    /*float: left;*/
}
@media screen and (max-width:991px){
.col-md-5ths {
  width: calc(50% - 5px);
  }
}

@media screen and (max-width:767px){
.col-md-5ths {
  width: calc(100% - 5px);
  }
}

#c70146 .masonry .thumbnail { margin-bottom:0; }
#c70146 .masonry .thumbnail a {color: #980A2B; pointer-events: inherit;}

#c70146 .masonry .thumbnail .TLink a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    opacity:0;
}

.masonry .stamp {
  position: absolute;
  /*background: orange;
  border: 4px dotted black;*/
}

.masonry .stamp-map {
  right: 0;
  bottom: 0;
  width: 40%;
  padding: 8px 5px 0 0;
}

.wsak-header {
  margin: 50px 50px 0 50px;
}

.wsak-header .btn {
    padding: 16px;
}


h5.wsak { color: #980A2B; font-size:3em; margin: 0;padding: 0;}


div.container-fluid.red-bg-top { background-color: #980A2B; margin: 15px 0 30px 0; }

#footer {padding-top: 30px;}

div.container-fluid.red-bg-top h1 { color: white; font-size: 2.1em;}
div.container-fluid.red-bg-top h2 { color: white; font-size: 2.1em; margin-top: .5em;}
div.container-fluid.red-bg-top p { color: white; font-size: 1.3em;}


div.container-fluid.grey-bg-bottom{ background-color: #e7e7e7; margin: 15px 0 30px 0; }

@media (max-width: 767px) {

div.container-fluid.red-bg-top h1,
div.container-fluid.red-bg-top h2 {font-size: 1.5em;}

}


div#masonry-grid .media { margin-bottom: 10px; }

.btn {
    white-space:normal !important;
    word-wrap:break-word;
}

#accordion .panel-heading, #accordion2 .panel-heading {
    cursor: pointer;
}

#accordion .panel-heading.accordion-toggle h1:after, #accordion2 .panel-heading.accordion-toggle h1:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    position: relative;
    float: right;
    color: grey;
}

#accordion .panel-heading.accordion-toggle.collapsed h1:after, #accordion2 .panel-heading.accordion-toggle.collapsed h1:after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  }

.img-responsive {width: 100%;}
.nav-tabs {margin-left:0px; margin-right:0px;}
.comment-quote:before {content: '"';}
ul.dropdown-menu .pull-right {margin-right: -2em;}
/* div#c38223 li {margin-right: 1em;} */
/*Sets the visual listbar width to 400 px and realigns it above the icon. */
 .jw-skin-seven .jw-overlay .jw-playlist-container {
   width:400px;
   left:-20%;
 }
.jw-playlist .jw-name {
  width: 100% !important;
  }
.video-statement-item {display: inline-block; height: 130px; vertical-align: top; z-index:2;}
div.video-statement-item-play {position: absolute;}
a.fancybox-jwplayer-html5:hover div.video-statement-item-play,
a.fancybox-jwplayer:hover div.video-statement-item-play {background: url(../../img/play.png) center center no-repeat;opacity: 1; filter: alpha(opacity=100);}
a.fancybox-jwplayer-html5 div.video-statement-item-play,
a.fancybox-jwplayer div.video-statement-item-play {background: url(../../img/play.png) center center no-repeat; opacity: 0.7; filter: alpha(opacity=70);}
/* a.fancybox-jwplayer:hover div.video-statement-item-play:before {
  font-family: "Glyphicons Halflings";
  content: "\e029";
  font-size: 26px;
  color: #FFF;
}*/
.video-statement-imgcaption {font-style: italic; text-align: center;}

div.thumbnail figure {margin-bottom: 0px !important;}

/* Nivo-Slider adjustments */
.theme-light.slider-wrapper {padding: 0px;}
.theme-light .nivoSlider {margin-bottom: 0px; z-index:2;}


.csc-subheader {font-weight:bold; color:#AA0000;}
DIV.csc-textpic DIV.csc-textpic-single-image IMG {margin-bottom: 0px !important;}
.csc-header img {margin-top: 15px; display: block;}
/* .tx-imagecycle-pi1 { border: 1px solid #BBB; } */
.tx-flvplayer2-pi1 { margin-bottom: 15px; }
/* Fix ImageCycle - Sebastian, 2016 */
div.tx-imagecycle-pi1 { width:100%!important; overflow: hidden;}
div.thumbnail > div.tx-imagecycle-pi1 { width:inherit !important; overflow: hidden;}
span.center-box > div.tx-imagecycle-pi1 {width:initial !important; overflow: hidden;}
.imagecycle-caption {display:inline;padding:.2em .6em .3em;font-weight:400;color:#000!important;line-height:1;background:none repeat scroll 0% 0% #FBFBF8!important;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;align:center;}

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {color:#FFFFFF !important;}
#sb-player.html {background:none repeat scroll 0 0 #FBFBF8;}

.sbfolderdownload {display: block, padding: 2px; float: left;}

th p {margin:0 0 0 0 !important;}

ul.navigation a{ font-size:120%; font-weight:bold !important; color:#AA0000!important; }

.scrollButtons.right {right:-5px !important;}
.scrollButtons.left {left:0px !important;}
.scrollButtons {position:inherit !important; top:-20px !important; }

#util-int {
  z-index: 1000;
}
#util-regions {
  display: none; /* hidden by default, will be shown by jQuery */
  width: 95%;
  margin: 0 auto;
  height: auto;
  position: relative;
}
.util-regions {
  display: none; /* hidden by default, will be shown by jQuery */
  width: 870px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
#languageselector{
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}



fieldset.tx-powermail-pi1_fieldset_36 label { width: 300px !important; }

.align-center { text-align: center; }
.align-left { text-align: left; }

.attributesList > li > span.text {margin-left:5px; color:#777;}
.tx-locator-pi1 .listView .odd { background-color: #F2F2F2 !important;}
.tx-locator-pi1 table { width: 100% }
.tx-locator-pi1 table ul, .tx-locator-pi1 table ol, .tx-locator-pi1 table dl{ margin: 0; }
.tx-mhtreeview { height: 72px !important; width: 100&; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.viaButton { display: none; }
.searchResultTable tr { border-bottom: 1px dashed #CCCCCC !important ; }
.tx-locator-pi1 .searchResultTable td { background-color:#FFFFFF !important ; }
/* .tx-locator-pi1 { overflow: hidden; } #buggy, deactivated */

#wt_contentchange_link { margin-top: -21px; }

#pano { display: none; }
#router { display: none; }

.rgmediaimages-player { color: #FFF; }

.csc-uploads-fileSize p{ padding-left: 6px; font-size: 70%; }
.csc-uploads-fileName p{ padding-left: 6px; font-size: 90%; }

.latitude { display: none; }
.longitude { display: none; }
.selectCountry { display: none; }
.products { display: none; }

ol {
list-style-type: decimal;
}

ol.feature-list {
    counter-reset:item;
    margin:0;
    padding-left:0;
}
ol.feature-list li {
    counter-increment: item;
    list-style: none inside;
    margin: 5px 0;
    overflow: hidden;
}
ol.feature-list li:before {
    content: counter(item);
    margin-right: 10px;
    padding: 8px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #980a2b;
    color: #fff;
    text-align: center;
    float: left;
    font-weight: bold;
    font-size: 1.5em;
  width: 2em;
  line-height: 1em;
    
  
}
ol.feature-list li h2 { margin-top: 10px;}


.typo3-adminPanel {
font-size:120%;
}

a, a em.file {
  color: #006699;
  text-decoration:none;
  }
a.internal-link:hover {text-decoration:underline;}
a:hover {text-decoration:underline;}

/*
a:hover {color:#a00; background-color: #fddddd ;}
a.internal-link:hover {background-color: #fddddd ;}
h1 a:hover {background-color: #fddddd ;}
h2 a:hover {background-color: #fddddd ;}
h3 a:hover {background-color: #fddddd ;}
h5 a:hover {background-color: #fddddd ;}
*/

.flvplayer_listpic_firstofrow {
height:140px;
width:140px;
margin-bottom: 8px;
}
.flvplayer_listpic {
height:140px;
width:140px;
margin-bottom: 8px;
}

.flvplayer_listpic_no {
height:140px;
width:140px;
margin-bottom: 8px;
}

.flvplayer_listpic_lastofrow {
height:140px;
width:140px;
margin-bottom: 8px;
}

#flvplayercaption {
float:none;
}

.selectorBox {
background:#FFF url(../../img/kybun/kybun-swissmade.png);
display:block;
height:50px;
left:-5px;
position:absolute;
top:270px;
width:175px;
}

.tx-locator-pi1 td {
border:medium none;
margin:2pt;
padding:2pt;
}

.tx-locator-pi1 tr {
border:medium none;
margin:2pt;
padding:2pt;
}

#map {
margin-top:75px;
}

.tx-locator-pi1 .selectCategory {
width:118px;
}

#tx-locator-pi1 input, #tx-locator-pi1 textarea {
background:#CCC none repeat scroll 0%;
border:1px solid #CCCCCC;
color:#777777;
padding:2px;
width:auto;
}

.tx-clcompanydatabase-pi1-listrow td {
padding-top:10px;
}

.tx-dropdownsitemap-pi1 {
padding-left:10px;
width:200px;
}

.tbl_titel {
border-top:1px solid #990033;
color:#000000;
margin-bottom:0.5em;
padding-top:6px;
margin-top:20px;
margin-bottom:-12px;
color:#AA0000;
font-size:1.1em;
font-weight:bold;
}

.activeLinkWrap {
font-weight:bold;
}

blockquote table p {
line-height:1.5em;
margin:0pt 0pt 1pt;
}

.news-single-img {
float:right;
width:250px;
}

.tx-keyac-pi1 td {
padding:1pt;
}

.tx-keyac-pi1 table.calendar {
border-collapse:separate;
}

#lightbox {
z-index:1001;
}

#overlay {
z-index:1000;
}

.tx-ttnews-browsebox {
margin-bottom: 15px;
text-align: center;
}

#staff-list-container {
border:0px solid #000000;
}

#staff-list-container table {
width: 99%;
}

#staff-list-item {
border-bottom:1px dashed #CCC;
border-top:1px dashed #CCC;
}

#staff-hierarchietree-ACT a {
font-size:10px;
line-height:1em;
margin-left:5px;
padding:0px;
text-decoration:none;
vertical-align:middle;
font-weight:bold;
}

#staff-list-item .staff-list-name {
font-size:11px;
vertical-align:middle;
width:140px;
}

#staff-single-list ul {
border-top:0px solid #FFF;
height:1.35em;
line-height:1.35em;
margin:0pt;
width:100%;
}

#staff-single-list #staff-units li {
background:transparent none repeat scroll 0%;
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin-bottom:5px;
margin-left:35px;
}

#staff-single-list li {
border-bottom:0px solid #FFF;
color:#000;
float:left;
padding:4px 10px;
white-space:nowrap;
width:100%;
}
/* Team layout mobile styling */

.tx-wecstaffdirectory-stafflist {
  position: relative;
}
.tx-wecstaffdirectory-stafflist div:nth-child(2),
.tx-wecstaffdirectory-stafflist div:nth-child(3){
  width:70%;
}
.tx-wecstaffdirectory-stafflist div:nth-child(4) {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {
  .tx-wecstaffdirectory-staffpage .maincontent,
  .tx-wecstaffdirectory-fieldDescription,
  .tx-wecstaffdirectory-fieldLabel{
    width: 100%;
  }

  .tx-wecstaffdirectory-fieldLabel {
    font-weight: bold;
    padding-left: 0;
    margin-bottom: 5px;
    border-bottom: 1px #ccc solid;
  }
}
/* Team layout mobile styling end */

.contenthaupt textarea {
background:#FAFAFA none repeat scroll 0%;
border:1px solid #CCCCCC;
color:#777777;
font-size:14px;
padding:2px;
width:auto;
}

.newsflash {
margin-bottom: 20px;
}

/*
#headerimage {
position:absolute;
width:900px;
z-index:5;
height:120px;
}
*/

fieldset.tx-powermail-pi1_fieldset {
/* Disable border */
border: none;
}

fieldset.tx-powermail-pi1_fieldset label {
/* Style labels */
display: block;
width: 140px;
float: left;
clear: both;
}

div.tx_powermail_pi1_fieldwrap_html {
/* Increase margin between every field */
margin: 5px 0;
}


.contenttable td { padding-right: 25px; }
.contenttable td { padding-left: 10px; }
.contenttable td p { margin: 0 0 0 0; }
.bordertable td { border: 2px solid; }

.addthis {top: 490px; left: 20px; position: absolute; margin-top:25px; }

.rgsgcontent { font-size: 125%; }
.tx-locator-pi1 .poiTable { display: none; }

@media screen and (max-width: 767px) {
.poiTableDiv:before, .table-responsive:before {
    padding: 3px 5px 0 2px;
    font-family: "Glyphicons Halflings";
    font-weight: 400;
    font-size: 170%;
    content:"\e120";
    color: #333;
    /* content: "« »"; */
    background: #fff;
    position: absolute;
    right: 0px;
    border-right: 1px solid #dddddd;
 }
.table-responsive:before {
    right: 10px;
 }
}

#mapAll { width: 100% !important; overflow: hidden; }
.tx-locator-pi1 table { font-size: 75%; }

/*h3 { padding-top: 0px !important; margin-top: 0px !important; }*/
h2 { padding: 0px !important; }

#datensatz-meinung {
  width:100%;
  margin-bottom: 33px;
      }

/* 5 columns by default */
.grid-sizer { width: 100%; position: absolute; }

@media screen and (min-width: 768px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 50%; position: absolute; }
  #datensatz-meinung { width:48%; }
}


#datensatz-meinung .sprechblase p {
  margin-right: 84px;
  font-style: italic;

}

#datensatz-meinung .sprechblase h3 {
margin-right: 110px;
}

#datensatz-spottedinkyboot h3 {
  margin: 0;
  padding: 5px;
  color: #000;
  background-color: #e7e7e7;
}

#datensatz-meinung .sprechblase:before{
    color: rgba(34, 34, 34, 0.3);
    position: absolute;
    content: '\0022';
    font-size: 150px;
    line-height: 0px;
    font-style: italic;
    top: 40px;
    right: 20px;
    font-family: Cambria, Georgia, serif;
}


#datensatz-meinung .sprechblase {
  /* width: 100%; */
  background: none repeat scroll 0% 0% rgb(251, 251, 248);
  padding:12px;
  position: relative;}

#datensatz-meinung-small .sprechblase {
  background: none repeat scroll 0% 0% rgb(251, 251, 248);
  padding:12px;
  margin-bottom: 12px;
  position: relative;}


.meinungen-list-container .strich {
      border-bottom: 1px solid rgba(0,0,0,0.2);
      margin:10px 110px 10px 0;
      position: relative;
}

#datensatz-meinung .img {
      position:absolute;
      bottom:-10px;
      right:10px;
      z-index:2;
}

#datensatz-meinung .rund50{
      border-radius:50%;
}

#datensatz-meinung-small img {
      float: left;
      padding: 5px;
}


.country-icon-opinions {right: 3px; bottom: -3px; z-index:2; position:absolute; opacity: 0.5;}

.news-catmenu .level1 {
 margin-left: 10px;
 font-weight: bold;
 font-size: 16px;
}
.news-catmenu .level2 {
 margin-left: 15px;
 font-weight: bold;
 font-size: 95%;
}

.news-catmenu .level3 {
 margin-left: 15px;
 font-weight: normal;
 font-size: 90%;
}

.news-catmenu .level4 {
 margin-left: 15px;
 font-weight: normal;
 font-size: 85%;
}

.news-catmenu-NO {
 margin-bottom:0.1em !important;
}

.news-catmenu-header { padding-bottom: 15px;}

table p { margin: 0 0 0 0; }

/* .fancybox-overlay a:hover {background-color: transparent !important;} */
#fancybox-buttons a:hover {background-color: transparent !important;}
.fancybox-skin {background: none repeat scroll 0% 0% #FFF !important;}

label.powermail_label {width: 300px; display: block; margin-top:10px;}
.powermail_field powermail_submit {margin-top:10px;}
div.tx-powermail input { width: 280px !important; }
div.tx-powermail textarea { width: 280px !important; }

#c8285 .irfaq-search-form{
  text-align:center;
}

#c8285 .irfaq-search-form input{
  width: 500px;
  height: 20px;
  margin-top: 5px;
}

#c8285 .irfaq-search-form-submit input{
  width:200px;
  height: 20px;
  display: block;
  margin-left: 40%;
}

p.csc-section {margin: 0 0 0.4em}

/* #datensatz-spottedinkyboot {margin-bottom: 6px; border: 1px solid #dddddd; background-color: rgb(255, 255, 255); border-radius:10px;} */

#footer {
color: #999999;
  /*
font-size:10px;
padding: 15px;
  */
border-top: 4px solid #980A2B;
margin-top: 10px;
/* border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; */
background: rgb(231,231,231); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,231,231,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#footer h2 { color: #980A2B; }
#footer a { color: #999999; font-size:11px; }
#footer ul { list-style-type: none; margin:0; }
#footer li { margin-left:0; }

table.styledtable-narrow{margin:1.42em 0px 0px;width:100%;color:rgb(51,51,51);border-top-color:rgb(204,204,204);border-bottom-color:rgb(204,204,204);border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-collapse:collapse;}

table.styledtable-narrow th{padding:0px 0.5em;line-height:1.42em}
table.styledtable-narrow td{padding:0px 0.5em;line-height:1.42em}
.styledtable-narrow th *:first-child{margin-top:0px}
.styledtable-narrow td *:first-child{margin-top:0px}
.styledtable-narrow thead th{color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-bottom-width:2px;border-bottom-style:solid}
.styledtable-narrow tbody th{border-top-color:rgb(204,204,204);border-top-width:1px;border-top-style:solid}
.styledtable-narrow tbody td{border-top-color:rgb(204,204,204);border-top-width:1px;border-top-style:solid}
.styledtable-narrow tbody tr:hover th{background:rgb(248,248,248)}
.styledtable-narrow tbody tr:hover td{background:rgb(248,248,248)}

/* temporary fix für Table Stylin */
table.styledtable.narrow, table.styledtable.narrow tbody th {border-top:0;}
table.styledtable.narrow tbody th{border-bottom: 2px solid #A00; padding-bottom: 5px;}



.navbar-custom {
  background-color: #428bca;
  border-color: #337ab7;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #337ab7;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #337ab7;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #dbdbdb;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #dbdbdb;
  background-color: #337ab7;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #3379b5;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #dbdbdb;
  border-bottom-color: #dbdbdb;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #337ab7;
  color: #dbdbdb;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #dbdbdb;
  border-bottom-color: #dbdbdb;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.glyphicon.nav-chevron {
  top: 3px;
  left: 3px;
  right:3px;
  }
/* overwrite videos max-width on mobile devices (message to self, sorry about important rules)
@media (max-width: 767px) {
 [id*="mediaspace"][style],
  [id*="mediaplayer"][style]{
    max-width:100% !important;
    max-height: 275px !important;
  }
  [id="datensatz-spottedinkyboot"][style]{
    width: 100% !important;
  }
*/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ytp-large-play-button {
    
}

.videoWrap.embed-responsive.embed-responsive-16by9{
   margin-bottom: 20px;
  padding-bottom: 41.25%;
  }

.videoWrap {
   margin-bottom: 16px;
  }
@media screen and (min-width:991px){
.videoWrap video{

  max-height:228px;
}
}




  /* Form Labels */
  fieldset.csc-mailform .csc-mailform-field label {
    text-align: left;
    display: block;
    width: 100%;
  }
  fieldset.csc-mailform .csc-mailform-field input,
    input#mailformformtype_mail {
    margin-left: 0;
  }
  div#main input[type="text"] {
    width: 100%;
  }

  /* /produkte-verkauf/kybun-produkte/kyboot.html */
  #c32395 .carouselContainer {
    margin-top: 5px;
  }
  #c32395 .carouselContainer, #c32393 .carouselContainer {
    width: 100% !important;
  }
  #c32395 .caroufredsel_wrapper[style], #c32393 .caroufredsel_wrapper[style] {
    width: 100% !important;
  }

  .glyphicon + .visible-xs-inline {
    margin-left:5px;
  }
  /* table mobile styling */

  table.styledtable {
    table-layout:fixed;
    width: 100%;
  }

  table.styledtable td {
  /*  padding: 0 0 0 2px; */
    font-size: 11px;
    word-wrap: break-word;
    text-align: left;
  }
  table.styledtable td:first-child {
    padding-left:0;
  }
  table.styledtable th:first-child {
    padding-left:0;
  }
  table.styledtable td:nth-child(3) {
    width: 35%;
  }
  .contenttable td {
    display: block;
  }
  .contenttable td[style]{
    width: 100% !important;
  }

  #__ss_9067915[style]{
    max-width: 100%;
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
  }
  #__ss_9067915 iframe{
    /*max-width: 100%;
    max-height: 350px;*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

  /* overwrite old typo3 pages with page margin styling */
  #page_margins {
    width: 100%;
  }
  #newsentry-list, .newsentry2v {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    border: 1px solid #dddddd;
    border-radius: 4px;
  }

  .fancybox-title-float-wrap .child {
    white-space: normal !important;
  }

}


@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #dbdbdb;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #dbdbdb;
    background-color: #337ab7;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #dbdbdb;
}

/***
.masonry .thumbnail {
  margin-bottom: 10px;
}

.masonry .grid-sizer,
.masonry .thumbnail {
  width: 13.3%;
  height: auto;
}
***/
.thumbnail div.caption {
  padding: 9px 4px;
}


.masonry .thumbnail .caption {
  display: none;
}

.masonry .thumbnail .glyphicon-remove {
  font-size: 2em;
  right: 0.85em;
  top: 0.5em;
  position: absolute;
}

.kyb-product-lg {
  /* width: 36.5% !important; */
  width: 42% !important;
  height: auto;
}

.kyb-product-lg-39 {
  /* width: 39% !important; */
  width: 39% !important;
  height: auto;
}

/***
@media screen and (max-width:767px){
.masonry .grid-sizer,
.masonry .thumbnail {width: 31%;}
.kyb-product-lg {width: 99% !important;}
}
***/

.masonry .thumbnail:hover {
  background: #FFF;
  border-color: black;
  cursor: pointer;
}
/* temp animated gif improvements */
  #c8878 img {
    width: 90%;
    display: block;
    margin: 5px;
  }
.col-md-8 .csc-default { position: relative; }
.home-headline {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    color: #aa0000;
    position: absolute;
    top: -180px;
    padding: 10px 50px 10px 10px;
    font-size: 32px;
    line-height: 1-2em;
    font-weight: bold;
    pointer-events: none;
}
.csc-default .csc-bulletlist li:empty {display:none;}
.title-landingpage {font-size: 40px;}
@media screen and (max-width:767px) {
.title-landingpage {font-size: 20px;}
}
/* LPs Styling for image text */
img[src*="LP-kybun"] + figcaption.image-caption {
    font-size: 12px;
    position: absolute;
    bottom: 16px;
    left: 0;
    background-color: #980A2B;
    border: 4px solid #980A2B;
    color: #fff;
    opacity: 0.8;
}




.center-box {
    width:100%;

    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.text-muted{color:#777}
.video-gallery-item a:hover {
 text-decoration: none;
}
.cd-top { z-index:2;}
div.alert-danger {
    background-color: #980124;
    border-color: #980124;
    color: #fff;
}

div.alert-coupon {
    background-color: #fff;
    border-color: #980124;
    border-style: dashed;
    border-width:2px;
    color: #333;
    padding: 5px 5px;
}

div.alert-coupon .csc-textpic-text {
    padding: 0 20px;
}


div.alert-coupon h1 big {
    font-size: 2em;
}

div.alert-black {
    background-color: #000;
    color: #333;
    padding: 10px 15px;
}

div.alert-black h1 {
    font-size: 0.9em;
    color: #fff;
}
div.alert-black p {
    font-size: 10px;
    color: #fff;
}

div.alert-offer {
    /*background-color: #000;*/
    border-color: #31708f;
    border-width:1px;
    color: #31708f;
    padding: 15px 15px 5px 15px;
}

div.alert-offer h1 {
    color: #31708f;
    margin-bottom: 10px;
}
div.alert-offer p {
    color: #31708f;
}
div.alert-offer .glyphicon.icon-2x {
    top: 5px;
    margin-right:-10px;
}

div.alert-bullet {
    background-color: #fff;
    /*border-color: #ddd;*/
    margin-bottom: 5px;
    padding: 0 10px;
}
div.alert-bullet h1 {
    margin-bottom: 16px;
}

div.alert-info h3 {
  font-size: 1.2em;
  color: #31708f;
}


/* icon sizing */
.icon-3x, .icon-4x, .icon-5x {
    margin: 0 12px 0 0;
}
/* nur plus icon */
.icon-2x {
    font-size: 1.8em;
}

.glyphicon.icon-2x {
    top: 8px;
    color: #980A2B;
}

.glyphicon.icon-red {
    color: #980A2B;
}
.glyphicon.icon-green {
    color: #229507;
}

/* end */
.icon-3x {
    font-size: 2.5em;
    color: #777;
}

.icon-4x {
    font-size: 2.9em;
}
.icon-5x {
    font-size: 5em;
}

.icon-white {
    color: #fff;  
}

.glyphicon-map-marker{
    /*min-height: 90px;*/
}

.glyphicon-home:before {
    font-size: 16px;
}

/*.glyphicon-home {
    background-image: url(../../img/icons/kybun-home.png);

}*/

/* icon plus and flash list */


/* nested alert reduced margin and padding*/
div.alert .alert { margin-bottom: 0; padding: 10px;}

.plus-bullet, div.alert-bullet ul, div.alert-flash ul, div.alert-bullet-kybun-joya ul {
    list-style-type: none;
}


.plus-bullet li, div.alert-bullet ul li, div.alert-flash ul li, div.alert-bullet-kybun-joya ul li {
    display: block;
    margin-bottom: 12px;
    margin-left: 14px;
    font-weight:normal;
    line-height: 1.4em;
    font-size:1.1em;
    
}

div.alert-flash ul li {
    display: inline-table;
    margin-left: 0;
    margin-right: 16px;
}


.plus-bullet li:before, div.alert-bullet ul li:before, div.alert-flash ul li:before, div.alert-bullet-kybun-joya ul li:before
{
    content: "\e081";
    font-family: 'Glyphicons Halflings';
    font-size: 21px;
    font-weight:bold;
    float: left;
    margin-left: -25px;
    color: #980a2b;
}

div.alert-bullet-kybun-joya ul li:before
{
    color: #009470;
}

div.alert-flash ul li:before
{
    content:"\e162";
    color: #428bca;
    margin-left: -16px;
}

div.alert-flash p {
    font-size: 1.0em;
}

div.alert-flash em.glyphicon {
    font-size: 1.5em;
    position: relative;
    top: 0;
    left: -5px;
}

/* new badge style */
.badge.badge-new {
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: #980A2B;
    padding: 7px;
    border-radius: 50%;
    border: 2px solid #ffffff;
}



/* map & legend styling */
#mapAll {
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

div.well p img[src*="map_point"], div.well p img[src*="MP"] {
    margin-left: 5px;
}

div.well p.smallText span {
    display:inline-block;
}


#c54865 div.well-sm  ul li {
      line-height: 1.5em;
}

/* news background */
.owl-item .panel.panel-new {
    border-width: 1px 0 0 0;
  border-radius: 0;
}
.panel-new {
    /*background-color: #f8f8f8;*/
}


.panel-new.panel.panel.panel-default {
    position: relative;
}
.panel-new.panel.panel-default h3 {
    bottom: 0;
    position: absolute;
    background: #f8f8f8;
  border-top: 8px solid #f8f8f8;
    display: block;
    width: 100%;
    left: 0;
    margin-bottom: 0;
    padding: 10px;
    min-height: 55px;
}
.panel-new.panel.panel-default h3 a {
    margin-top:10px;
}
.panel-new .panel-body {
    padding:4px;
}
.panel-new .panel-body p {
    padding:10px;
}


/* Divider clear fix */
.divider { clear: both; overflow: hidden;}

/* Teaser styling home */
.thumbnail { position: relative;}
.thumbnail h6.kybun, .thumbnail h5.kybun, .thumbnail h4.kybun {
    background: rgba(152,10,43,0.9);
    position: absolute;
    bottom: 10px;
    right: 0;
    color: #fff;
    text-align: right;
    font-size: 1.2em;
    padding: 2px 14px;
    /*width: 60%;*/
    pointer-events: none;
}

.thumbnail h5.kybun, .thumbnail h4.kybun {
    background: rgba(255,255,255,0.9);
    color: #980A2B;
    width: 100%;
    text-align: center;
}
.thumbnail h4.kybun {
    font-size: .8em;
    border-bottom: 0;
}
div[class*='box-'] a {
    position: relative;
    margin-bottom: 20px;
}



div[class*='box-'] a.fancybox-close {
    position: absolute;
    margin-bottom: 0;
}

div[class*='box-'] a {
    display: block;
}

div.fancybox-skin a {
    position: inherit;
    margin-bottom: 0;
  display: inline;
}

div[class*='box-'] a h3 {
    color: #980A2B;
    width: 100%;
    text-align: left;
  
    font-size: 1.5em;
    position: absolute;
    bottom: 5px;
    left: 0;
    margin-bottom: 0;
    padding: 6px 5px 3px 10px;
    color: #fff;
    text-decoration: none;
    background:-color: #e7e7e7;
    border: 2px 0 solid #fff;
    transition: all 0.5s ease-out;
}
/*
[class*='box-'].col-md-3 a h3, [class*='box-'].col-md-5ths a h3 {
    font-size: 1em;
}
*/

@media screen and (max-width:568px){
div[class*='box-'] a h3 {
    font-size: 1em;
  }
}


div[class*='box-'] a h4 {
    color: #fff;
    width: 100%;
    text-align: left;
    font-size: 1.0em;
    line-height: 1.2em;
    position: absolute;
    bottom: 5px;
    left: 0;
    margin-bottom: 0;
    padding: 0px 5px 6px 10px;
    font-weight: bold;
    border: 0;
    transition: all 0.3s ease-out;
}

div[class*='box-'] a h4 {
   opacity: 0;
}
div[class*='box-'] a:hover h4 {
    opacity: 1;
    transition: all 0.5s ease-in;

}
div[class*='box-'] a:hover h3 {
    padding-bottom: 36px;
    transition: all 0.3s ease-in;
}


/*#c88653 div[class*="box-"]:after, #c90345 div[class*="box-"]:after, #c90416 div[class*="box-"]:after, #c90430 div[class*="box-"]:after, div[class*="box-20"]:after*/
div[class*='box-']:after {
display: block;
position: relative;  

background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 55%, rgba(40, 39, 39, 0.6) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 55%,rgba(40, 39, 39, 0.6) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 55%,rgba(40, 39, 39, 0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00000000)";
  

  margin-top: -150px;
height: 150px;
width: 100%;
content: '';
pointer-events: none;
bottom: 20px;
}

div[class*='fancybox-']:after {
 

background: none;

}

/* TEST 25%
#c88748 div[class*="box-"]:after {
display: block;
position: relative;  

background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 25%, rgba(119, 119, 119, 0.6) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 25%,rgba(119, 119, 119, 0.6) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%,rgba(119, 119, 119, 0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#77777777',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#77777777)";
  

  margin-top: -150px;
height: 150px;
width: 100%;
content: '';
pointer-events: none;
bottom: 20px;
}

*/

/* TEST 1

#c88649 div[class*="box-"]:after {
display: block;
position: relative;
background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0) 33%,#000000d9 100%);  
margin-top: -150px;
height: 150px;
width: 100%;
content: '';
pointer-events: none;
bottom: 20px;

}*/

/*
#c88649 div[class*="box-"]:after {
display: block;
position: relative;  

background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 33%, rgba(40, 39, 39, 0.6) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 33%,rgba(40, 39, 39, 0.6) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33%,rgba(40, 39, 39, 0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00000000',GradientType=0 );

  margin-top: -150px;
height: 150px;
width: 100%;
content: '';
pointer-events: none;
bottom: 20px;
}
*/

#c88588 div[class*="box-"] a h3, #c88649 div[class*="box-"] a h3 {
   background: rgba(0,0,0,0.4);
  
  color: #980A2B;
    width: 100%;
    text-align: left;
    font-size: 1.5em;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    padding: 6px 5px 3px 10px;
    color: #fff;
    text-decoration: none;
    background:-color: #e7e7e7;
    border: 2px 0 solid #fff;
    transition: all 0.5s ease-out;
}

#c88588 div[class*="box-"] a h4, #c88649 div[class*="box-"] a h4 {
   /*background: rgba(0,0,0,0.4);*/
  
  color: #fff;
    width: 100%;
    text-align: left;
    font-size: 0.9em;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    padding: 0px 5px 6px 10px;
    font-weight: normal;
  
    transition: all 0.3s ease-out;
}

#c88588 div[class*='box-'] a:hover h4, #c88649 div[class*='box-'] a:hover h4 {
    opacity: 1;
    transition: all 0.5s ease-in;

}
#c88588 div[class*='box-'] a:hover h3, #c88649 div[class*='box-'] a:hover h3 {
    padding-bottom: 21px;
    transition: all 0.3s ease-in;
}


div[class*='box-'] a h3, div[class*='box-'] a h4 {
   z-index:1;
}



/* CSS Ribbon styling */
/*Top Right Default*/
.ribbon, .ribbon-tl {
  position: absolute;
  right: 5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon-new {
  
}
.ribbon span, .ribbon-tl span {
  font-size: 11px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 22px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#980A2B 0%, #980A2B 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span:before, .ribbon-tl span:before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #980A2B;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #980A2B;
}
.ribbon span:after, .ribbon-tl span:after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #980A2B;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #980A2B;
}
/*Top Left*/
.ribbon-tl {
  left: 5px;
  z-index: 1;
}
.ribbon-tl span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #79A70A;
  background: linear-gradient(#980A2B 0%, #980A2B  100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  left: -21px;
}


#box-4824 span.badge {
    top: 10px;
    right: 10px;
}

#box-5050 span.badge{
    top: 10px;
    left: 10px;
}


.vegan .thumbnail:after/*, .new .thumbnail:after*/ {
    display: inline-block;
    min-width: 10px;
    padding: 4px 4px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #008042;
    border-radius: 10px;
    content: 'VEGAN';
    position: absolute;
    bottom: 50%;
    right: 5px;
}


/*.new .thumbnail:after,  {
    background-color: #980A2B;
    content: 'NEW';
}*/






/* List Group styling LPs */
.list-group.kybun {
    margin-left: 0;
}
.list-group.kybun em {
    font-size: 0.9em;
  margin-right:5px;
    padding: 5px;
    border-radius: 0;
}
.list-group.kybun p {
    margin-bottom:0;
}
.list-group.kybun li:last-child {
    background-color: #f5f5f5;
}

@media screen and (max-width:991px){
#kybun-front-slider-88674 {
  margin-bottom: 20px;
}


}

/* Image Caption Styling Arab Countries*/


/*
a.thumbnail[href*="united-arab-emirates"] {
  border-color: #980A2B;
  
}
*/

a.thumbnail[href*="emirates"]:before, a.thumbnail[href*="shop.kybun.ae"]:before, a.thumbnail[href*="kuwait"]:before, a.thumbnail[href*="qatar"]:before, a.thumbnail[href*="saudi-arabia"]:before, a.thumbnail[href*="shop.kybun.com.kw"]:before, a.thumbnail[href*="shop.kybun.com.sa"]:before{
  content: url(/fileadmin/img/flag-icons/flags_iso/32/ae.png);
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
  background-color: #fff;
  padding: 2px 4px 0 4px;
  
}

a.thumbnail[href*="kuwait"]:before, a.thumbnail[href*="shop.kybun.com.kw"]:before{
  content: url(/fileadmin/img/flag-icons/flags_iso/32/kw.png);
  
}
a.thumbnail[href*="qatar"]:before{
  content: url(/fileadmin/img/flag-icons/flags_iso/32/qa.png);
  
}
a.thumbnail[href*="saudi-arabia"]:before, a.thumbnail[href*="shop.kybun.com.sa"]:before{
  content: url(/fileadmin/img/flag-icons/flags_iso/32/sa.png);
  
}


#c93063 a.thumbnail[href*="shop.kybun.ae"]:after, #c93063 a.thumbnail[href*="shop.kybun.com.kw"]:after, #c93063 a.thumbnail[href*="qatar/doha-the-mall"]:after {
  content: "";
    display: block;
    position: absolute;
    right: -12px;
    top: -10px;
    bottom: -10px;
    border: dotted #777;
    border-width: 0 0 0 4px;
  }

/*

img[title="kybun Online-Shop"] + div.caption, img[title="Webshop"] + div.caption {
  color: #980A2B;
  background-color: #efefef;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  
}
*/

img[title="Substantia nigra"] + figcaption,
img[src*="Parkinson"] + figcaption{
    font-size: 10px;
    position: absolute;
    bottom: 16px;
    right: 7px;
    color: #fff;
    opacity: 0.7;
}

/* Animation HTML Video Styling */

/* html video tag */

video { object-fit: fill; outline: none; }

.video-container-veins {
    position: relative;
  font-size: 11px;
    
}
.video-container-veins .left-main,
.video-container-veins .right-main {
    position: absolute;
    padding: 8px;
    background: #fff;
    border-radius: 3px;
    color: #000;
    opacity:0.8;
    max-width: 33%;
    top: 45%;
    
}
.video-container-veins .left-main {
    right: 6%;
}


.video-container-veins .right-main {
    left: 3%;
}

.video-container-veins .left,
.video-container-veins .right {
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    color: #fff;
    opacity: 0.9;
}
.video-container-veins .left {
    left: 7px;
  
}
.video-container-veins .right {
    right: 7px;
  
}

.left-main:before, .right-main:before {
    content:"";
    position: absolute;
    top: 16px;
    width: 0;
    height: 0;   
    opacity:0.7;
}
.left-main:before {
   right: 100%;
   border-top: 10px solid transparent;
   border-right: 10px solid #fff;
   border-bottom: 10px solid transparent;
}

.right-main:before {
   left: 100%;
   border-top: 10px solid transparent;
   border-left: 10px solid #fff;
   border-bottom: 10px solid transparent;
}

/* Progress animation scales */
.relevance-bar .progress { position: relative;top: -25px;}

.progress {min-height: 25px; margin-top:20px;}
.progress-bar { margin-right: 10px;}  
  .progress-bar + p { font-weight: bold; background-color: #e7e7e7;line-height:2em;}

.progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 8s;
}
@keyframes animateBar {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
  
@media (max-width: 420px) {
      .progress-bar + p {
    font-size: 9px;
}
}


/* Typo3 image styling */
div.csc-textpic-imagecolumn {
    margin-bottom: 10px;
}
@media screen and (max-width:767px){
#footer .csc-textpic-imagecolumn img {
    border-radius: 50%;
}
}


/*Cognito Forms Error Styling */
html .cog-error-message, :root:root:root:root:root .cog-error-message {
    background: #980A2B!important;
    font-weight: bold;
}
 
/*
 div.cognito .c-forms-form .c-validation, div.cognito .c-forms-form .c-error:after, div.cognito .c-forms-form .c-table .c-error .toggle-on:after, div.cognito .c-forms-form .c-validation-icon {
    background-color: #980a2b !important;
}
  
*/


  .c-error .c-validation{
  background: #980a2b !important;
  padding: 10px !important;
  border-radius: 0 !important;
  position: relative;
  display: inline-block !important;
  box-shadow: 1px 1px 1px #aaaaaa;
  margin-top: 10px;
}
div.c-error  .c-validation:before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #980a2b;
  position: absolute;
  top: -10px;
  
  display: none;
}
.c-label:after{
  color: #980a2b !important;
}
.c-error input, .c-error select, .c-error .c-choice-option{
   
  color: #c51244;
}
.c-error input, .c-error select{
  border: 1px solid #980a2b !important;
}
  


/*Google Bewertung Test*/
/*a[text*="Bewerten Sie uns auf Google"] {position: relative}



a[text*="Bewerten Sie uns auf Google"] img[alt*="Google"] {
    position: absolute;
    top:5px;
    left: 5px;
}*/


/* Temp fix old 360 shots extension */
img[id*="jf360shots_c88770"].reel, img[id*="jf360shots_c76159"].reel {
  width: auto !important;
    height: auto !important;
  max-width:100%;
   max-height:100%;
  
}

/* No price row for product information */
.fancybox-wrap .ce-table-styledtable-narrow tr:nth-child(7),
.fancybox-wrap .ce-table-styledtable-narrow tr:nth-child(7) td {
display: none;
}

/* Search temporary display results improvement */

.tx-storefinder form .form-row .col-md-6.mb-3.address, .tx-storefinder form .form-row .col-md-6.mb-3.zipcode, .tx-storefinder form .form-row .col-md-6.mb-3.products {
  /*display: none;*/
}

.tx-storefinder div.mapHeader {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: inherit;
  grid-column-gap: 5px;
  padding: 5px;
  border-bottom: 1px solid #e7e7e7;
  margin: 10px 0;
  background: #f8f8f8;
}


.tx-storefinder div.mapHeader div:empty,
.tx-storefinder div.mapHeader div.url,
.tx-storefinder div.mapHeader div.distance,
.tx-storefinder div.mapHeader div.image
{
  display: none;
}

.tx-storefinder input[type=submit] {
  width: 100%;
  margin-top: 20px;
}
}

/* -- END mainmod.css -- */