@import url("https://www.fronhofer.com/layout/cn_fronhofer/css/style.min.css");
@import url("https://www.fronhofer.com/layout/cn_fronhofer/css/font.css");
@import url("https://www.fronhofer.com/layout/cn_fronhofer/css/1140.css");

*, 
*::before, *::after {
    box-sizing: inherit;
}
a, area, button, [role="button"], input, label, select, summary, textarea {
    touch-action: manipulation;
}
button, input {
    overflow: visible;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input, button, select, textarea {
    line-height: inherit;
}
.tabs section,
.hidden {display:none}

#tabs > section {
    font-size: 14px;
    line-height: 1.5em;
    margin: 15px 0;
    text-align: left;
}
#tabs > section >p {
    margin-bottom: 15px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4{
  display: inline-block !important;
}

#tab1:checked ~ nav #navtab1:after, 
#tab2:checked ~ nav #navtab2:after, 
#tab3:checked ~ nav #navtab3:after, 
#tab4:checked ~ nav #navtab4:after,
#tab1:checked ~ nav #navtab1:before, 
#tab2:checked ~ nav #navtab2:before, 
#tab3:checked ~ nav #navtab3:before, 
#tab4:checked ~ nav #navtab4:before {
border: medium solid transparent;
    content: "";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

#tab1:checked ~ nav #navtab1::after, 
#tab2:checked ~ nav #navtab2::after, 
#tab3:checked ~ nav #navtab3::after, 
#tab4:checked ~ nav #navtab4::after{
  border-top-color: #fff;
    border-width: 14px;
    margin-left: -14px;
}

#tab1:checked ~ nav #navtab1::before, 
#tab2:checked ~ nav #navtab2::before, 
#tab3:checked ~ nav #navtab3::before, 
#tab4:checked ~ nav #navtab4::before{
   border-top-color: #222;
    border-width: 15px;
    margin-left: -15px;
}







#gal1:checked ~ #gal-img1, 
#gal2:checked ~ #gal-img2, 
#gal3:checked ~ #gal-img3, 
#gal4:checked ~ #gal-img4, 
#gal5:checked ~ #gal-img5, 
#gal6:checked ~ #gal-img6, 
#gal7:checked ~ #gal-img7, 
#gal8:checked ~ #gal-img8, 
#gal9:checked ~ #gal-img9, 
#gal10:checked ~ #gal-img10 {
    display: inline-block !important;
       max-height: 400px;
    margin-bottom: 15px;
}


.single .tabs nav label {
    color: #999;
    display: block;
    line-height: 2.5;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.single .tabs nav label:hover {
    color: #222;
    font-size: 16px;
    transition: all 0.2s ease 0s;
}
.single .tabs nav label span {
    vertical-align: middle;
}
.single .tabs-style-linetriangle nav label {
    border-bottom: 1px solid #222;
    overflow: visible;
    text-align:center
}
.single .tabs-style-linetriangle nav label span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}
footer .toprow ul {

    margin-right: 19px;
}
.single_one_image {
    float: left;
    height: 100%;
    margin: 15px 0;
    width: 100%;
}
.single_one_image img {
    max-height: 101%;
    max-width: 101%;
  
}
.PreviewImagesContainer li {
    border: 1px solid #e5e5e5;
    display: block;
    float: left;
    height: 100px;
    line-height: 100px;
    margin: 5px;
    text-align: center;
    width: 100px;
    
}
.tabs section ul {
    margin: 15px;
}
.tabs.tabs-style-linetriangle label,
.PreviewImagesContainer li > label {
    align-items: center !important;
    display: flex !important;
    height: 100%;
    width: 100%;
    cursor:pointer
}.thumbnail > img {
    max-height: 100%;
}