@import url("https://p.typekit.net/p.css?s=1&k=tpb0qvw&ht=tk&f=6835.6836.6837.6838&a=5000279&app=typekit&e=css");

@font-face {
font-family:"news-gothic-std";
src:url("https://use.typekit.net/af/6fec89/00000000000000000001316b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/6fec89/00000000000000000001316b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/6fec89/00000000000000000001316b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"news-gothic-std";
src:url("https://use.typekit.net/af/e3df1b/00000000000000000001316c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/e3df1b/00000000000000000001316c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/e3df1b/00000000000000000001316c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"news-gothic-std";
src:url("https://use.typekit.net/af/10af2c/00000000000000000001316e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/10af2c/00000000000000000001316e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/10af2c/00000000000000000001316e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"news-gothic-std";
src:url("https://use.typekit.net/af/a5a677/00000000000000000001316d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/a5a677/00000000000000000001316d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/a5a677/00000000000000000001316d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}


body {
	font-family: news-gothic-std, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 15px;
	letter-spacing: 0.5px;
}

a {
    color: #008BD2;
	animation: opacityKeyFrame .3s;
}

div {
	animation: opacityKeyFrame 1s;
}

h1 {
    font-size: 28px;
	margin-top: 0;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.frame-type-list h1,
.frame-type-header h1 {
    margin: 20px 0;
    /*text-transform: uppercase;*/
}

h2 {
	font-size: 20px;
    margin-bottom: 20px;
}

video {
    width: 100%;
}

.hide {
	display: none;
}

.rut-navbar {
    background: black !important;
    border-bottom: 7px solid #008bd2;
}

.container-fluid {
    padding: 0;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
	/*margin-bottom: 20px;*/
}

.container .container {
	margin-bottom: 20px;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
	line-height: 26px;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    cursor: pointer;
}

.btn.btn-rut-2 {
    color: white;
    font-size: 22px;
    padding: 0 10px;
    line-height: 22px;
}

#back-to-top {
    background-color: #485258;
    border: 2px solid #777;
    color: #eee;
    font-size: 22px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 0;
    width: 50px;
    height: 47px;
    border-radius: 0px;
    cursor: pointer;
    z-index: 100;
    line-height: 12px;
    opacity: 0.7;
	transition: .3s all;
}
#back-to-top a {
    padding: 11px 13px;
    display: block;
}

#back-to-top:hover {
    opacity: 1;
	transition: .3s all;
}

#back-to-top i {
    color: white;
}

.language ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
    text-align: center;
    height: 30px;
    /* margin-top: 7px; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.language ul  li {
    display: inline-block;
    width: auto;
    /* padding: 0px 18px; */
}

.language ul li a {
    color: white;
    text-decoration: none;
    /* line-height: 26px; */
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    height: calc(100% - 0px);
    /* width: calc(100% - 1px); */
    /* margin-left: 1px; */
    /* padding: 0 10px; */
}


.language ul li.active a,
.language ul li a:hover {
    color: #008bd2;
}

.social-media {
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

a {
    text-decoration: none;
}

footer {
    padding-top: 35px;
    padding-bottom: 20px;
    background-color: #202024;
    color: #606d75;
}


.footer-logos a {
    background: url(/typo3conf/ext/rutronik/Resources/Public/Images/sprite_footer_logos.png) no-repeat 0 0;
    display: inline-block;
    height: 30px
}

.footer-logos a.ecia-member {
    background-size: contain;
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/ECIA Member Full Name-BlueWhite RGB.png");
    width: 70px;
}


.footer-logos a.ecia-auth {
    background-size: contain;
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/ECIA Member Americas-BlueWhite RGB.png");
    width: 110px;
    background-position: center;
}



.footer-logos a.cog-d {
    background-size: contain;
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/COGD.png");
    width: 80px;
    background-position: center;
}


.footer-logos a[href="http://www.fbdi.de/"] {
    background-position-x: -122px;
    width: 80px
}

.footer-logos a[href="http://dmass.com/"] {
    background-position-x: -267px;
    width: 124px
}



footer a {
    transform: translateX(0);
    transition: .3s all;
	display: block;
}

footer a:hover {
    transform: translateX(-2px);
    transition: .3s all;
}

.social-media-icons-on-page li.element1,
.footer-logos.logo-us a {
    transform: scale(1);
    transition: .3s all;
}
.social-media-icons-on-page li.element1:hover,
.footer-logos.logo-us a:hover {
    transform: scale(1.03);
    transition: .3s all;
	z-index: 999;
}

footer {
    padding-top: 35px;
    padding-bottom: 20px;
    background-color: #202024;
    color: #606d75;
    width: 100%;
    display: block;
}

footer .frame-type-menu_pages a {
    color: #bbb;
    font-size: 14px;
    margin: 0px;
    padding-bottom: 10px;
}

footer a, footer p {
    font-size: 14px
}

footer a {
    color: #bbb
}

footer a:hover, footer a:focus {
    color: #FFF;
    text-decoration: none;
}

footer .image-column {
    margin-right: 10px;
    position: relative
}

footer .image-column figure:last-child {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

footer .socialmedia .image-column {
    float: left;
    margin-right: 3px
}

footer ul {
    padding-left: 0
}

footer ul li {
    list-style: none
}

footer .row:last-child ul:last-child {
    display: block;
    width: 100%;
}

footer .row:last-child ul:last-child li {
    list-style: none;
    margin-right: 10px;
    display: inline-block;
}

.frame-type-menu_pages + .frame-type-menu_subpages ul li {
    display: inline-block;
}


footer .frame-layout-0 .row ul li {
    display: inline-block;
}


footer .frame-type-menu_pages + .frame-type-menu_subpages ul:last-child li {
    display: block;
}

.action1 {
    padding: 6px 8px;
    display: inline-block;
    color: #fff;
    border: 1px solid #007ab9;
    background-color: #008BD2;
    width: 90%;
}

.action1:hover {

    color: #fff;
    background-color: #00699f;
    border-color: #00527b;
}

.frame.frame-Narrow470 {
    width: 470px;
}
.box {
    margin-bottom: 20px;
}

.box,
.frame-news-box {
    background-color: #f5f5f5;
    width: 100%;
	border-left: 2px solid #008bd2;
}



.box.frame-gray-box {
    border-left: 2px solid #c6c6c6;
    background-color: white;
}

.box.frame-gray-box .rutronik-box-headline {
    background-color: #f5f5f5;
}

.box.frame-gray-box .box-boximagelink-area,
.box.frame-gray-box .box-boxcontent {
    background-color: white;
}

.frame-news-box {
    height: 100%;
}

.frame-news-box header,
.box-boxlinkheadline-area {
    background-color: #333;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px;
    /*border-bottom: 1px solid #008bd2;*/
}

.big-box .box-boxlinkheadline-area {
	background-color: #f5f5f5;
	border-color: gray;
}

.big-box .box-headline p {
	color: black;
}

.box-boxlink i.fas {
    margin: 0 5px;
}

.box-boximagelink .ce-center .ce-outer,
.box-boximagelink .ce-center .ce-inner,
.box-boximagelink .ce-column,
.box-boximagelink .ce-gallery figure {
    width: 100%;
}

.box.frame-gray-box .box-boximagelink .ce-gallery figure {
    padding: 10px;
}

.box-boximagelink .ce-gallery img {
    width: 100%;
    height: auto;
    /*max-width: 100%;*/
    margin: auto;
}

.box-headline p {
    margin: 0;
}

.box .box-headline h2 {
	color: white;
	text-transform: none;
}

.frame-news-box header a,
.box-headline a,
.frame-news-box header p,
.box-headline p,
.box.frame-gray-box .box-headline h2 {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}


.box.frame-gray-box .box-headline h2,
.box.frame-gray-box .box-headline p {
    color: black;
}

.box .box-headline h2,
.box.frame-gray-box .box-headline h2,
.frame-news-box header h2 {
    vertical-align: top;
    margin: 0;
    padding: 0;
}


.box-boxcontent {
    padding: 6px 8px;
    /*position: relative; */
	padding-bottom: 68px;
}
.frame-micropage-product-1 .box-boxcontent {
    padding: 6px 8px;
}

.news-list-view .box-boxcontent {
    padding: 14px;
}

.box-boxlink p {
    padding: 6px 20px;
}

.box-boxlink p {mas
    text-align: center;
}

.frame-flex-items > * {
    display: flex;
}


.frame-blue-box .box-boxlinkheadline-area {
    background-color: #008bd2;
    color: #FFF;
}

.frame-gray-box .box-boxlinkheadline-area {
    background-color: #f5f5f5;
    border-bottom: 1px solid #c6c6c6;
    color: black;
}


.ce-gallery img {
    height: auto;
    width: 100%;
    height: 100%;
}

.teaserbild .ce-gallery img {
    object-fit: cover;
    width: 100%;
}
.logos .ce-gallery img {
    height: 75px;
    width: auto;
}

.navbar .navbar-nav .dropdown-menu {
	background-color: black;
	top: 100%;
}

.navbar .navbar-nav .dropdown-menu a {
	background-color: black;
	color: white;
	margin: 5px 8px;
	border-radius: 5px;
	width: auto;
	padding: 4px 8px;
	transition: .3s all;
}

.navbar .navbar-nav .dropdown-menu a.current,
.navbar .navbar-nav .dropdown-menu a:hover,
.navbar .navbar-nav .dropdown-menu a:focus {
    color: #008bd2;
    text-decoration: underline;
    margin: 5px 8px;
    border-radius: 5px;
    width: auto;
    padding: 4px 8px;
	transition: .3s all;
}


.carousel-text {
    position: absolute;
    left: 50%;
    top: 50%;
    color: white;
}

.full-size .ce-center .ce-outer,
.full-size .ce-center .ce-inner {
    float: none;
    right: 0;
}

.full-size .ce-column,
.full-size .ce-gallery figure {
    width: 100%;
}

.news .article .news-img-wrap,
.news .article .news-img-wrap a {
    background: transparent;
    border: none;
    float: none;
}

.news .article .news-img-wrap a {
    color: black;
}


.news .article .news-img-wrap img {
    height: 40px;
    padding-right: 20px;
    display: inline-block;
    vertical-align: top;
    float: none;
}

.news .newsItemText {
    /*width: calc(100% - 65px);*/
    display: inline-block;
}

.news .article {
    margin: 0;
    padding: 0;
}

#breadcrumb .prefix {
    font-weight: bold;
    padding-right: 10px;
}
#breadcrumb ol {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    display: inline-block;
}

.breadcrumb {
    padding: 3px 4px;
    /*margin-bottom: 21px;*/
    list-style: none;
    background-color: white;
    border-radius: 0;
    margin-bottom: 0;
}

#breadcrumb {
    border-bottom: 1px solid lightgray;
}

#breadcrumb ol li {
    text-transform: uppercase;
    font-size: 12px;
}
.breadcrumb > li {
    display: inline-block;
}

#breadcrumb ol li.divider {
    color: #008BD2;
    width: 18px;
}

#breadcrumb ol li.active, #breadcrumb ol li.current {
    color: #333;
}

#breadcrumb ol li a {
    color: #333;
    text-decoration: underline;
}

#breadcrumb > .container {
	margin-bottom: 0;
}

header h2 {
    /* text-transform: uppercase; */
    font-weight: normal;
    padding: 10px 0;
    margin: 10px 0;
    font-size: 20px;
}

.teaserbild {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: center;
}

.teaserbild > div {
	width: 100%;
}

.teaserbild.frame-teaser-bild-position-1 .ce-gallery img {
    margin-top: -23%;
}

.teaserbild.frame-teaser-bild-position-2 .ce-gallery img {
    margin-top: -15%;
}

.teaserbild-area-section {
    background: black;
}

.graphicbox {
    border-left: 2px solid #c6c6c6;
    margin-bottom: 20px
}

.news > .graphicbox {
    position: relative;
}

.graphicbox .graphicheadline {
    background-color: #f5f5f5;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 15px;
    border-bottom: 1px solid lightgray;
}

.graphicbox .graphicheadline * {
    color: #FFF;
    font-size: 120%
}

.graphicbox .graphicbox-image, .graphicbox .graphichtml {
    border-bottom: 1px solid #929291
}

.graphicbox .graphictext {
    background-color: transparent;
    padding: 15px;
    position: relative
}

.graphicbox .graphictext p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.graphicbox .graphictext h2 {
    margin-top: 0
}

.graphicbox .graphictext h3 {
    margin-top: 0
}

.graphicbox .graphichtml {
    position: relative;
    padding: 16px;
}

.graphicbox .graphichtml .input-blank {
    border: 0;
    padding-left: 10px;
    height: 28px;
    padding: 0;
    display: block;
    padding-left: 45px;
    padding-right: 45px;
    width: 100%;
    z-index: 10;
    font-size: 13px
}

.graphicbox .graphichtml .search-icon {
    display: inline-block;
    line-height: 28px;
    height: 28px;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    top: 0;
    z-index: 20
}

.graphicbox .graphichtml .search-icon:first-child {
    background-color: #e6e6e6;
    color: #555;
    left: 0
}

.graphicbox .graphichtml .search-icon:last-child {
    background-color: #5ab75a;
    color: #fff;
    right: 0
}

.graphicbox.light {
    border-left: 2px solid #c6c6c6
}

.graphicbox.light .graphictext {
    background-color: #FFF
}

.graphicbox.light .graphicheadline {
    background-color: #f5f5f5;
    border-bottom: 1px solid #c6c6c6
}

.graphicbox.light .graphicheadline span {
    color: #333333
}

.graphicbox.light .graphicheadline a {
    color: #333333
}

.graphicbox.highlight .graphicheadline {
    background-color: #008bd2;
    color: #FFF
}

.graphictext > *:last-child {
    margin-bottom: 0
}


.hidden-mobile {
    display: none;
}

.hidden-mobile {
    display: none;
}

.visible-mobile {
    display: block;
}

.align-center {
    margin: 0 auto;
    text-align: center;
}

.box.frame-worldwide-items ul {
    padding-left: 0;
    list-style: none;
    overflow: auto;
    margin-bottom: 0;
}

.box.frame-worldwide-items ul li {
    list-style: none;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.box.frame-worldwide-items ul li a {
    margin-bottom: 10px;
    color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    text-decoration: none;
}

.box.frame-worldwide-items ul li a:hover {
    color: #fff;
    background-color: #00699f;
    border-color: #00527b;
}

.box.frame-worldwide-items ul li a span::before {
    font-weight: 900;
    content: "\f0c1";
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
}

.vcard label {
    width: 75px;
}

.rutronik-button {
	display: inline-block;
    margin: 0;
}

.rutronik-button[style] a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    flex-wrap: nowrap;
}

.btn.btn-rutronik {
    border-top: 1px solid #008BD2;
    border-bottom: 1px solid #008BD2;
    border-left-width: 0;
    border-right-width: 0;
    position: relative;
    margin-top: 5px;
    border-radius: 0;
    /*min-width: 190px;*/
}

.rutronik-button.width-100-width-yes a, 
.rutronik-button.width-100-width-yes,
.width-100 .btn.btn-rutronik {
	width: 100%;
}


a.btn.btn-rutronik.border-obenblauuntenblau:hover {
    background: white;
    border-top: 1px solid #008BD2;
    border-bottom: 1px solid #008BD2;
}


.btn.btn-rutronik.btn-block {
    margin-top: 10px
}

.btn.btn-rutronik:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #eeeeee;
    position: absolute;
    display: block;
    top: -4px;
    left: 0
}

.btn.btn-rutronik:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #eeeeee;
    position: absolute;
    display: block;
    bottom: -4px;
    left: 0
}

.hundert-width {
    width: 100%;
}

.frame-gallery .frame {
    margin: 0 0 20px 0;
}

.row.frame-gallery > [class^="col"] > .frame:last-child {
    margin-bottom: 0;
}

.component-category-navigation {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #eeeeee;
    margin: 0 0 10px 0;
}

.component-category-navigation .fade-wrap {
    position: relative;
    text-align: center
}



.component-category-navigation .fade-wrap .out {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s linear
}

.component-category-navigation .fade-wrap:hover .out {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    transition: 0.2s linear
}

.component-category-navigation .fade-wrap .textlink {
    color: #333333;
    display: block;
    margin-top: 5px
}

.col-components {
    text-align: center;
    font-size: 16px;
    word-break: break-word;
}

img.img-responsive.thumbnail {
    /*width: 100%;*/
}

.ce-uploads {
    margin-bottom: 20px;
}

.frame-hundert-width .ce-center .ce-outer {
    right: 0;
    float: none;
    width: 100%;
}

.frame-hundert-width .ce-center .ce-inner {
    right: 0;
    float: none;
    width: 100%;
}

.frame-hundert-width .ce-gallery .ce-column {
    float: none;
    width: 100%;
}

.frame-hundert-width figure.image {
    width: 100%;
}

.liste-vertically .nav {
	flex-direction: column;
	padding: 0 1px 0 1px;
	background-color: #d9edf7;
	border-left: 1px solid #d9edf7;
	border-right: 1px solid #d9edf7;
}


.liste-vertically .nav-pills .nav-link {
	width: 100%;
    border-radius: 0;
	color: black;
    background-color: white;
    border-bottom: 1px solid #d9edf7;

}

.liste-vertically .nav-pills .nav-link.active {
	color: #fff;
    background-color: #008BD2;
    border-color: #008BD2;
}

.liste-vertically .nav.nav-pills > li:first-child {
    margin: 8px 0;
    text-align: center;
}

.layout-2,
.layout-50, 
.frame-layout-2 {
	flex: 0 0 auto;
    width: 50%;
}

.layout-3 .box {
    background-color: white;
    border: none;
}

.big-box {
    border-left: 2px solid #c6c6c6;
    margin-bottom: 20px;
    margin: 0 0  20px 0;
}

.big-box.frame-big-blue-box {
    border-left: 2px solid #008bd2;
}

.frame-big-blue-box > * {
    padding: 20px;
}


.big-box.frame-big-blue-box .box-boxlinkheadline-area {
    background-color: #008bd2;
    border-color: gray;
    color: white;
}

.big-box.frame-big-blue-box .box-headline p {
    color: white;
}

.parallax-content{  
	background-attachment: fixed;
	background-position: center;
	background-repeat: repeat;
    background-size: auto 135%;
	height: 280px;
    position: relative;
}

.teaser-bild-style-2 .parallax-content {
    background-size: auto 103%;
}

.d-none {
	display: none;
}

a.campaign-contentmenu, span.campaign-contentmenu {
    font-size: 28px;
    color: #333333 !important;
    margin-bottom: 28px;
    display: block;
    text-align: center;
    cursor: pointer;
}

a.campaign-contentmenu.campaign-contentmenu-highlight {
    font-weight: bold;
    text-decoration: underline;
}

.splitbar {
    background-color: #3f4246;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.splitbar H1, .splitbar H2, .splitbar H3, .splitbar H4, .splitbar H5 {
    height: 60px;
    line-height: 60px;
    color: #FFF;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 28px
}

.splitbar span.rut-power {
    color: #DC212A;
    font-weight: 800
}

button.glide__arrow {
    box-shadow: 2px 1px 3px grey;
    color: black;
    border: 1px solid gray;
    background: white;
	transform: scale(1);
	transition: .5s all;
}

button.glide__arrow:hover {
    box-shadow: 2px 1px 3px grey;
    color: black;
    border: 1px solid gray;
    background: white;
	transform: scale(1.04);
	transition: .5s all;
}

.glide__slide {
	text-align: center;
}

.hide-overline header > h2 {
	display: none;
}



















.main-supplier #row-1 {
    background-color: #2F363B;
    padding-top: 0;
    padding-bottom: 0;
	height: 82px;
}



.main-supplier #row-1 > .container > * {
    display:  inline-block;
}

.main-supplier #row-1 > .container {
    display: flex;
    justify-content: space-between;
	margin-bottom: 0;
}

.main-supplier #row-2 {
    background-color: #000000;
    top: 0;
    width: 100%;
    z-index: 101;
    min-height: 60px;
    border-bottom: 1px solid #FFF;
}

.main-supplier #row-2 ul.scrollbar-nav li a {
	padding: 20px 20px 20px 10px;
    line-height: 20px;
    display: block;
    float: left;
    position: relative;
    color: #008BD2;
}


.main-supplier #row-2 ul.scrollbar-nav {
    display: flex;
    flex-direction: row;
}


@media (min-width: 992px) {
    .main-supplier .navbar-toggle {
        display: none;
    }
}


.main-supplier #row-2 .container {
    display: flex;
	justify-content: space-between;
    margin-bottom: 0;
    max-width: 1350px;
}

.main-supplier #row-2 #search-toggle-target {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
	width:100%;
    display: none;
    z-index: 1;
}

.main-supplier #row-2 #search-toggle {
    line-height: 60px;
    font-size: 30px;
    color: #C6C6C6;
    margin-right: 5px;
    cursor: pointer;
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}


.main-supplier aside#call-to-action-row {
    background-color: #485258;
    padding-top: 20px;
    padding-bottom: 20px;
}

.main-supplier aside#call-to-action-row .btn {
    padding: 18px;
    word-wrap: break-word;
    white-space: initial;
    color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: wrap;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 0;
    -webkit-user-select: none;
    display: block;
    width: 100%;
    height: 128px;
    margin: 10px 0;
}




.main-supplier .frame-micropage-section {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #FFF;
    background-color: #485258;
}

.input-group-text {
	height: 100%;
    border-radius: 0;
}

.tx-powermail h3,
.tx-powermail .powermail_legend {
	display: none;
}

.tx-powermail .powermail_create h3 {
	display: block;
}


.frame-lowercase header h2 {
	
}



.main-supplier header h2 {
	text-transform: none;
	margin-top: 0;
	margin-bottom: 0;
    font-size: 38px;
}

.main-supplier header h1 {
    text-transform: none;
    font-weight: normal;
    padding: 10px 0;
    margin: 0;
    font-size: 38px;
}

.main-supplier .row {
    margin-bottom: 20px;
}

.main-supplier .address-area a {
	color: #008BD2;
}

.call-to-action span:first-child {
    display: block;
    font-size: 41px;
}


.frame-micropage-product-1 header h2 {
	color: white;
	margin: 0;
	font-size: 16px;
	
}


.product-box.box.frame-micropage-product-1 {
    color: black;
    padding-bottom: 110px;
    margin: 0;
    height: 100%;
}

.product-box.box.frame-micropage-product-1 .box-boxlink {
    padding: 0;
    margin-top: 8px;
}

.product-box.box.frame-micropage-product-1 .box-boxcontent-area.box-boxcontent-area-button {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* height: 110px; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: end; */
}



.frame-micropage-product-101 header h2 {
	color: white;
	margin: 0;
	font-size: 16px;
	
}


.product-box.box.frame-micropage-product-101 {
    color: black;
}

.product-box.box.frame-micropage-product-101 .box-boxcontent-area.box-boxcontent-area-button {
    position: relative;
    bottom: 0;
    width: 100%;
}

.product-box.frame-micropage-product-101 .box-boxlink .box-boxlink-anchor {
    background: #008BD2;
}

.row.frame-box-same-height {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.row.frame-box-same-height > [class*='col-'] {
    display: flex;
    flex-wrap: wrap;
}

.product-box.box.frame-micropage-product-2 {
	background-color: white;
	border-left: 2px solid #008bd2;
}

.product-box .box-boxlink {
	padding: 10px;
	width: 100%;
}

.product-box .box-boxlink .box-boxlink-anchor {
	display: block;
	color: white;
	background-color: #5cb85c;
    border-color: #4cae4c;
	padding: 6px;
	width: 100%;
	text-align: center;
}



.frame-micropage-product-2 .box-boxlinkheadline-area {
	background-color: #333;
	border-bottom: 2px solid lightgray;
}

.frame-micropage-product-2 .box-boxlinkheadline-area h2 {
	font-size: 20px;
}

.product-box.box.frame-micropage-product-3
.box-boxlinkheadline-area {
	display: none;
}

.frame-micropage-product-3 .box-boximagelink-area {
    margin: 9px 9px 0 0;
}

.product-box .box-boxlink .box-boxlink-anchor.product-hunt {
	color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
}


.frame-image-100 .ce-outer {
    float: none;
    right: 0;
}

.frame-image-100 .ce-inner {
    right: 0;
    float: none;
    width: 100%;
}

.frame-image-100 .ce-column {
    float: none;
    width: 100%;
}

.frame-image-100 figure.image {
    width: 100%;
}


.box.frame-micropage-product-4,
.frame-micropage-product-4 .box-boxlinkheadline-area,
.box.frame-micropage-product-6,
.frame-micropage-product-6 .box-boxlinkheadline-area {
	color: black;
	background: white;
}

.box.frame-micropage-product-6,
.frame-micropage-product-6 .box-boxlinkheadline-area {
	border: none;
}

.product-box.box.frame-micropage-product-4 .box-boxlink .box-boxlink-anchor,
.product-box.box.frame-micropage-product-4 .box-boxlink .box-boxlink-anchor.product-hunt {
	background: white;
	border-top: 1px solid #008BD2;
    border-bottom: 1px solid #008BD2;
	color: black;
}


.product-box.box.frame-micropage-product-6 .box-boxlink .box-boxlink-anchor,
.product-box.box.frame-micropage-product-6 .box-boxlink .box-boxlink-anchor.product-hunt {
	color: black;
    background-color: white;
    border: 1px solid #008BD2;
    border-right: none;
    border-left: none;
}



.product-box.box.frame-micropage-product-6 .box-boxlink .box-boxlink-anchor.info {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}


.product-box.box.frame-micropage-product-6 .box-boxlink .box-boxlink-anchor.open {
	color: black;
    background-color: white;
	border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.frame-micropage-product-6 .box-boxcontent-area {
    padding: 0;
}

.frame-micropage-product-6 .box-boxcontent-area .box-boxlink {
    padding: 12px 0;
}

.product-box.box.frame-micropage-product-6 a.box-boxlink-anchor {
    display: flex;
    flex-direction: column;
}

.responsive-video iframe {
    width: 100%;
    margin: 20px 0;
}


.main-supplier .frame-micropage-product-5 header h2,
.main-supplier .frame-micropage-product-5 header h4 {
    margin: 0;
    padding-left: 10px;
    border-left: 4px solid #008bd2;
    color: black;
    font-size: 22px;
}

.box.frame-micropage-product-5 {
    border-left: none;
	background-color: white;
	border: 1px solid lightgray;
	padding-bottom: 105px;
	position: relative;
}

.frame-micropage-product-5 .box-boxlinkheadline-area {
	background: white;
    color: black;
    border-top: 1px solid #008bd2;
    padding-left: 0;
}
}

.frame-micropage-product-5.product-box .box-boxlink {
	padding: 0;
}

.frame-micropage-product-5.product-box .box-boxlink .box-boxlink-anchor {
	color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
}


.frame-micropage-product-5 .box-boxlink {
	margin-top: 3px;
	padding: 0;
}
.frame-micropage-product-5.product-box a.box-boxlink-anchor.download {
    background: white;
    color: black;
    border-top: 1px solid #008BD2;
    border-bottom: 1px solid #008BD2;
}

.box.frame-micropage-product-5 .box-boxcontent {
	padding-bottom: 6px;
}



.box.frame-micropage-product-5 .box-boxcontent-area.box-boxcontent-area-button {
    padding: 0;
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	height: 105px;;
	bottom: 0;
}

.product-box.box.frame-micropage-product-22 .product-box.box.frame-micropage-product-5 .image img {
    height: 300px;
    width: auto;
}



.box.frame-micropage-product-5 .box-boxlink .rutronik-button,
.box.frame-micropage-product-52 .box-boxlink .rutronik-button {
    padding: 0;
}







.main-supplier .frame-micropage-product-52 header h2,
.main-supplier .frame-micropage-product-52 header h4 {
    margin: 0;
    padding-left: 10px;
    border-left: 4px solid #008bd2;
    color: black;
    font-size: 22px;
}

.box.frame-micropage-product-52 {
    border-left: none;
    background-color: white;
    border: 1px solid lightgray;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding-bottom: 160px;
}

.frame-micropage-product-52 .box-boxlinkheadline-area {
	background: white;
    color: black;
    border-top: 1px solid #008bd2;
    padding-left: 0;
    border-bottom: 1px solid lightgray;
}

.frame-micropage-product-52.product-box .box-boxlink {
	padding: 0;
}

.frame-micropage-product-52.product-box .box-boxlink .box-boxlink-anchor {
	color: #fff;
	background-color: white;
	border: 1px solid #007ab9;
	color: black;
	border-left: none;
	border-right: 0;
}


.frame-micropage-product-52 .box-boxlink {
	margin-top: 20px;
	padding: 0;
}

.frame-micropage-product-52.product-box a.box-boxlink-anchor.download {
    background: white;
    color: black;
    border-top: 1px solid #008BD2;
    border-bottom: 1px solid #008BD2;
}
.box.frame-micropage-product-52 .box-boxcontent-area.box-boxcontent-area-button {
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
}

.box.frame-micropage-product-52 .box-boxcontent {
    padding-bottom: 0;
}


.box-boxlink.box-boxlink-single {
    padding: 12px 0;
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.box-boxlink.box-boxlink-single a {
    color: black;
}



.frame-micropage-product-8 .box-boxlinkheadline-area {
	background-color: white;
    border-bottom: none;
}

.product-box.box.frame-micropage-product-8 {
	border-left: none;
	background-color: white;
}

.product-box.frame-micropage-product-8 .box-boxlink .box-boxlink-anchor.buynow {
    color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
}

.product-box.frame-micropage-product-8 .box-boxlink .box-boxlink-anchor.buynow span {
	display: block;
}

.product-box.frame-micropage-product-8 .box-boxlink .box-boxlink-anchor {
	width: auto;
    display: inline-block;
}


.frame-micropage-product-9 .box-boxlinkheadline-area {
	background-color: white;
    border-bottom: none;
}

.product-box.box.frame-micropage-product-9 {
	border-left: none;
	background-color: white;
}

.product-box.frame-micropage-product-9 .box-boxlink .box-boxlink-anchor.buynow {
    color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
}

.product-box.frame-micropage-product-9 .box-boxlink .box-boxlink-anchor.buynow span {
	display: block;
}

.col-image img {
    width: 100%;
    height: auto;
    padding: 6px;
}

.frame-news-box-2 .news .article {
    padding: 10px 0;
	border-bottom: 1px solid lightgray;
}

.frame-news-box-2 .news .article:last-child {
	border-bottom: none;
}

.frame-news-box-2 .news .article h5 a {
	text-decoration: none;
	color: #333;
}

.frame-news-box-2 h1 {
    font-size: 28px;
}

.frame-news-box-2 .news.news-single .teaser-text {
    font-size: 22.5px;
    color: black;
}

.frame-news-box-2 .news.news-single a.lightbox {
    width: 80px;
    display: inline-block;
}

.frame-news-box-2 .news.news-single .mediaelement.mediaelement-image:first-child  a.lightbox {
	width: 100%;
}


.frame-news-box-2 .news.news-single a.lightbox img {
    width: 100%;
    height: auto;
    padding: 20px;
}


.frame-news-box-2 .mediaelement.mediaelement-image {
    border: 1px solid lightgray;
    margin: 3px 0;
    padding: 0;
    display: inline-block;
    position: relative;
}



.frame-news-box-2 .mediaelement.mediaelement-image:first-child {
	width: 100%;
}


.frame-news-box-2 .mediaelement.mediaelement-image i.fa.fa-search-plus {
    font-size: 22px;
}

.frame-news-box-2 .news.news-single .mediaelement.mediaelement-image .search-plus {
	color: black;
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 35px;
	height: 35px;
	display: block;
	background-color: rgba(128,128,128,0.4);
	text-align: center;
	padding-top: 6px;
	border-radius: 5px;
	cursor: pointer;
	pointer-events: none;
}

.label-info {
    background-color: #5bc0de;
	color: white;
	padding: 1px 6px;
}

a.btn.btn-read-more {
    border-top: 1px solid #008BD2;
    border-bottom: 1px solid #008BD2;
    border-left-width: 0;
    border-right-width: 0;
    position: relative;
    border-radius: 0;
}


#navbarCollapse .dropdown-toggle::after {
    display: none;
}

#navbarCollapse .nav-item {
    padding: 23px 1px 17px 1px;
    background-color: transparent;
}

#navbarCollapse a.nav-link.dropdown-toggle {
    line-height: 26px;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
	cursor: pointer;
}

ul.menu.socialmedia {
    display: block;
    margin: 0;
    text-align: center;
    padding: 0 45px;
}

.socialmedia li.element1 {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    margin: 0 2px;
    animation: rotateOut .3s;
    transform: scale(1) rotate(0deg);
    transition: .6s all;
}

.socialmedia li.element1:hover {
	animation: rotateIn .3s;
    transform: scale(1.3)  rotate(360deg);
    transition: .6s all;
}

.socialmedia li.element1 a {
    width: 100%;
    display: block;
    height: 100%;
}

.socialmedia a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-size: 100%;
}


.socialmedia a[href*="facebook"]:after {
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/Unbenannt-2.png");
}

.socialmedia a[href*="twitter"]:after {
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/Unbenannt-22.png");;
}

.socialmedia a[href*="instagram"]:after {
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/Unbenannt-27.png");;
}

.socialmedia a[href*="linkedin"]:after {
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/Unbenannt-25.png");;
}

.socialmedia a[href*="youtube"]:after {
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/Unbenannt-23.png");
}

.socialmedia a[href*="weibo"]:after {
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/Unbenannt-32.png");
}

.socialmedia a[href*="rutronik-tec"]:after {
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/Unbenannt-210.png");
}

.socialmedia a[href*="#socials-footer"]:after {
    background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/Unbenannt-3.png");
}

a.navbar-brand {
    margin-right: 37px;
}

.videoItem {
    height: 254px;
	cursor: pointer;
}

.videoItem.active {
	display: block;
}

.videoItem.notactive {
	display: none;
}

.thumbnail {
	/*height: 183px;*/
    border-bottom: 1px solid lightgray;
    text-align: center;
    padding: 0 0 5px 0;
}

.videoItem img {
    height: 100%;
    width: auto;
}

.videoItem .thumbnail img {
    height: auto;
    width: 100%;
}

.videoItem span.badge.badge-info {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px;
}

.panel-buttons {
    margin-bottom: 20px;
}

.panel-button {
    white-space: normal;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.428571429;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-button:hover,
.panel-button.active {
	color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
}

.frame-blue-container .box-boxlinkheadline-area {
    background-color: #008bd2;
    color: #FFF;
}    

.frame-black-container .box-boxlinkheadline-area,
.frame-lightgray-container .box-boxlinkheadline-area ,
.frame-lightgray-container-2 .box-boxlinkheadline-area {
background-color: #333;
    color: #FFF;
}   

.frame-black-container .box-boxlinkheadline-area,
.frame-blue-container .box-boxlinkheadline-area,
.frame-lightgray-container .box-boxlinkheadline-area,
.frame-lightgray-container-2 .box-boxlinkheadline-area {
    padding: 0;
	margin: 0;
}

.frame-black-container .box-boxlinkheadline-area .box-headline,
.frame-blue-container .box-boxlinkheadline-area .box-headline,
.frame-lightgray-container .box-boxlinkheadline-area .box-headline,
.frame-lightgray-container-2 .box-boxlinkheadline-area .box-headline {
    padding: 16px;
}

.frame-black-container .box-boxlinkheadline-area .box-boxcontent-area,
.frame-blue-container .box-boxlinkheadline-area .box-boxcontent-area,
.frame-lightgray-container .box-boxlinkheadline-area .box-boxcontent-area,
.frame-lightgray-container-2 .box-boxlinkheadline-area .box-boxcontent-area {
    padding: 16px;
    background-color:  #f5f5f5;
    border-left: 2px solid #008bd2;
	color: black;
}

.frame-black-container .box-boxlinkheadline-area .box-boxcontent-area .box-boxcontent,
.frame-blue-container .box-boxlinkheadline-area .box-boxcontent-area .box-boxcontent,
.frame-lightgray-container .box-boxlinkheadline-area .box-boxcontent-area .box-boxcontent,
.frame-lightgray-container-2 .box-boxlinkheadline-area .box-boxcontent-area .box-boxcontent{
	padding-bottom: 6px;
}


.frame-lightgray-container .box-headline p,
.frame-lightgray-container-2 .box-headline p {
    color: #333333;
}

.frame-lightgray-container .box-headline,
.frame-lightgray-container-2 .box-headline {
    background-color: #f5f5f5;
    border-bottom: 1px solid #c6c6c6;
}


.frame-lightgray-container-2 .box-boxlinkheadline-area .box-boxcontent-area,
.frame-lightgray-container .box-boxlinkheadline-area .box-boxcontent-area {
    background-color: white;
    border: none;
}

.frame-lightgray-container .box-boxlinkheadline-area {
    border: none;
}

.frame-lightgray-container-2 .box-boxlinkheadline-area {
    border: none;
    border-left: 2px solid lightgray;
}

.frame-lightgray-container {
    border-left: 2px solid lightgray;
}

.container > .row.frame-default {
    margin-top: 0;
}
.frame-blue-container > * {
    border-left: 2px solid #008bd2;
}

.frame-black-container > .box-boxcontent-area,
.frame-black-container > .box-boxlinkheadline-area,
.frame-blue-container > .box-boxcontent-area,
.frame-blue-container > .box-boxlinkheadline-area {
    border-left: none;
}

.frame-black-container > * {
    border-left: 2px solid #008bd2;
}
.component-category-navigation .fade-wrap .frame {
    position: relative;
    width: 100%;
    height: calc(100% - 40px);
    top: 0;
    left: 0;
    transition: .3s all;
}

.component-category-navigation .fade-wrap a.current .frame:last-child,
.component-category-navigation .fade-wrap:hover a .frame:last-child {
    opacity: 0;
    transition: .3s all;
}

.page_uid40 #c2231, .page_uid40 #c2259 {
    border-left-color: #f0db00;
}

.box.frame-yellow-box {
    border-left-color: #f0db00;
}

.box.frame-orange-box {
    border-left-color: #FCB300;
}

.box.frame-pink-box {
    border-left-color: #e6007e;
}

.box.frame-green-box {
    border-left-color: #73B62A;
}

.box.frame-red-box {
    border-left-color: #E30613;
}

.width-100 {
	width: 100%;
}

.tx-femanager .control-label {
    font-weight: bold;
}

.frame-file-list .btn.btn-rutronik {
    width: 100%;
}

.frame-file-list  .ce-uploads span {
    text-align: left;
}

.ce-uploads span.file-label {
    display: inline;
	font-weight: bold;
}


.news-headlines {
    display: none
}

.news-headlines.active {
    display: block
}

.news-list-view {
    font-size: 14px;
    /* padding: 8px 6px; */
    initial;
}

.news-list-view .news-list-item {
    margin-bottom: 25px
}

.news-list-view .news-list-item.last {
    padding-bottom: 0
}

.news-list-view .news-list-item img {
    border: 1px solid #c6c6c6;
    padding: 5px
}

.news-list-view .page-navigation {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 25px;
    padding: 22px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    text-align: center
}

.news-list-view .page-navigation .pagination {
    margin: 0
}

.news-list-view .page-navigation:first-child {
    display: none
}

.news-list-view hr.articlespacer {
    margin-left: 15px;
    margin-right: 15px
}

.news-list-view hr.articlespacer.last {
    display: none
}

.news-list-view h3 {
    color: #333;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.news-list-view h3 a {
    color: #333
}

.news-list-view .extra {
    padding-left: 0;
    padding-right: 15px;
    margin-bottom: 20px
}

.news-list-view .lead {
    font-size: 14px
}

.news-list-view .imagecol {
    padding-right: 5px
}



.news-container-headlines a {
    color: #333
}

.news-container-headlines ul.news-headlines {
    padding: 0;
    margin: 0;
}


.news-container-headlines ul.news-headlines.active {
  animation: opacityKeyFrame .6s;
  -webkit-animation: opacityKeyFrame .6s;
}

.news-container-headlines ul.news-headlines:not(.active) {
  animation: opacityKeyFrame .6s;
  -webkit-animation: opacityKeyFrame .6s;
  animation-direction: reverse;
  -webkit-animation-direction: reverse;
}

.news-container-headlines ul.news-headlines li {
    list-style: none;
    margin-bottom: 10px;
    transform: scale(1);
    transition: .3s all;
}

.news-container-headlines ul.news-headlines li:hover {
    transform: scale(1.03);
    transition: .3s all;
}

.news-container-headlines ul.news-headlines li a {
    padding-left: 35px;
    position: relative;
    display: block
}

.news-container-headlines ul.news-headlines li a:hover {
    text-decoration: none
}

.news-container-headlines ul.news-headlines li a:not(.readmore)::before {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px;
    content: "";
    background: url("/typo3conf/ext/rutronik/Resources/Public/Images/listitem.png") no-repeat top left
}

.news-container-headlines ul.news-headlines li a:hover::before {
    background: url("/typo3conf/ext/rutronik/Resources/Public/Images/listitem.png") no-repeat top right
}

.news-single .article {
    font-size: 14px
}

.news-single .article h1 {
    margin-top: 0;
    margin-bottom: 0
}

.news-single .article .extra {
    margin-bottom: 20px
}

.news-single .article .shariff {
    margin-bottom: 22px
}

.shariff li a {
	transition: .3s all;
}


.shariff li a:hover {
	transition: .3s all;
}


.news-single .article .news-text-wrap :first-child {
    margin-top: 0px;
    padding-top: 0px
}

.news-single .article .news-related {
    margin-top: 20px
}

.news-single .article .news-related .item {
    margin-bottom: 10px
}

.news-single .article .news-related .item .btn-block {
    text-align: left
}

.news-single .article .news-related .item .description {
    padding-top: 5px
}

.news-single .article .news-related-news ul, .news-single .article .news-related-files ul, .news-single .article .news-related-links ul {
    padding-left: 0;
    margin-bottom: 0
}

.news-single .article .news-related-news ul li, .news-single .article .news-related-files ul li, .news-single .article .news-related-links ul li {
    list-style: none
}

.news-list-headlines-view .js-paginate {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transition: 0.6s linear
}

.news-list-headlines-view .js-paginate .active {
    font-weight: 800
}

.rutronik-box-content:hover .js-paginate {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    transition: 0.6s linear
}

.news-list-headlines-view.js-paginated {
    padding-bottom: 40px
}

.news-list-headlines-view.js-paginated .js-paginate {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #929291;
    padding-top: 5px;
    padding-bottom: 5px;
    left: 0;
}

.news-list-headlines-view.js-paginated .js-paginate .all {
    color: #000;
    padding: 5px;
}

.news-list-headlines-view.js-paginated .js-paginate .all .glyphicon:nth-child(2) {
    margin-left: -7px
}

.news-list-headlines-view.js-paginated .js-paginate ul {
    padding: 0px;
    margin: 0
}

.news-list-headlines-view.js-paginated .js-paginate ul li {
    float: left;
    list-style: none;
    cursor: pointer
}

.news-list-headlines-view.js-paginated .js-paginate ul li.jumpto {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #000;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent;
    margin-top: 6px;
}

.news-list-headlines-view.js-paginated .js-paginate ul li.jumpto.active {
    background-color: #000
}

nav .form-kesearch .radio-buttons label {
	color: white;
}

nav fieldset.kesearch_searchbox {
    width: 100%;
    display: block;
}

nav input#ke_search_sword {
    width: 100%;
    display: block;
    padding: 8px 2px;
    background: white;
}

nav fieldset.kesearch_searchbox > * {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

nav fieldset.kesearch_searchbox > .kesearchbox {
    width: 315px;
}

nav fieldset.kesearch_searchbox > .radio-buttons {
    width: 110px;
    padding: 0 5px;
}

fieldset.kesearch_searchbox > .submitbutt {
    width: 45px;
    height: 45px;
}

nav .search-dropdown ul.dropdown-menu {
    padding: 15px;
}

nav fieldset.kesearch_searchbox {
    display: flex;
    width: 465px;
}

nav form#form_kesearch_pi1 {
    margin: 0;
}

nav .search-dropdown ul.dropdown-menu {
	top: 100%;
    left: 0;
    margin-top: .125rem;
}


nav .submitbutt button {
    width: 100%;
    height: 100%;
    box-shadow: none;
    border: none;
    background: white;
    color: black;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
}

.li-form.li-contact {
	width: 1140px;
	padding: 0 10px;
}

.li-form.li-contact * {
    color: white;
}

.navbar .navbar-nav .dropdown-menu a.nav-btn {
	/*display: none;*/
	background: #008bd2;
	color: white;
    margin: 0 8px;
    border-radius: 5px;
}

.navbar .navbar-nav .dropdown-menu a.nav-btn.\33 nd-dropdown-item {
    margin:0;
}



ul.\32 nd-dropdown-menu.submenu.dropdown-menu {
    padding: 10px 8px;
    top: 0;
    max-height: 60vh;
    overflow-y: auto;
	
	
	
	
}




ul.\32 nd-dropdown-menu.submenu.dropdown-menu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

ul.\32 nd-dropdown-menu.submenu.dropdown-menu::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

ul.\32 nd-dropdown-menu.submenu.dropdown-menu::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}




ul.submenu.dropdown-menu.show {
    display: block !important;
}


ul.submenu.dropdown-menu:not(.show) {
    display: none !important;
}

.article + ul.f3-widget-paginator {
    padding: 0;
    list-style-type: none;
    margin: 10px auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

.article + ul.f3-widget-paginator li {
    display: inline-block;
    padding: 0;
    width: 34px;
    border: 1px solid lightgray;
    border-right: none;
}

.article + ul.f3-widget-paginator li.previous, .article + ul.f3-widget-paginator li.next {
    width: auto;
}

.article + ul.f3-widget-paginator li.current a {
    color: #fff;
    display: block;
}

.article + ul.f3-widget-paginator li a {
    color: #008BD2;
    width: 100%;
    padding: 7px;
    display: block;
}

.article + ul.f3-widget-paginator li.current {
    background-color: #008BD2;
    border-color: #008BD2;
}

.article + ul.f3-widget-paginator li:last-child {
    border: 1px solid lightgray;
}

.news.news-single .article .header {
    margin-top: 5px;
}

.news.news-single .article .secondheader {
    margin-bottom: 15px;
}

.news.news-single .article .secondheader span {
    margin-right: 2px;
    vertical-align: middle;
}

.vcard {
    padding: 30px 0px;
    border-bottom: 1px solid lightgray;
}

.vcard:first-child {
	padding-top: 10px;
}

.vcard:last-child {
    padding-bottom: 10px;
	border: none;
}

.nav-item .vcard,
.nav-item .vcard:first-child,
.nav-item .vcard:last-child {
	padding: 10px 0px;
    border: none;
}

.dropdown-menu[data-bs-popper] {
	margin-top: 0;
	top: 100%;
}

.teaserbild {
	height: 300px;
	max-height: 300px;
}

.teaserbild .ce-center .ce-outer {
    width:  100%;
    right: 0;
}

.teaserbild .ce-center .ce-inner {
    width: 100%;
    right: 0;
}

.teaserbild .ce-column {
    width: 100%;
}

.teaserbild .ce-gallery figure {
    width: 100%;
}

nav + .container-fluid {
    margin-bottom: 20px;
}

div#ce-uploads > div > div {
    /*margin-bottom: 40px;*/
}

.rutronik-box-content {
    height: 100% !important;
}

.supplier-logo img {
	width: auto;
	height: 36px;
	margin-top: 24px;
}


.layout-5 .navbar .navbar-nav .dropdown-menu a.nav-btn {
    background: #f0db00;
	color: black;
}

.layout-5 .navbar .navbar-nav .dropdown-menu a.nav-btn:hover {
	color: #f0db00;
}

.layout-5 .navbar .navbar-nav .dropdown-menu a.current,
.layout-5 .navbar .navbar-nav .dropdown-menu a:hover,
.layout-5 .navbar .navbar-nav .dropdown-menu a:focus,
.layout-5 .language ul li.active a,
.layout-5 .language ul li a:hover {
    color: #f0db00;
}

.layout-5 .frame-news-box header {
    border-bottom: 1px solid #f0db00;
    background: #f0db00;
}

.layout-5 .box, .layout-5 .frame-news-box {
	border-left: 2px solid #f0db00;
}

.layout-5 .iot-accordion .accordion-item {
    border-left: 1px solid #f0db00;
}

.layout-5 .rut-navbar {
	border-bottom: 7px solid #f0db00;
}

a.btn.btn-rutronik.default.bg-color-rutronikiotyellow {
    background-color: #f0db00;
    color: #FFF;
    border-color: #f0db00;
}


.layout-6 .navbar .navbar-nav .dropdown-menu a.nav-btn {
    background: #E30613;
	color: black;
}

.layout-6 .navbar .navbar-nav .dropdown-menu a.nav-btn:hover {
	color: #E30613;
}

.layout-6 .navbar .navbar-nav .dropdown-menu a.current,
.layout-6 .navbar .navbar-nav .dropdown-menu a:hover,
.layout-6 .navbar .navbar-nav .dropdown-menu a:focus,
.layout-6 .language ul li.active a,
.layout-6 .language ul li a:hover {
    color: #E30613;
}

.layout-6 .language ul li.active a,
.layout-6 .language ul li a:hover {
    color: #E30613;
}

.layout-6 .frame-news-box header {
    border-bottom: 1px solid #E30613;
    background: #E30613;
}

.layout-6 .box, .layout-6 .frame-news-box {
	border-left: 2px solid #E30613;
}

.layout-6 .iot-accordion .accordion-item {
    border-left: 1px solid #E30613;
}

.layout-6 .rut-navbar {
	border-bottom: 7px solid #E30613;
}

a.btn.btn-rutronik.default.bg-color-rutronikiotred {
    background-color: #E30613;
    color: #FFF;
    border-color: #FF3E49;
}





.layout-7 .navbar .navbar-nav .dropdown-menu a.nav-btn {
    background: #FCB300;
	color: black;
}

.layout-7 .navbar .navbar-nav .dropdown-menu a.current,
.layout-7 .navbar .navbar-nav .dropdown-menu a:hover,
.layout-7 .navbar .navbar-nav .dropdown-menu a:focus,
.layout-7 .language ul li.active a,
.layout-7 .language ul li a:hover {
    color: #FCB300;
}


.layout-7 .navbar .navbar-nav .dropdown-menu a:hover {
    color: #FCB300;
}

.layout-7 .frame-news-box header {
    border-bottom: 1px solid #FCB300;
    background: #FCB300;
}

.layout-7 .box, .layout-7 .frame-news-box {
	border-left: 2px solid #FCB300;
}

.layout-7 .iot-accordion .accordion-item {
    border-left: 1px solid #FCB300;
}

.layout-7 .rut-navbar {
	border-bottom: 7px solid #FCB300;
}


a.btn.btn-rutronik.default.bg-color-rutronikiotorange {
    background-color: #FCB300;
    color: #FFF;
    border-color: #FCB300;
}



.layout-8 .navbar .navbar-nav .dropdown-menu a.nav-btn {
    background: #73B62A;
	color: black;
}


.layout-8 .navbar .navbar-nav .dropdown-menu a.current,
.layout-8 .navbar .navbar-nav .dropdown-menu a:hover,
.layout-8 .navbar .navbar-nav .dropdown-menu a:focus,
.layout-8 .language ul li.active a,
.layout-8 .language ul li a:hover{
    color: #73B62A;
}

.layout-8 .frame-news-box header {
    border-bottom: 1px solid #73B62A;
    background: #73B62A;
}

.layout-8 .box, .layout-8 .frame-news-box {
	border-left: 2px solid #73B62A;
}

.layout-8 .iot-accordion .accordion-item {
    border-left: 1px solid #73B62A;
}

.layout-8 .rut-navbar {
	border-bottom: 7px solid #73B62A;
}








.layout-9 .navbar .navbar-nav .dropdown-menu a.nav-btn {
    background: #e6007e;
	color: black;
}


.layout-9 .navbar .navbar-nav .dropdown-menu a.current,
.layout-9 .navbar .navbar-nav .dropdown-menu a:hover,
.layout-9 .navbar .navbar-nav .dropdown-menu a:focus,
.layout-9 .language ul li.active a,
.layout-9 .language ul li a:hover{
    color: #e6007e;
}

.layout-9 .frame-news-box header {
    border-bottom: 1px solid #73B62A;
    background: #e6007e;
}

.layout-9 .box, .layout-9 .frame-news-box {
	border-left: 2px solid #e6007e;
}

.layout-9 .iot-accordion .accordion-item {
    border-left: 1px solid #e6007e;
}

.layout-9 .rut-navbar {
	border-bottom: 7px solid #e6007e;
}


span.rut-initiative {
    font-weight: bold;
}

.layout-5 span.rut-initiative {
    color: #f0db00;
}


.layout-6 span.rut-initiative {
    color: #E30613;
}


.layout-7 span.rut-initiative {
    color: #FCB300;
}


.layout-8 span.rut-initiative {
    color: #73B62A;
}

.layout-9 span.rut-initiative {
    color: #e6007e;
}

.layout-5  .box.frame-default,
.layout-6  .box.frame-default,
.layout-7  .box.frame-default,
.layout-8  .box.frame-default,
.layout-9  .box.frame-default,
.layout-5  .frame.frame-news-box.frame-type-list,
.layout-6  .frame.frame-news-box.frame-type-list,
.layout-7  .frame.frame-news-box.frame-type-list,
.layout-8  .frame.frame-news-box.frame-type-list,
.layout-9  .frame.frame-news-box.frame-type-list {
	border-left:  1px solid gray;
}

.layout-5  .frame.frame-news-box.frame-type-list,
.layout-5  .box.frame-default {
	border-left:  1px solid #f0db00;
}

.layout-6  .frame.frame-news-box.frame-type-list,
.layout-6  .box.frame-default {
	border-left:  1px solid #E30613;
}

.layout-7  .frame.frame-news-box.frame-type-list,
.layout-7  .box.frame-default {
	border-left:  1px solid gray;
}

.layout-8  .frame.frame-news-box.frame-type-list,
.layout-8 .box.frame-default {
	border-left:  1px solid #gray;
}

.layout-9  .frame.frame-news-box.frame-type-list,
.layout-9 .box.frame-default {
	border-left:  1px solid #gray;
}


.layout-5 .iot-accordion .accordion-body > *.row:last-child {
    background-color: #f0db00;
}
.layout-6 .iot-accordion .accordion-body > *.row:last-child {
    background-color: #E30613;
}
.layout-7 .iot-accordion .accordion-body > *.row:last-child {
    background-color: #FCB300;
}
.layout-8 .iot-accordion .accordion-body > *.row:last-child {
    background-color: #73B62A;
}
.layout-9 .iot-accordion .accordion-body > *.row:last-child {
    background-color: #e6007e;
}

a.btn.btn-rutronik.default.bg-color-rutronikiotgreen {
    background-color: #73B62A;
    color: #FFF;
    border-color: #73B62A;
}


.iot-accordion .accordion-body > *.row:last-child > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}

.accordion.iot-accordion button.accordion-button {
    background-color: #333;
    color: white;
    font-weight: bold;
    border-radius: 0;
}

.iot-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill='white' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-header:hover {
    transition: .3s;
    background: lightgray;
}

.accordion-button:hover {
    background: #eee;
    transition: .3s all;
}

.accordion-button:not(.collapsed):hover {
    background: #e7f1ff;
}

.accordion-button {
    transition: .3s all;
}

.frame.frame-news-box.frame-type-list,
.box.frame-default {
    border-left: 1px solid #333;
    position: relative;
    border-left: 2px solid #008bd2;
}

.box.frame-blue-box {
    border-left: 2px solid #008bd2;
}


.tab-pane header h2,
.tab-pane header h3 {
    display: none;
}

.raster-tab-pane.tab-pane header h2,
.raster-tab-pane.tab-pane header h3 {
    display: block;
}

.iot-accordion .accordion-button::after,
.accordion-with-plus-icon .accordion-button::after {
	display: none;
}

.iot-accordion i.fas.fa-plus,
.accordion-with-plus-icon i.fas.fa-plus {
    margin: 2px 15px 2px 0px;
}


.iot-accordion .accordion-button:not(.collapsed) i.fas.fa-plus:before,
.accordion-with-plus-icon .accordion-button:not(.collapsed) i.fas.fa-plus:before {
    content: "\f068";
}


.iot-accordion .accordion-body {
    padding: 0;
}

.iot-accordion .accordion-body > * {
    padding: 10px 20px;
}

.iot-accordion .accordion-body > *.row:last-child {
    margin: 0;
    padding: 10px;
}

.accordion.iot-accordion .accordion-item:last-of-type button.accordion-button {
    border-radius: 0;
}

.card-image .btn.btn-rutronik {
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0;
    width: 100%;
}

.card-image .btn.btn-rutronik:after,
.card-image .btn.btn-rutronik:before {
    background: transparent;
}

.card-image .rutronik-button {
    width: 100%;
}

.frame-black-box .box-boxlinkheadline-area {
        background-color: #333;
}

.frame-black-box  .box-headline p {
        color:white;
}


.frame-black-box.big-box {
    border-left: 2px solid #008bd2;
    background-color: #f5f5f5;
}

.col-card {
    margin-top: 14px;
    margin-bottom: 14px;
}

.card-element {
    margin-bottom: 20px;
}

.card-element:last-child {
    margin-bottom: 0;
}

.card-element {
    margin-bottom: 20px;
}

.card-element:last-child {
    margin-bottom: 0;
}

.card-element .rutronik-button {
    margin: 0;
    width: 100%;
	display: block;
}

.card-element .btn.btn-rutronik {
    width: 100%;
    border: 1px solid lightgray;
    background: white;
	margin: 0;
}

.btn.btn-rutronik.format-vertikal {
    display: flex;
    flex-direction: column;
}

.btn.btn-rutronik.color-weiss {
    color: white;
}

a.btn.btn-rutronik.bg-color-rutronikgruen,
.btn.btn-rutronik.bg-color-rutronikgruen {
    background-color: #5cb85c;
    border-color: transparent;
}

a.btn.btn-rutronik.bg-color-rutronikblau,
.btn.btn-rutronik.bg-color-rutronikblau {
    background-color: #008BD2;
    border-color: transparent;
}


a.btn.btn-rutronik.bg-color--rutronikgrau,
.btn.btn-rutronik.bg-color-rutronikgrau {
    background-color: #d4d4d4;
    border-color: transparent;
}

.btn.btn-rutronik:before,
.btn.btn-rutronik:after {
	display: none;
}

.box-boxcontent-area {
    padding: 8px 6px;
}

.social-media-icons-on-page ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    margin: 0;
    height: 100%;
    align-items: center;
}

.social-media-icons-on-page {
    height: 100%;
}

.social-media-icons-on-page ul li a {
    color: white;
    margin: 0 -7px;
    -webkit-transition: filter 0.4s;
    transition: all 0.4s;
    transition-timing-function: ease;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    filter: grayscale(75%) brightness(50%);
    background-size: 60px;
	transform: scale(1);
}


.social-media-icons-on-page ul li a:hover {
	
	filter: none;
    transition: all 0.4s;
    transition-timing-function: ease;
	transform: scale(1.1);
}

.social-media-icons-on-page ul li a[href*="facebook"] {
	background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/SoMe_Icons.png");
}
.social-media-icons-on-page ul li a[href*="twitter"] {
	background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/SoMe_Icons2.png");
}
.social-media-icons-on-page ul li a[href*="youtube"] {
	background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/SoMe_Icons3.png");
	background-position: -120px;
}
.social-media-icons-on-page ul li a[href*="linked"] {
	background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/SoMe_Icons5.png");
}
.social-media-icons-on-page ul li a[href*="xing"] {
	background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/SoMe_Icons9.png");
}
.social-media-icons-on-page ul li a[href*="rutronik-tec"] {
	background-image: url("/typo3conf/ext/rutronik/Resources/Public/Images/SocialMedia/SoMe_Icons10.png");
}
#picture-social-media .splitbar {
    height: 100%;
    background-color: transparent;
}

#picture-social-media.parallax-content {
    height: 80px;
}

.social-media-icons-on-page li.element1 {
    display: flex;
}



.box.frame-box-no-padding .box-boxcontent-area {
    padding: 0;
}

.frame-page-list-button ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.box.frame-box-no-padding .box-boxcontent {
    padding: 0;
}

.box.frame-box-no-padding .box-boxcontent-area .frame-type-text {
    padding: 16px;
}

.box.frame-box-no-padding .box-boxcontent-area .frame-type-text p {
    margin: 0;
}

.frame-page-list-button a {
    display: block;
    color: black;
    padding: 6px 8px 6px 12px;
    background: white;
    border-top: 1px solid #008bd2;
    border-bottom: 1px solid #008bd2;
    margin-bottom: 10px;
}


.frame-page-list-button a span { 
	font-family: news-gothic-std, Helvetica, Arial, sans-serif;
	font-weight: 400;
}


.frame-page-list-button a.fa-angle-right:before {
    padding-right: 6px;
    transition: .1s all;
}

.frame-page-list-button a.fa-angle-right:hover:before {
    padding-left: 3px;
    transition: .1s all;
}

.page-list-button {
    width: 100%;
    display: block;
}



.box.frame-box-no-padding .btn.btn-rutronik {
    text-align: left;
    margin: 0;
    padding: 6px 0px 6px 10px;
    flex-direction: row;
}


.box.frame-box-no-padding .button-title {
    line-height: 14px;
}

.box.frame-box-no-padding span.button-icon.fas.fa-angle-right {
    padding-right: 12px;
}

span.button-icon {
    margin-right: 5px;
}



.modal img.image-embed-item {
    width: 80% !important;
    height: auto !important;
}

.modal-footer {
	justify-content: space-between;
}

.modal-dialog {
    max-width: 1050px;
}

[target="thePicture"] {
	cursor: pointer;
    display: block;
    position: relative;
}

[target="thePicture"] i {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 25px;
    background: rgba(255,255,255, 0.4);
    padding: 4px;
    border-radius: 5px;
}

div#nav-top-wrap {
    position: sticky;
    top: 0;
    z-index: 1000;
}



ul.tabPanelBoxArea {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    margin: 0 !important;
    border: 1px solid lightgray;
    border-bottom: none;
}

ul.tabPanelBoxArea.maskTabPanel {
    border: none;
}

.frame-tap-panel-box-normal {
    border: none;
}

li.nav-item.currentShow {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border: 1px solid lightgray;
    border-bottom: 1px solid transparent;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #fff;
    /* border: 1px solid #ddd; */
    border-bottom-color: transparent;
    color: black;
    border-radius: 0;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

.nav-pills + .tab-content {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-top: none;
}

.nav-pills .nav-link {
    color: #008BD2;
    border-left: 1px solid transparent;
    border-right: 1px solidtransparent;
}

.nav-pills > li:first-child {
    margin: 0;
    /* padding: 0px 11px; */
    border-left: 3px solid #008BD2;
    /* line-height: 16px; */
}

.tabPanelBoxArea li.nav-item {
    margin: 0;
    line-height: 30px;
    padding: 0;
    border: none;
}

.modal-body {
	margin: auto;
	text-align: center;
	width: 100%;
}

.modal-body p {
	margin: 0;
}

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

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	margin: 0;
}

.product-box.box.frame-micropage-product-4 .row > div:nth-child(2) .box-boxcontent-area {
    padding: 0;
}

.product-box.box.frame-micropage-product-4 .row > div:nth-child(2) .box-boxlink {
    padding: 0;
    margin: 10px 0
}

.main-supplier .frame-micropage-product-10 header h2 {
    color: white;
    font-size: 18px;
    padding: 4px 0;
}



.main-supplier .frame-micropage-product-10 .box-headline header h2 {
	display: block;
    color: white;
}

.product-box.box.frame-micropage-product-10 .box-boxcontent {
    padding-bottom: 0;
}

.main-supplier .frame-micropage-product-5 .box-headline header h2 {
    display: block;
    color: black;
    padding-left: 12px;
}

.main-supplier .frame-micropage-product-52 .box-headline header h2 {
    display: block;
    color: black;
    padding-left: 12px;
}

.main-supplier .frame-micropage-product-10 .box-boximagelink {
    padding: 15px;
    /* border-left: 2px solid #008bd2; */
}

.product-box.box.frame-micropage-product-10 {
    border-left: none;
    margin: 0;
    /* background: white; */
    /* height: calc(100% - 85px); */
    border-left: 2px solid #008bd2;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-box.box.frame-micropage-product-10 .box-boxlinkheadline-area {
    /* border-left: 2px solid #008bd2; */
}

.product-box.box.frame-micropage-product-10 .box-boximagelink-area {
    background-color: #f5f5f5;
}

.product-box.box.frame-micropage-product-10 .box-boxcontent-area {
    /* border-left: 2px solid #008bd2; */
    background-color: #f5f5f5;
}

.product-box.box.frame-micropage-product-10 .box-boxlinkheadline-area {
    background-color: transparent;
    padding: 0;
}

.product-box.box.frame-micropage-product-10 .box-boxlinkheadline-area .box-headline {
    background-color: #333;
    padding: 10px;
}

.buttons-micropage-product-10.box-boxcontent-area {
    border: none;
    background: white;
    padding: 0;
    width: 100%;
}

.buttons-micropage-product-10.box-boxcontent-area .box-boxlink {
    padding: 20px 00;
    margin: 0;
    width: 100%;
    font-size: 20px;
}

.buttons-micropage-product-10.box-boxcontent-area .box-boxlink .box-boxlink-anchor {
    color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
    padding: 10px 0;
    width: 100%;
    display: block;
    text-align: center;
}



.main-supplier .frame-micropage-product-11 header h2 {
    margin: 0;
    padding-left: 10px;
    border-left: 4px solid #008bd2;
	font-size: 20px;
	color: black;
}

.box.frame-micropage-product-11 {
    border-left: none;
    background-color: white;
    border: 1px solid lightgray;
    position: relative;
    padding-bottom: 104px;
}

.frame-micropage-product-11 .box-boxlinkheadline-area {
	background: white;
    color: black;
    border-top: 1px solid #008bd2;
    padding-left: 0;
    height: 100px;
}

.frame-micropage-product-11.product-box .box-boxlink {
	padding: 0;
}

.frame-micropage-product-11.product-box .box-boxlink .box-boxlink-anchor {
	color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
}


.frame-micropage-product-11 .box-boxlink {
	margin-top: 20px;
	padding: 0;
}

.frame-micropage-product-11.product-box a.box-boxlink-anchor.download {
    background: white;
    color: black;
    border-top: 1px solid #008BD2;
    border-bottom: 1px solid #008BD2;
}

.frame-micropage-product-11.product-box .box-boxcontent-area.area-buttons {
    padding: 0;
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 104px;
}

.frame-micropage-product-11.product-box  .box-boxcontent {
	padding-bottom: 6px;
}


.frame-micropage-product-11.product-box .box-boxcontent-area.area-content {
    min-height: 400px;
}


.product-box.box.frame-micropage-product-12 {
    border: none;
    background-color: transparent;
    margin: 15px 0;
}

.product-box.box.frame-micropage-product-12 .box-boxlinkheadline-area {
	background: transparent;
	padding: 0 15px;
	border: none;
}

.product-box.box.frame-micropage-product-12 .box-boxcontent-area.area-buttons {
    width: 40%;
    padding: 0 15px;
    margin: 0;
}

.product-box.box.frame-micropage-product-12 .box-boxcontent-area.area-content {
    padding: 0 15px;
}

.main-supplier .product-box.box.frame-micropage-product-12  header h2 {
    padding: 0;
	color: black;
}

.product-box.box.frame-micropage-product-12 .box-boxcontent {
    padding: 0;
}

.product-box.box.frame-micropage-product-12 p {
    margin-bottom: 5px;
    margin-top: 5px;
}









.product-box.box.frame-micropage-product-121 {
    border: none;
    background-color: transparent;
    margin: 15px 0;
}

.product-box.box.frame-micropage-product-121 .box-boxlinkheadline-area {
	background: transparent;
	padding: 0 15px;
	border: none;
}

.product-box.box.frame-micropage-product-121 .box-boxcontent-area.area-buttons {
    width: 100%;
    padding: 0 15px;
    margin: 0;
}

.product-box.box.frame-micropage-product-121 .box-boxcontent-area.area-content {
    padding: 0 15px;
}

.main-supplier .product-box.box.frame-micropage-product-121  header h2 {
    padding: 0;
	color: black;
}

.product-box.box.frame-micropage-product-121 .box-boxcontent {
    padding: 0;
}

.product-box.box.frame-micropage-product-121 p {
    margin-bottom: 5px;
    margin-top: 5px;
}

.frame-tap-panel-box-normal li.nav-item {
    margin: 0;
    line-height: 30px;
    padding: 0;
    border: none;
}


.tap-panel-box-supplier-address h3:before,
.frame-tap-panel-box-normal h3:before {
    content: '';
    width: 3px;
    background: #008BD2;
    height: 100%;
    left: -15px;
    display: block;
    position: absolute;
}

.tap-panel-box-supplier-address h3,
.frame-tap-panel-box-normal h3 {
    position: relative;
    line-height: 26px;
}

.frame-tap-panel-box-normal .nav-pills + .tab-content {
    border: none;
}

.frame-tap-panel-box-normal {
    border: 1px solid #ddd;
}

figcaption.image-caption {
    display: none;
}

a.btn.btn-rutronik.border-noborder {
    border: none;
}


.carousel-item .ce-gallery figcaption {
	display: none;
}

.carousel-inner .carousel-item .carousel-image .ce-inner .ce-row {
    margin-bottom: 0;
}

main > .frame.frame-default.frame-type-image .ce-outer {
    float: none;
    right: auto;
}

main > .frame.frame-default.frame-type-image .ce-outer .ce-inner {
    float: none;
    right: auto;
}

main > .frame.frame-default.frame-type-image .ce-outer .ce-inner .ce-column {
    width: 100%;
}

main > .frame.frame-default.frame-type-image .ce-outer .ce-inner .ce-column .image {
    width: 100%;
    position: relative;
    height: 200px;
}


main > .frame.frame-default.frame-type-image .ce-outer .ce-inner .ce-column .image .image-embed-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

html[lang="cn"] main > .frame.frame-default.frame-type-image .ce-outer .ce-inner .ce-column .image .image-embed-item {
    height: auto;
}

.container-fluid.frame-lightgray-container,
.container-fluid.frame-lightgray-container-2 {
    background: #f5f5f5;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 20px;
}

.frame-lightgray-container header h2,
.frame-lightgray-container-2 header h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    padding: 16px;
    margin: 0;
}

.logos > * > * > a {
    display: block;
	margin: 10px 0;
}

.logos > * > *  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.logos > * > * > a:last-child {
    /*color: #fff;*/
    /*background-color: #5bc0de;*/
    /*border-color: #46b8da;*/
    border-radius: 0;
    margin: 9px 0;
    padding: 1px 13px;
}

.logos > .data-layout-10 > * > a:last-child {
    color: #fff;
}

.logos > .data-layout-10 > * > a:nth-child(2) {
    background-color: #5bc0de;
    border-color: #46b8da;
}


.logos > .data-layout-0 > * > a:nth-child(2) {
    display: none;
}

.logos img {
    max-height: 65px;
    max-width: 100%;
}

.singe-logo {
    text-align: center;
    margin: 5px auto;
}

.singe-logo img {
    max-height: 80px;
}

.frame-layout-0 + span,
.frame-layout-0 + span + span {
    display: none;
}

.component-category-navigation .frame-layout-0 + span, .component-category-navigation .frame-layout-0 + span + span {
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}

.ce-gallery img.image-embed-item.image-fix {
    /*width: 300px;*/
}

a.btn.btn-rutronik.bg-color-rutronikblau2 {
    background-color: #5bc0de;
}

form[action*="inxmail"] input[type="text"], form[action*="inxmail"] input[type="email"], form[action*="inxmail"] select, form[action*="inxmail"] button {
    margin-bottom: 6px;
    border-radius: 0;
    width: 100%;
}

.g-recaptcha {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
}

form[action*="inxmail"] .form-group label {
    display: block;
}

form[action*="inxmail"] .form-group label input {
    margin-right: 6px;
}

form[action*="inxmail"] button[type="submit"] {
	color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.row.frame-box-same-height .box {
    margin: 0;
}

a.btn.btn-rutronik.border-schwarz {
    border: 1px solid lightgray;
}

.accordion-collapse .row {
    /*margin: 28px 0;*/
}

.main-supplier section > .container-fluid {
    padding: 0;
	margin: 0;
}

.main-supplier section > .container-fluid > .container {
	margin-bottom: 0;
}

.mediaelement.mediaelement-image figcaption,
.ce-gallery figcaption {
	display: none;
}

.frame-image-with-description .ce-gallery figcaption.image-caption {
    display: block;
}

.frame-image-with-title-and-description .ce-gallery figcaption.image-caption,
.frame-image-with-title-and-description .ce-gallery figcaption.image-title {
    display: block;
}


.frame-news-box-2 .mediaelement.mediaelement-image:not(:first-child) {
    width: 68px;
    height: 68px;
    vertical-align: top;
}

.frame-news-box-2 .mediaelement.mediaelement-image:not(:first-child) img {
    width: 100%;
    height: auto;
}

.frame-news-box-2 .mediaelement.mediaelement-image:not(:first-child) .lightbox, .frame-news-box-2 .mediaelement.mediaelement-image:not(:first-child) .lightbox a {
    height: 100%;
    width: 100%;
}

.ce-row {
    /*margin-bottom: 0;*/
}

.box-boximagelink .frame-type-image .ce-gallery .ce-outer .ce-inner .ce-row {
    margin-bottom: 0;
}

.supplier-logo .ce-image,
.supplier-logo .ce-gallery,
.supplier-logo .ce-row {
	overflow: visible;
}

.box {
    position: relative;
    overflow: hidden;
}

.box-boxlink-area {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.box-boxlink-area a {
    width: 100%;
}

.box-boxcontent ul {
    padding: 0 0 0 18px;
}

.frame-image-with-title .ce-gallery figcaption.image-title {
    display: block;
}

.component-category-navigation .fade-wrap {
	/*cursor: pointer;*/
}

.component-category-navigation .fade-wrap > a {
    display: block;
    margin: 0px auto;
    width: 100%;
    height: 112px;
    color: black;
    word-break: keep-all;
    padding: 0;
    position: relative;
}

.component-category-navigation .fade-wrap:hover > div.frame:nth-child(2) {
    opacity: 0;
}

.component-category-navigation .fade-wrap .frame:nth-child(2) {position: absolute;top: 0;width: 100%;height: 100%;top: 0;left: 0;}


.frame > iframe:not(.no-css-height) {
    width: 100%;
    height: 300px;
}

li.glide__slide  {
    opacity: 0.3;
    transition: .6s all;
}

li.glide__slide.glide__slide--active + li {
    z-index: 999;
    opacity: 1;
    transition: .6s all;
}

li.glide__slide.glide__slide--active + li img {
    margin-left: 50%;
    transform: translateX(-50%);
    padding: 4px;
    border: none;
    border-radius: 5px;
    transition: .6s;
}

button.glide__arrow {
    top: 22%;
    opacity: 0.9;
}

.glide__slide a {
    display: block;
    padding: 5px;
}

li.glide__slide.glide__slide--active + li:hover img {
    transform: scale(1.02) translateX(-49%);
    transition: .6s;
}

li.glide__slide img {
    margin-left: 50%;
    transform: translateX(-50%);
    padding: 30px;
    border: none;
    border-radius: 5px;
    transition: .6s;
}


main {
    margin-top: 0;
}

main.main-supplier {
    margin-top: 0;
}


.box-boxlink .rutronik-button {
    padding: 22px 20px;
    width: 100%;
}


.article a img,
.logos img {
	transition: .3s all;
	transform: scale(1);
}

.news-list-view .article .col-image a {
    border: 1px solid lightgray;
    display: block;
    height: 180px;
    text-align: center;
    max-width: 252px;
	margin: auto;
}

.news-list-view .article a img {
    height: 100%;
    width: auto;
    /* object-fit: cover; */
    padding: 0;
}

.article a:hover img,
.logos img:hover {
	/* transition: .3s all; */
	/* transform: scale(1.03); */
}


.frame-page-list-button a span {
	transition: .3s all;
	display: inline-block;
	margin-left: 0;
}

.frame-page-list-button a:hover span {
	transition: .3s all;
	transform: scale(1.04);
	margin-left: -6px;
	/* font-weight: bold; */
}

.shariff li a,
a.box-boxlink-anchor,
.supplier-logo img,
.accordion-as-green-button .accordion-button,
.frame-type-menu_subpages a,
.glide__slide .frame-type-textmedia a,
.rutronik-button, .btn {
	transition: .3s all;
	transform: scale(1);
}

.shariff li a:hover,
a.box-boxlink-anchor:hover,
.supplier-logo img:hover,
.accordion-as-green-button .accordion-button:hover,
.frame-type-menu_subpages a:hover,
.glide__slide .frame-type-textmedia a:hover,
.rutronik-button:hover, .btn:hover {
	transition: .3s all;
	transform: scale(1.02);
}

.rutronik-button.page-list-button:hover,
.btn.page-list-button:hover {
	transition: .3s all;
	transform: scale(1);
}



.btn.page-list-button .fa-angle-right:before {
    padding-left: 0;
    transition: .1s all;
}

.btn.page-list-button:hover .fa-angle-right:before {
    padding-left: 6px;
    transition: .1s all;
}

.btn.page-list-button .button-title {
	margin-left: 0;
    transition: .1s all;
}


.btn.page-list-button:hover .button-title {
	margin-left: -5px;
    transition: .1s all;
}


.tx-powermail .rutronik-button:hover,
.tx-powermail .btn:hover {
	transition: .3s all;
	transform: scale(1.01);
}

nav.navbar {
	position: relative;
}

nav.navbar > .brand {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
}

nav.navbar > .brand >.navbar-brand {
	margin: 0;
}

header.header {
    top: 0;
    position: fixed;
    z-index: 999;
    width: 100%;
}

.box-boxcontent.boxcontent-no-padding {
    padding-bottom: 0;
}

.frame-blue-container .box-boxcontent {
    padding-bottom: 0;
}

.frame-type-table table.ce-table tr td:first-child {
    font-weight: bold;
}

.frame-layout-19 table.ce-table tr td:first-child,
.frame-layout-19 table.ce-table tbody > tr td {
    font-weight: lighter;
}

.frame-layout-19 table.ce-table tbody > tr:first-child td {
    font-weight: bold;
}

.ce-table {
    border: 1px solid #ddd;
	border-left: none;
	border-right: none;
}

.ce-table > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.ce-table > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.ce-table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.ce-table:hover > tbody > tr:hover {
    background-color: #f5f5f5
}


.main-supplier #row-2 > .container > .row {
    margin-bottom: 0;
    width: 100%;
}

.col-micro-productsearch {
	position: relative;
	text-align: right;
    display: flex;
    justify-content: right;
    align-items: center;
}

button.btn.btn-default.btn-search-toggle {
    border: none;
    color: white;
    padding: 20px 30px;
    font-size: 24px;
}

#slideBanner {
    display: none;
    position: fixed;
    width: 50px;
    height: 250px;
    bottom: 212px;
    z-index: 101;
    border-top: 2px solid #333333;
    border-bottom: 2px solid #333333;
    overflow: hidden
}

#slideBanner .inner {
    position: relative
}

#slideBanner .inner .toggle {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    height: 250px;
    width: 50px;
    background-color: #333;
    text-align: center
}

#slideBanner .inner .toggle .glyphicon {
    margin-top: 110px;
    font-size: 30px;
    color: #FFF;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
}

#slideBanner .inner .toggle .glyphicon:before {
    content: '';
}

#slideBanner .inner .toggle .glyphicon.glyphicon-chevron-left:before {
    content: "\f104";
}

#slideBanner .inner .toggle .glyphicon.glyphicon-chevron-right:before {
    content: "\f105";
}

.main-supplier #row-1 > .container > div:first-child a {
    display:  block;
    margin-top: 24px;
    /* margin-bottom: 20px; */
}

.supplier-logo > .frame-type-image {
    /* margin-top: 50%; */
    /* transform: translateY(-50%); */
}


#prefooter-content.parallax-content {
	height: auto;
}


#prefooter-content.parallax-content > .container {
	margin-bottom: 0;
	padding-bottom: 20px;
}


.splitteaser-headline-gray-background .splitbar {
    background-color: #f5f5f5;
}

.splitteaser-headline-gray-background .splitbar h2 {
    color: black;
    border-bottom: 1px solid #c6c6c6;
}

.splitteaser100 {
	margin-bottom: 0;
}

.language {
	height: 42px;
}

.language ul li a img {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    vertical-align: top;
    padding-top: 2px;
    padding-left: 1px;
}

.language ul li {
    border: 2px solid transparent;
    /* padding: 0; */
    /* height: 43px; */
    border-radius: 4px;
    transition: .3s all;
    /* overflow: hidden; */
    /* width: 25px; */
    height: 25px;
    padding: 0px;
    margin: 0 3px;
}

.language ul li.active,
.language ul li:hover {
    border-bottom: 2px solid white;
    transition: .3s all;
}

.space-before-extra-small { margin-top: 1em !important; }
.space-before-small { margin-top: 2em !important; }
.space-before-medium { margin-top: 3em !important; }
.space-before-large { margin-top: 4em !important; }
.space-before-extra-large { margin-top: 5em !important; }
.space-after-extra-small { margin-bottom: 1em !important; }
.space-after-small { margin-bottom: 2em !important; }
.space-after-medium { margin-bottom: 3em !important; }
.space-after-large { margin-bottom: 4em !important; }
.space-after-extra-large { margin-bottom: 5em !important; }

.frame-space-before-extra-small { margin-top: 1em !important; }
.frame-space-before-small { margin-top: 2em !important; }
.frame-space-before-medium { margin-top: 3em !important; }
.frame-space-before-large { margin-top: 4em !important; }
.frame-space-before-extra-large { margin-top: 5em !important; }
.frame-space-after-extra-small { margin-bottom: 1em !important; }
.frame-space-after-small { margin-bottom: 2em !important; }
.frame-space-after-medium { margin-bottom: 3em !important; }
.frame-space-after-large { margin-bottom: 4em !important; }
.frame-space-after-extra-large { margin-bottom: 5em !important; }

.frame-type-menu_sitemap > ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: space-around;
    padding: 0;
}

.frame-type-menu_sitemap > ul > li {
    width: calc(25% - 30px);
    border-left: 2px solid #008bd2;
    background-color: #f5f5f5;
    position: relative;
    margin-bottom: 25px;
}

.frame-type-menu_sitemap > ul > li > a {
    background-color: #333;
    display: block;
    color: white;
    padding: 20px;
    color: #FFF;
    font-size: 120%;
}

.frame-type-menu_sitemap > ul > li > ul {
    padding: 15px 32px;
}

.center {
	text-align: center !important;
}

.full-size.teaserbild.layout-15 {
    height: auto !important;
}

[itemprop="streetAddress"] {
	word-break: break-word;
    white-space: pre-wrap;
}


.frame-content-with-border {
    border: 1px solid lightgray;
    padding: 12px 0px;
    margin: 15px 0;
}

.image-preview-col {
    /* height: 183px; */
}

.row.pdf-list-row {
    margin-bottom: 40px;
}

h4.ce-uploads-fileName {
    font-size: 20px;
}

.row.frame-box-same-height .frame-gray-container .box-boxlinkheadline-area,
.row.frame-box-same-height .frame-blue-container .box-boxlinkheadline-area,
.row.frame-box-same-height .frame-black-container .box-boxlinkheadline-area {
    height: 100%;
}

.row.frame-box-same-height .frame-gray-container .box-boxlinkheadline-area  .box-boxcontent-area,
.row.frame-box-same-height .frame-blue-container .box-boxlinkheadline-area  .box-boxcontent-area,
.row.frame-box-same-height .frame-black-container .box-boxlinkheadline-area  .box-boxcontent-area {
    height: calc(100% - 60px);
}


header.header .navbar .navbar-nav .dropdown-menu a:not(.btn-rutronik):hover {
	background-color: black;
}

.glide__slide .frame-type-textmedia a {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    width: 130px;
    margin: auto;
}

.box-boxcontent .frame-page-list-button ul {
    padding: 0;
}

.component-category-navigation .fade-wrap > a:hover > .frame:nth-child(2),
.component-category-navigation .fade-wrap > a.current > .frame:nth-child(2) {
    opacity: 0;
}

.modal-body img {
    width: 75%;
    height: auto;
}

.news.news-single [target="thePicture"] img {
    width: 100%;
    height: auto;
}

footer > .container > .row > * > .row:first-child > * > .frame-type-menu_pages > ul > li > a {
    color: #606d75;
    font-size: 18px;
    margin: 0px;
}

legend.powermail_title {
    border-bottom: 1px solid lightgray;
}

.tt_address_list h6 {
    font-weight: bold;
    margin: 0;
    line-height: 26px;
}

hr.ce-div {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid lightgray;
}

.frame-contact-form-with-id-without-headline .powermail_title,
.frame-powermail-without-headline.frame-type-list .powermail_title {
    display: none;
}



.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 19px;
    line-height: 1.3333333;
    border-radius: 0
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0
}

div#job-list {
    padding: 14px;
}

.image-preview-col img.thumbnail {
    width: 100%;
}


.image-preview-col a {
    border: 1px solid lightgray;
    padding: 5px;
    display: block;
    /* height: 100%; */
    overflow: hidden;
}

.image-preview-col a img.thumbnail {
    width: 100%;
    transition: .3s all;
    transform: scale(1);
    padding: 0;
}

.image-preview-col a:hover img.thumbnail {
    transition: .3s all;
    transform: scale(1.1);
}

.frame-content-space-between {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.accordion-button:focus {
	border: none;
	box-shadow: none;
}

.iot-accordion .accordion-item {
	border-radius: 0;
	margin: 6px 0;
}

.accordion-button:not(.collapsed) {
	color: #008bd2;
}

.glide__arrows {
    opacity: .3;
    transition: .3s all;
}

.glide__arrows:hover {
    opacity: 1;
    transition: .3s all;
}

.news-event p {
	margin: 0;
}

p.event-start-date,
p.event-end-date {
    padding: 6px 4px;
}



li.news-event hr {
    margin: 11px 0;
}

.news-event span.no-media-element {
    display: block;
    line-height: 26px;
}

.event-category span.label.label-info {
    margin-left: 2px;
    border-radius: 4px;
    padding: 2px 8px;
}

.news-event p.event-teaser-text {
    padding: 12px 20px;
}

.news-container-headlines ul.news-headlines li a.readmore {
    padding: 6px 0;
    width: calc(100% - 40px);
    margin: auto;
}

.news-event p.event-category {
    margin-top: 8px;
}

p.p-no-margin {
	margin: 0;
}

.news .no-news-found {
    margin: 20px;
    padding: 15px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    font-style: normal;
}


.product-box.box.frame-micropage-product-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-box.box.frame-micropage-product-2 .box-boxcontent {
    padding-bottom: 0;
}

header > nav li#myDropdownRutronik {
    border: none;
}


.product-box.box.frame-micropage-product-20.box .box-boxlinkheadline-area {
    background-color: #f5f5f5;
    border-bottom: 1px solid #c6c6c6;
    padding: 18px 15px;
}

.product-box.box.frame-micropage-product-20 {
    background: white;
    border-left: 2px solid #c6c6c6;
	
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-box.box.frame-micropage-product-20.box header h2 {
    color: black;
    font-size: 20px;
}


.product-box.box.frame-micropage-product-3 .box-boxcontent {
    padding-bottom: 0;
}


.product-box.box.frame-micropage-product-22 .box-boxlinkheadline-area header h2 {
    display: block;
    color: black;
    border: none;
}

.product-box.box.frame-micropage-product-22 .box-boxlinkheadline-area {
    background: white;
    border: none;
	height: 50px;
}

.product-box.box.frame-micropage-product-22 .box-boxcontent-area {
    background: white;
    border: none;
}

.product-box.box.frame-micropage-product-22 .box-boxcontent-area.box-boxcontent-area-button {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.product-box.box.frame-micropage-product-22 {
    border: none;
    padding-bottom: 100px;
	background: white;
}

.product-box.box.frame-micropage-product-22 .box.product-box {
	border: none;
	position: relative;
	padding-bottom: 130px;
	background: white;
}


.product-box.box.frame-micropage-product-22 .box-boxcontent {
    padding-bottom: 6px;
}

.product-box.box.frame-micropage-product-22 .box.product-box .box-boxcontent {
	padding-bottom: 6px;
}


span.tab_subheader {
    display: block;
    opacity: 0.6;
    font-size: 85%;
}

´




.accordion-as-green-button.accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0;
    border: 0;
}

.accordion-as-green-button.accordion .accordion-item {
    border: none;
    border-radius: 0;
}

.accordion-as-green-button.accordion .accordion-button::after {
    content: "";
    display: none;
}

.accordion-as-green-button.accordion .accordion-button,
.accordion-as-green-button.accordion .accordion-button:not(.collapsed) {
    background: #5cb85c;
    color: white;
    border-radius: 0;
    
}


.accordion-as-green-button.accordion .accordion-item:first-of-type .accordion-button {
    border-radius: 0;
    justify-content: center;
    padding: 8px;
}

.accordion-as-green-button.accordion .accordion-item:first-of-type .accordion-button i {
	margin-right: 15px;
	vertical-align: top;
}

.accordion.accordion-as-green-button {
    margin-top: 5px;
}

.product-box.box.frame-micropage-product-53 .box-boxlinkheadline-area header h2 {
    margin: 0;
    padding-left: 10px;
    border-left: 4px solid #008bd2;
    color: black;
    font-size: 22px;
}

.product-box.box.frame-micropage-product-53 .box-boxlinkheadline-area {
    border-top: 1px solid #008bd2;
    border-bottom: 1px solid lightgray;
    padding-left: 0;
}

.product-box.box.frame-micropage-product-53.box.product-box {
    border: 1px solid lightgray;
    /*border-top: none;*/
    /* display: flex; */
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin: 0;
    background: white;
    padding-bottom: 40px;
}

.product-box.box.frame-micropage-product-53 .box-boxcontent-area-button {
    padding: 0;
}

.product-box.box.frame-micropage-product-53 .box-boxcontent-area-button .box-boxlink {
    padding: 0;
}

.product-box.box.frame-micropage-product-53 .box-boxcontent-area-button .box-boxlink .rutronik-button {
    padding: 0;
    margin: 0;
}
.product-box.box.frame-micropage-product-53.box.product-box img {

    width: 100%;
}

.product-box.box.frame-micropage-product-53.box.product-box .box-boxcontent-area.boxcontent-area-text {
    min-height: 100px;
}

.product-box.box.frame-micropage-product-53.box.product-box .ce-gallery figure {
    height: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-box.box.frame-micropage-product-53 .box-boxcontent-area-button {
    padding: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.accordion.accordion-as-green-button .accordion-body {
    padding: 0;
}

header > nav li.nav-item.currentShow {
    border: none;
}


.col-1-5 {
    flex: 0 0 auto;
    width: 20%;
    padding: 0 11px;
}

.frame-type-text p {
    word-break: break-word;
}



.linecardlogo {
    display: inline-block;
    padding: 10px;
    border: 1px solid lightgray;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
}
.linecard-link .button-icon {
    padding-right: 6px;
}

.row.linecard-row {
    border-bottom: 1px solid lightgray;
    margin-top: 5px;
}

.row.linecard-row:last-child {
    border: none;
}

.linecardlogo a {
    transition: 0.3s all;
    transform: scale(1);
    display: block;
}

.linecardlogo:hover a {
    transition: 0.3s all;
    transform: scale(1.2);
}


nav.rut-navbar.navshrink #navbarCollapse .nav-item {
    padding: 0 1px 0 1px;
    transition: .3s all;
}

nav.rut-navbar:not(.navshrink) #navbarCollapse .nav-item {
    transition: .3s all;
}

main:not(.navshrink) {
    margin-top: 104px;
    transition: .3s all;
}



main.navshrink {
    margin-top: 50px;
    transition: .3s all;
}



main.main-supplier {
    margin-top: 0;
}

.navbar .navbar-nav .dropdown-menu {
  animation: opacityKeyFrame .6s;
  -webkit-animation: opacityKeyFrame .6s;
}

.box-headline,
.navbar .navbar-nav .dropdown-menu a,
#navbarCollapse a.nav-link.dropdown-toggle,
.modal-backdrop *, .modal-backdrop,
.modal, .modal-dialog, .modal-content, .modal-content > .modal-header, .modal-content > .modal-footer, .modal-footer > *,
.carousel-item *, .carousel-item ,
.col-components, .col-components *{
    animation: none;
}

[target="thePicture"] {
    transform: scale(1);
    transition: .3s;
	overflow: hidden;
}

[target="thePicture"]:hover {
    transform: scale(1.03);
    transition: .3s;
}

.ce-table tr:hover {
    transition: .3s all;
    background: lightgray;
}

.ce-table tr {
    transition: .3s all;
}



.dropdown-menu > li:hover > a.dropdown-item + .submenu {
    display: none;
}

.form-control:focus {
	box-shadow: none;
}




.mg-bottom-extraSmallSmMd > .grid-col,
.mg-bottom-smallSmMd > .grid-col,
.mg-bottom-mediumSmMd > .grid-col,
.mg-bottom-largeSmMd > .grid-col,
.mg-bottom-extraLargeSmMd > .grid-col,
.mg-bottom-extraSmallSm > .grid-col,
.mg-bottom-smallSm > .grid-col,
.mg-bottom-mediumSm > .grid-col,
.mg-bottom-largeSm > .grid-col,
.mg-bottom-extraLargeSm > .grid-col,
.mg-bottom-extraSmallMd > .grid-col,
.mg-bottom-smallMd > .grid-col,
.mg-bottom-mediumMd > .grid-col,
.mg-bottom-largeMd > .grid-col,
.mg-bottom-extraLargeMd > .grid-col {
	margin-bottom: 0;
}



.mg-bottom-extraSmallMdLg > .grid-col,
.mg-bottom-extraSmallLg > .grid-col {
	margin-bottom: 1em;
}


.mg-bottom-smallMdLg > .grid-col,
.mg-bottom-smallLg > .grid-col {
	margin-bottom: 2em;
}


.mg-bottom-mediumMdLg > .grid-col,
.mg-bottom-mediumLg > .grid-col {
	margin-bottom: 3em;
}



.mg-bottom-largeMdLg > .grid-col,
.mg-bottom-largeLg > .grid-col {
	margin-bottom: 4em;
}


.mg-bottom-extraLargeMdLg> .grid-col,
.mg-bottom-extraLargeLg > .grid-col {
	margin-bottom: 5em;
}


.modal-content {
    background-color: rgba(255,255,255,0.9);
}



.frame-type-felogin_login .submit-botton,
.frame-type-felogin_login .input-group {
    width: 50%;
}

.row.card-mask-row {
    /* display: block; */
    margin: 0;
}

.main-supplier section > .container, .main-supplier section > .container-fluid {
    padding: 0 15px !important;
}


.tablet-view .col-micro-productsearch,
.desktop-view .col-micro-productsearch {
    display: flex !important;
}

.tablet-view .btn-search-toggle,
.desktop-view .btn-search-toggle {
    display: block !important;
}

.col-micro-bradcrump2 {
	margin: 10px 0;
}


.product-box .rutronik-button {
	margin-bottom: 5px;
	margin-top: 5px;
}

.product-box.frame-micropage-product-10 .rutronik-button {
	margin-bottom: 0;
	margin-top: 0;
}

a.btn.btn-read-more span {
	padding-right: 3px;
}



.yt_pl_video_player {
	height: 650px;
}

.femanager_fieldset.femanager_terms.form-group {
    margin-top: 10px;
}

#picture-social-media,
div#prefooter-content {
    margin-top: 20px;
}

.carousel-inner .carousel-item .carousel-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

p.alert-message {
	margin-bottom: 0;
}

.frame-type-felogin_login label {
    width: 100%;
}

.extbase-debugger-floating {
	z-index: 9999;
}

.extbase-debugger-floating ~ * {
     opacity: 0.3;
}

.extbase-debugger-floating ~ .extbase-debugger-floating {
     opacity: 1;
}

form#newPassordForm {
    width: 33.3%;
    margin: auto;
}



.only-mobil-size .mobil-size {
	display: block;
}



.frame > iframe.no-css-height-2 {
	width: 100%; 
    height: auto;
}


@keyframes opacityKeyFrame {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.d-lg-flex,
.d-flex {
	display: flex;
}

.d-md-flex,
.d-sm-flex {
	display: none;
}

.read-more-area {
    visibility: hidden;
}

main .tx-kesearch-pi1 .kesearch_searchbox {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    width: 370px;
}

main .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox {
    width: 220px;
}

main fieldset.kesearch_searchbox > .submitbutt button {
    box-shadow: none;
    border: none;
    background: transparent;
    width: 45px;
    height: 100%;
    border: 1px solid lightgray;
    border-radius: 4px;
}

.box-boxcontent .frame-type-menu_subpages.frame-page-list-button ul li:last-child a {
    margin-bottom: 0;
}

a.btn.btn-rutronik.page-list-button.bg-color-rutronikgruen.color-weiss.format-vertikal {
    margin-top: 10px;
}


.teaserbild * {
    height: 100%;
}

.teaserbild .ce-gallery figure {
	width: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
}

.teaserbild img {
    object-position: top;
}

.teaserbild.data-object-position-top img {
    object-position: top;
}

.teaserbild.data-object-position-topleft img {
    object-position: top left;
}

.teaserbild.data-object-position-topright img {
    object-position: top right;
}

.teaserbild.data-object-position-bottom img {
    object-position: bottom;
}

.teaserbild.data-object-position-bottomleft img {
    object-position: bottom left;
}

.teaserbild.data-object-position-bottomright img {
    object-position: bottom right;
}

.teaserbild.data-object-position-center img {
    object-position: center;
}

.teaserbild.data-object-position-right img {
    object-position: right;
}

.teaserbild.data-object-position-left img {
    object-position: left;
}



.image-div {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0;
    background: white;
    border: 8px solid white;
    transition: .3s all;
}

.news-list-view .article .col-image a:hover .image-div {
	border-width: 0;
    transition: .3s all;
}

#navbarCollapse .nav-item.contact-dropdown, #navbarCollapse .nav-item.search-dropdown {
    position: static;
}

#navbarCollapse .nav-item.contact-dropdown ul.dropdown-menu {
    left: calc(50vw - 570px);
}

.navbar .navbar-nav .dropdown-menu .address + ul a {
    margin: 0;
    padding: 0;
}

.navbar .navbar-nav .dropdown-menu .address + ul span {
    margin-left: 10px;
}

li#myDropdownSearch .dropdown-menu {
    width: 500px;
    left: calc(50vw - 250px);
}



li#myDropdownContact .dropdown-menu,
li#myDropdownSearch .dropdown-menu {
    top: calc(100% - 4px);
}


html[lang='cn'] .g-recaptcha {
    display: none;
}

.femanager_note,
.typo3-message.message-2,
html[lang='cn'] .powermail_label {
	display: none;
}

html.no-cookie-banner #econda-pp2-banner,
html.no-cookie-banner #econda-pp2-banner-modal {
	display: none !important;
}

iframe.iframe-no-cookie {
    border: 1px solid lightgray;
    border-radius: 10px;
}

.accept-cookies {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 370px;
    margin: 0 auto;
    text-align: center;
    left: 50%;
    max-width: 80%;
    font-size: 14px;
    max-height: 100%;
    overflow-y: auto;
}

#yt_pl_player .accept-cookies {
	top: 25%;
}

.frame-type-html {
    position: relative;
}


p.accept-cookie-action {
    color: #fff;
    background-color: #008BD2;
    border-color: #007ab9;
    padding: 10px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
}

.accept-cookies p {
    margin: 5px 0;
}

.accept-cookies a {
    color: #008BD2 !important;
    padding: 4px !important;
}

.ce-gallery img.image-gif {
    /*! height: 0; */
    position: absolute;
    transition: .5s all;
    top: 0;
    opacity: 0;
}

.frame-image-gif-animation.onhover .ce-gallery img {
	cursor: pointer;
}

.frame-image-gif-animation.onhover .ce-gallery img.image-gif {
    height: 100%;
    top: 0;
    transition: .5s all;
    opacity: 1;
}


.frame-layout-23 .ce-table > tbody > tr:first-child b {
    font-weight: normal;
}

.frame-layout-23 .ce-table > tbody > tr:first-child td:first-child b {
    font-weight: bolder;
}

@media all and (min-width: 1200px) {
	
	.col-components {
		width: 130px;
	}
}



@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative; 	}
    .nav-item .submenu{
        display: none;
        position: absolute;
        left: calc(100% - 1px);
        top:-7px;
    }
    .nav-item .submenu-left{
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover > .submenu{ display: block; }


    .dropdown-menu > li.li-form:hover{ background-color: #000 }

    .hidden-mobile {
        display: block;
    }

    .visible-mobile {
        display: none;
    }
	
	#productsearch .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
		width: 100%;
		border-radius: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border: none;
	}

	#productsearch  .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
		width: 100%;
		margin: 0;
	}

	#productsearch .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) input.btn.btn-success {
		width: 100%;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	
}


@media all and (max-width: 1440px) {
	ul.menu.socialmedia {
		display: block;
		margin: 0;
		text-align: center;
		padding: 0 20px 0 0px;
	}
	
	.navbar .navbar-nav .contact-dropdown .dropdown-menu,
	.navbar .navbar-nav .search-dropdown .dropdown-menu {
		left: -20vw
	}
	
	
	.frame-type-menu_sitemap > ul > li {
		width: calc(50% - 40px);
		margin: 20px;
	}
	
	.frame-type-felogin_login .submit-botton, .frame-type-felogin_login label {
		width: 75%;
	}
	
	
	.language {
		margin-right: 5px;
		border-right: 1px solid gray;
	}
	
	.social-media {
		margin-left: 3px;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 0.3vw;
		padding-right: 0.3vw;
	}
}



@media all and (max-width: 1440px) and (min-width: 1201px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 14px;
		padding-top: 0;
		padding-bottom: 2px;
	}
	
	
	.language ul li {
		padding: 0px;
		margin: 0 3px;
	}
	
	.language ul {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	
	.language {
		margin-right: 0;
		border-right: none;
	}
	
	ul.menu.socialmedia {
		margin: 0;
		padding: 0 16px 0 0px;
	}
	
	a.navbar-brand {
		margin-right: 6px;
	}
	
	.navbar-expand-lg .navbar-nav {
		margin-right: 6px !important;
	}
	
	main:not(.navshrink) {
		margin-top: 91px;
	}
	
	.navbar-expand-lg .navbar-collapse {
		justify-content: space-between;
	}
}

@media all and (max-width: 1200px) {
	
	
	.navbar .navbar-nav .dropdown-menu.first-lvl > *,
	.kesearch_searchbox {
		margin: auto;
	}
	
	.tx-kesearch-pi1 .kesearch_searchbox {
		border: none;
		margin: auto;
	}
	
	#navbarCollapse a.nav-link,
	#navbarCollapse a.nav-link.dropdown-toggle {
		font-size: 14px;
		padding: 0 0.5px;
	}
	
	#navbarCollapse a.nav-btn {
		font-size: 14px;
		padding: 0 4.5px;
	}
	
	.language ul li {
		/*width: 30px;*/
		padding: 0;
	}
	
	#navbarCollapse .nav-item {
		padding: 23px 4px 17px 4px;
	}
	
	.socialmedia li.element1 {
		width: 25px;
		height: 30px;
		margin: 0 1px;
	}
	
	
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 970px;
	}
	
	.frame-type-image {
		margin-bottom: 25px;
	}
	
	
	
	.navbar-collapse {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	ul.menu.socialmedia {
		display: none;
	}
	
	
	
	.navbar .navbar-nav .contact-dropdown .dropdown-menu,
	.navbar .navbar-nav .search-dropdown  .dropdown-menu{
		left: -35vw
	}
	
	#navbarCollapse .nav-item.contact-dropdown ul.dropdown-menu {
		left: calc(50vw - 460px);
	}
	.li-form.li-contact {
		width: 920px;
		padding: 0 10px;
	}
	
	
	.main-supplier #row-2 ul.scrollbar-nav li a {
		padding: 20px 10px 20px 10px;
	}
	
	.carousel-image .frame-type-image {
		margin-bottom: 0;
	}
	
	.component-category-navigation .fade-wrap .frame {
		margin-bottom: 0;
	}
	
	.teaserbild.frame-teaser-bild-position-2 .ce-gallery img {
		margin-top: -18%;
		width: 100%;
		height: auto;
	}
	
	
	.teaserbild:not(.layout-15)  .ce-gallery img {
		/* width: 100%; */
		/*height: 220px;*/
		/* height: 100%; */
		/* min-width: 100%; */
		/* height: auto; */
	}
	
	.teaserbild .frame-type-image {
		margin-bottom: 0;
		width: 100%;
	}
	
	[class*='col-'].grid-col {
		margin-bottom: 20px;
	}
	
	
	.mg-bottom-smallLg > .grid-col {
		margin-bottom: 0;
	}
	
	.frame-gallery [class*='col-'].grid-col {
		margin-bottom: 0;
	}
	
	.grid-row.frame-gallery {
		margin-bottom: 0;
	}

	.frame-gallery [class*='col-'].grid-col:last-child > *:last-child {
		margin-bottom: 0;
	}
	
	
	.col-1-5 {
		width: 50%;
		margin-bottom: 20px;
	}


	.mg-bottom-extraSmallSm > .grid-col,
	.mg-bottom-smallSm > .grid-col,
	.mg-bottom-mediumSm > .grid-col,
	.mg-bottom-largeSm > .grid-col,
	.mg-bottom-extraLargeSm > .grid-col,
	.mg-bottom-extraSmallLg > .grid-col,
	.mg-bottom-smallLg > .grid-col,
	.mg-bottom-mediumLg > .grid-col,
	.mg-bottom-largeLg > .grid-col,
	.mg-bottom-extraLargeLg > .grid-col {
		margin-bottom: 0;
	}



	.mg-bottom-extraSmallMdLg > .grid-col,
	.mg-bottom-extraSmallMd > .grid-col {
		margin-bottom: 1em;
	}

	.mg-bottom-smallMdLg > .grid-col,
	.mg-bottom-smallMd > .grid-col{ 
		margin-bottom: 2em;
	}

	.mg-bottom-mediumMdLg > .grid-col,
	.mg-bottom-mediumMd > .grid-col {
		margin-bottom: 3em;
	}

	.mg-bottom-largeMdLg > .grid-col,
	.mg-bottom-largeMd > .grid-col{
		margin-bottom: 4em;
	}
	
	.mg-bottom-extraLargeMdLg> .grid-col,
	.mg-bottom-extraLargeMd > .grid-col {
		margin-bottom: 5em;
	}


	.carousel-item .frame-type-image {
		margin-bottom: 0;
	}
	
	.col-micro-bradcrump2 {
		margin: 0;
	}
	.box .frame-type-image {
		margin-bottom: 0;
	}
	.box .frame-type-image .ce-above .ce-gallery .ce-column {
		margin: 0;
	}
	
	.box .frame-type-image .ce-above .ce-gallery[data-ce-columns='4'] .ce-column,
	.box .frame-type-image .ce-above .ce-gallery[data-ce-columns='5'] .ce-column,
	.box .frame-type-image .ce-above .ce-gallery[data-ce-columns='6'] .ce-column,
	.box .frame-type-image .ce-above .ce-gallery[data-ce-columns='7'] .ce-column,
	.box .frame-type-image .ce-above .ce-gallery[data-ce-columns='8'] .ce-column,
	.box .frame-type-image .ce-above .ce-gallery[data-ce-columns='9'] .ce-column {
		margin: 0 10px 10px 0;
	}
	
	.language {
		margin-right: 5px;
		border-right: none;
	}
	
	.social-media {
		margin-left: 0;
	}
	
	
	.d-lg-flex {
		display: none !important;
	}

	.d-md-flex {
		display: flex !important;
	}
	
	.d-sm-flex {
		display: none !important;
	}


	.frame-type-felogin_login .submit-botton,
	.frame-type-felogin_login .input-group {
		width: 100%;
	}


	.teaserbild {
		height: 400px;
		max-height: 400px;
	}


}


@media all and (max-width: 1200px) and (min-width: 992px) {
	#navbarCollapse a.nav-link, #navbarCollapse a.nav-link.dropdown-toggle {
		padding: 0 10px;
	}
	
	.navbar-expand-lg .navbar-nav {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#navbarCollapse .nav-item {
		padding: 3px 0;
	}
	
	.navshrink .navbar-collapse {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	main:not(.navshrink):not(.main-supplier) {
		margin-top: 108px;
	}
	
	
	nav.navbar:not(.navshrink) {
		position: relative;
		min-height: 108px;
	}
}


@media only screen and (min-width: 992px) and (max-width: 1200px)  {
	.main-supplier #row-2 ul.scrollbar-nav li a {
		padding: 20px 8px 20px 8px;
		font-size: 13px;
	}
	
	
	.frame-micropage-product-11.product-box .box-boxcontent-area.area-content {
		min-height: 460px;
	}
		
}


@media all and (max-width: 991px) {
	
	
	.navbar .navbar-nav .dropdown-menu.first-lvl {
		width: 100vw;
	}
	
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
	
	#navbarCollapse .nav-item {
		padding: 4px;
	}
	
	.li-form.li-contact {
		width: 100%;
	}
	
	nav.rut-navbar.collapsed-navbar {
		height: 80vh;
		overflow-y: auto;
		display: flex;
		align-items: start;
	}
	
	.navbar .navbar-nav .dropdown-menu a.nav-btn {
		display: block;
	}
	
	nav.rut-navbar.navshrink #navbarCollapse .nav-item {
		padding: 4px;
	}
	
	#navbarCollapse .nav-item {
		border-top: 1px solid rgba(238,238,237,0.1);
	}
	
	#navbarCollapse a.nav-link.dropdown-toggle,
	.navbar .navbar-nav .dropdown-menu a.current, .navbar .navbar-nav .dropdown-menu a:hover, .navbar .navbar-nav .dropdown-menu a:focus,
	.navbar .navbar-nav .dropdown-menu a {
		padding: 8px;
		font-size: 15px;
	}
	
	.nav-btn i {
		margin-left: 10px;
	}
	
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 750px;
		padding: 0 !important;
	}
	
	.btn.btn-rutronik {
		margin-bottom: 8px;
		margin-top: 8px;
	}
	
	.product-box .btn.btn-rutronik {
		margin: 0;
	}
	
	.frame-layout-2 {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.box-boximagelink .ce-gallery img {
		max-width: 800px;
	}
	
	main {
		margin-top: 0;
	}
	
	main:not(.navshrink) {
		margin-top: 63px;
		transition: .3s all;
	}

	
	
	nav.navbar > .brand {
		display: block;
	}
	
	.navbar-collapse .brand {
		display: none;
	}
	
	.main-supplier #row-2 ul.scrollbar-nav {
		display: flex;
		flex-direction: column;
	}
	
	.product-box.box.frame-micropage-product-1 .box-boxcontent-area:last-child {
		position: relative;
	}
	
	
	.teaserbild.frame-teaser-bild-position-1 .ce-gallery img{
		margin-top: -20%;
		width: 100%;
		height: auto;
	}
	
	.teaserbild.frame-teaser-bild-position-2 .ce-gallery img {
		margin-top: -12%;
		width: 100%;
		height: auto;
	}

	main > .container,
	main > .container-fluid > .container {
		padding: 15px !important;
		overflow-wrap: break-word;
	}
	
	
	.navbar .navbar-nav .dropdown-menu {
		background-color: rgba(238,238,237,0.1);
	}
	
	.navbar-dark .navbar-toggler:not(.collapsed)[aria-expanded="true"] {
		position: sticky;
		top: 0;
		z-index: 9999;
		background-color: rgba(255,255,255,0.8);
		left: 9px;
		border: 1px solid gray;
		padding: 12px 14px;
		transition: .3s all;
	}
	
	
	.navbar-dark .navbar-toggler:not(.collapsed)[aria-expanded="true"] > span {
		filter: brightness(0%);
		transition: .3s all;
		background-image: url('data:image/svg+xml,<svg viewPort="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"> <line x1="1" y1="11" x2="11" y2="1" stroke="black" stroke-width="2"/> <line x1="1" y1="1" x2="11" y2="11" stroke="black" stroke-width="2"/> </svg>');
		background-size: 13px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.navbar-dark .navbar-toggler > span {
		transition: .3s all;
	}
	
	
	.navbar-dark .navbar-toggler {
		transition: .3s all;
		margin-left: 10px;
	}
	
	
	.navbar-toggler:focus {
		box-shadow: none;
	}
	
	nav fieldset.kesearch_searchbox {
		width: 100%;
	}
	
	nav fieldset.kesearch_searchbox > .kesearchbox {
		width: 100%;
	}
	
	
	
	
	main.main-supplier:not(.navshrink) {
		margin-top: 0;
	}
	
	main.main-supplier .navbar-dark .navbar-toggler {
		margin-top: 9px;
	}
	
	
	
	.main-supplier #row-2 .container {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0;
		width: 100%;
		max-width: none;
		justify-content: center;
	}
	
	.main-supplier #row-2 #search-toggle-target {
		width: 100%;
		display: none;
		position: relative;
		margin: 20px auto;
		transform: none;
		top: 0;
		right: 15px;
	}
	
	button.btn.btn-default.btn-search-toggle {
		display: none;
		position: absolute;
	}
	
	.main-supplier #row-1 {
		padding: 0 15px;
	}
	
	footer > .container {
		padding: 0 15px !important;
	}
	
	.yt_pl_video_player {
		height: 500px;
	}
	
	
	
	.frame-type-menu_sitemap > ul > li {
		width: calc(100% - 40px);
		margin: 20px;
	}
	
	.product-box.box.frame-micropage-product-1 {
		padding-bottom: 0;
	}
	
	
	ul.menu.socialmedia {
		display: block;
	}
	
	
	#slideBanner {
		display: none !important;
	}
	
	#navbarCollapse a.nav-btn {
		font-size: 14px;
		padding: 6px 4.5px;
	}
	
	.linecardlogo img {
		width: 100px;
	}
	
	.tab-pane.fade > *:first-child {
		padding-top: 15px;
	}
	
	.product-box.box.frame-micropage-product-22 .box-boxcontent-area.box-boxcontent-area-text {
		background: white;
		border: none;
		min-height: 480px;
	}
	
	iframe[src*="youtube"] {
		min-height: 406px;
	}
	
	.socialmedia a:after {
		height: 24px;
		width: 24px;
	}
	
	.image-preview-col a img.thumbnail {
		max-width: 200px;
	}
	
	.image-preview-col a {
		border: none;
		max-width: 200px;
	}
	
	
	.row.pdf-list-row {
		border-bottom: 1px solid lightgray;
	}
	
	.accordion-body .singe-logo img {
		width: 80% !Important;
	}
	.ce-uploads > * > *:last-child .pdf-list-row {
		border-bottom: none;
	}
	#navbarCollapse .navbar-nav .nav-link {
		padding: 8px;
		font-size: 15px;
	}

	#navbarCollapse .nav-item.contact-dropdown ul.dropdown-menu {
		left: 0;
	}

	.navbar .navbar-nav .dropdown-menu.first-lvl {
		width: 100%;
	}

	li#myDropdownSearch .dropdown-menu {
		width: 100%;
		left: 0;
	}

	li#myDropdownContact .dropdown-menu,
	li#myDropdownSearch .dropdown-menu {
		top: calc(100%);
	}
	
	
	
	.language ul li {
		width: 60px;
		margin-bottom: 15px;
		height: auto;
	}
	
	
}

@media all and (max-width: 768px) {
	
	
	.box-boximagelink .ce-gallery img {
		/*max-width: 320px;*/
	}
	
	
	ul.menu.socialmedia {
		display: block;
	}
	
	.row.frame-box-same-height .box {
		margin-bottom: 15px;
	}
	
	.teaserbild.frame-teaser-bild-position-1 .ce-gallery img,
	.teaserbild.frame-teaser-bild-position-2 .ce-gallery img {
		margin-top: 0;
		width: 100%;
		height: auto;
	}



	.mg-bottom-extraSmallMdLg > .grid-col,
	.mg-bottom-smallMdLg > .grid-col,
	.mg-bottom-mediumMdLg > .grid-col,
	.mg-bottom-largeMdLg > .grid-col,
	.mg-bottom-extraLargeMdLg > .grid-col,
	.mg-bottom-extraSmallMdLg > .grid-col,
	.mg-bottom-smallSm > .grid-col,
	.mg-bottom-mediumSm > .grid-col,
	.mg-bottom-largeSm > .grid-col,
	.mg-bottom-extraLargeSm > .grid-col,
	.mg-bottom-extraSmallMd > .grid-col,
	.mg-bottom-smallMd > .grid-col,
	.mg-bottom-mediumMd > .grid-col,
	.mg-bottom-largeMd > .grid-col,
	.mg-bottom-extraLargeMd > .grid-col {
		margin-bottom: 0;
	}


	.mg-bottom-extraSmallSmMd > .grid-col,
	.mg-bottom-extraSmallSm > .grid-col {
		margin-bottom: 1em;
	}


	.mg-bottom-smallSmMd > .grid-col,
	.mg-bottom-smallSm > .grid-col {
		margin-bottom: 2em;
	}


	.mg-bottom-mediumSmMd > .grid-col,
	.mg-bottom-mediumSm > .grid-col {
		margin-bottom: 3em;
	}


	.mg-bottom-largeSmMd > .grid-col,
	.mg-bottom-largeSm > .grid-col {
		margin-bottom: 4em;
	}


	.mg-bottom-extraLargeSmMd > .grid-col,
	.mg-bottom-extraLargeSm > .grid-col {
		margin-bottom: 5em;
	}
	[target="thePicture"] i {
		display: none;
	}

	.col-1-5 {
		width: 100%;
	}
	
	.col-components {
		width: 33.3%;
		font-size: 12px;
	}
	
	.col-components {
		width: 33.3%;
		font-size: 12px;
	}

	.linecard-area {
		text-align: center;
		/* padding: 8px 0; */
		font-size: 16px;
		font-weight: bold;
	}

	.row.linecard-row {
		margin: 25px 0;
	}
	
	.frame-black-container .box-boxlinkheadline-area .box-boxcontent-area,
	.frame-blue-container .box-boxlinkheadline-area .box-boxcontent-area,
	.frame-lightgray-container .box-boxlinkheadline-area .box-boxcontent-area,
	.frame-lightgray-container-2 .box-boxlinkheadline-area .box-boxcontent-area {
		padding: 8px;
	}

	.big-box .box-headline p {
		color: black;
	}
	
	.big-box.frame-black-box .box-headline p {
		color: white;
	}
	
	.btn.btn-rutronik,
	.rutronik-button {
		width: 100%;
	}
	
	.splitbar H1, .splitbar H2, .splitbar H3, .splitbar H4, .splitbar H5 {
		height: auto;
		font-size: 18px;
		line-height: 35px;
	}
	
	.glide__slide .frame-type-textmedia a {
		width: auto;
	}
	
	.singe-logo img {
		/*width: 80% !Important;*/
	}
	
	
	.main-supplier aside#call-to-action-row .btn {
		font-size: 14px;
		padding: 4px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.call-to-action span:first-child {
		font-size: 30px;
	}
	
	.main-supplier aside#call-to-action-row {
		padding: 20px;
	}

	#call-to-action-row > .container, #call-to-action-row > .container > .row {
		margin: 0;
	}

	#call-to-action-row > .container > .row > * {
		margin-bottom: 20px;
	}
	
	.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
		width: 100%;
	}
	
	.ce-row,
	.frame-type-image {
		margin-bottom: 0;
	}
	
	.frame-type-image {
		width: 100%;
	}
	
	.frame-micropage-product-1 .box-boxcontent,
	.frame-micropage-product-4 .box-boxcontent {
		padding: 6px 8px;
	}
	
	.product-box.box.frame-micropage-product-22 .row,
	.product-box.box.frame-micropage-product-22 .row > *:last-child{
		margin-bottom: 0;
	}
	
	.product-box.frame-micropage-product-5 .rutronik-button,
	.product-box.frame-micropage-product-52 .rutronik-button,
	.product-box.frame-micropage-product-53 .rutronik-button,
	.product-box.frame-micropage-product-11 .rutronik-button {
		margin: 10px 0 0 0;
	}
	
	.frame-micropage-product-11.product-box .box-boxcontent-area.area-content {
		min-height: auto;
	}
	
	.product-box.box.frame-micropage-product-12 .box-boxcontent-area.area-buttons {
		width: 100%;
	}
	
	.product-box.box.frame-micropage-product-22 .box-boxcontent-area.box-boxcontent-area-button {
		position: relative;
	}
	.product-box.box.frame-micropage-product-22,
	.product-box.box.frame-micropage-product-22 .box.product-box {
		padding-bottom: 0;
	}
	
	iframe.no-css-height {
		width: 100%;
	}
	
	frame-news-box-2 .news .article {
		padding: 17px 0;
		border-bottom: 4px solid lightgray;
	}
	
	a.btn.btn-read-more {
		width: 100%;
	}
	
	.shariff .orientation-horizontal.button-style-standard li {
		width: 45px;
		height: 45px;
		min-width: auto;
	}

	.shariff li a {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.frame-news-box-2 .mediaelement.mediaelement-image:not(:first-child) {
		width: auto;
		height: auto;
	}
	
	.frame-news-box-2 .news.news-single .mediaelement.mediaelement-image .search-plus {
		display: none;
	}
	
	.row.pdf-list-row > * > img {
		margin-top: 10px;
	}
	
	.ce-uploads-fileName {
		margin-top: 10px;
	}
	
	.row.pdf-list-row {
		margin: 10px 0;
	}
	
	.yt_pl_video_player {
		height: 280px;
	}
	
	.panel-buttons .btn-check:focus+.btn, .panel-buttons  .btn:focus {
		box-shadow: none;
	}
	
	.videoItem {
		height: auto;
		margin-bottom: 30px;
	}
	
	[class*='col-'].grid-col {
		/*margin-bottom: 0;*/
	}
	
	.ce-above .ce-gallery .ce-column {
		margin-bottom: 10px;
	}
	.teaserbild .ce-above .ce-gallery .ce-column {
		margin-bottom: 0;
	}
	
	
	
	
	#slider .ce-above .ce-gallery .ce-column {
		margin-bottom: 0;
	}
	
	
	.frame-type-felogin_login .submit-botton,
	.frame-type-felogin_login label {
		width: 100%;
	}
	
	
	
	.d-lg-flex {
		display: none !important;
	}

	.d-md-flex {
		display: none !important;
	}
	
	.d-sm-flex {
		display: flex !important;
	}
	main .tx-kesearch-pi1 .kesearch_searchbox {
		width: 200px;
	}
	
	main .tx-kesearch-pi1 .kesearch_searchbox .radio-buttons {
		width: 168px;
	}

	main .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox input#ke_search_sword {
		width: 98%;
	}
	
	main .tx-kesearch-pi1 .kesearch_searchbox {
		width: 100%;
	}
	
	main .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox {
		width: 100%;
	}
	
	li.glide__slide.glide__slide--active + li .frame.frame-default.frame-type-textmedia.frame-layout-0 {
		width: 300px;
		margin-left: 50%;
		transform: translate(-50%);
		background: rgba(255,255,255, 0.75);
	}
	li.glide__slide + li img {
		width: 200px;
		height: auto;
		transition: .3s all;
	}
	
	li.glide__slide.glide__slide--active + li img {
		width: 300px;
		height: auto;
		transition: .3s all;
		background: white;
	}
	
	
	
	.product-box.box.frame-micropage-product-22 .box-boxcontent-area.box-boxcontent-area-text {
		min-height: auto;
	}
	
	.image-preview-col a {
		border: none;
		max-width: 200px;
		margin: auto;
	}
	
	.row.pdf-list-row {
		text-align: center;
	}
	
	

	.teaserbild {
		height: 300px;
		max-height: 300px;
	}

	.news-list-view .article .col-image a {
		margin: auto;
	}

	nav fieldset.kesearch_searchbox > .radio-buttons {
		width: 130px;
		padding: 0 5px;
	}
	
	
	
	.supplier-logo img {
		width: auto;
		margin-top: 0;
		max-width: 100px;
		max-height: 60px;
		height: auto;
	}
	
	.supplier-logo .ce-above .ce-gallery .ce-column {
		margin: 0;
	}
	
	.main-supplier #row-1 > .container {
		height: 100%;
	}
	
	.main-supplier #row-1 > .container > * {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.main-supplier #row-1 > .container > div:first-child a {
		margin-top: 0;
	}

a {
	
}


@media all and (max-width: 576px) {

	
	
	.main-supplier #row-2 #search-toggle-target {
		right: 0;
	}
	
	
	iframe[src*="youtube"],
	.main-supplier .teaserbild {
		height: auto !important;
		min-height: auto !important;
	}
}




@supports (-webkit-touch-callout: none) {
	.parallax-content {
		background-attachment: local !important;
		background-size: cover !important;
		background-position: 0 50% !important;
	}
	
}