@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700);
@import "base.css"; 

/* ANPASSUNGEN */

#falkwidget { 
    width: auto !important;
}  

/* HÖHE DES BANNERS */

div#bannerbild_breit
{
height:9.5em;
}

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


/* LOGO ANKLICKBAR */

div#logolink
{
position:absolute;
z-index:9;
width:18em;
height:4.5em;
margin:0em 0 0 0em;
background-color:transparent;
}

div#logolink img
{
width:100%;
height:100%;
}

ul.menu .sprachwahl a {
    padding: 10px 0 0 0 !important;
}
ul.menu .sprachwahl:last-child a {
    padding-left: 8px !important;
}


.formhandlererror {
    color: crimson;
}

.vollmenu .normal a.active::before {
    content: url(../Images/dreieck.png);
    position: relative;
    top: 15px;
    left: 47%;
}
.vollmenu .normal a.active {
    padding-left: 0 !important;
}


/* BILDANGABEN */

.csc-textpic {padding-bottom:1.25em;margin-top:1.5em;}
.csc-textpic-text {padding-top:0em;}
.csc-textpic+h1 {margin-top:1em;}

/* LINIE NACH INHALTSELEMENT */
/* .csc-frame-rulerAfter {border-bottom:1px solid #dedcc7;margin-bottom:2.5em;margin-top:2em;} */
.titelbild .ce-textpic {
    padding-bottom: 0.75em;
}
.titelbild .ce-gallery {
    margin-left: 0 !important;
    float: none !important;
}
.titelbild .ce-gallery .ce-row{
    margin: 0 !important;
    padding: 0 !important;
}
.titelbild img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0.9;
}
.titelbild .ce-gallery  {
    background: black;
    z-index: 999999;
}
.titelbild .ce-column {
    float: none;
}
.titelbild .ce-gallery figure {
    display: block;
    margin-bottom: 0px;
    padding: 0px !important;
}

.kontakt-button {
    background-image: url("../Images/hintergrund_kontakt.png");
    background-repeat: no-repeat;
    background-position: -15px -5px;
    height: 38px;
    margin-bottom: 1em;
}
.kontakt-button a {
    color: #fff;
    font-size: 24px;
    line-height: 1.6;
    padding-left: 10px;
    text-decoration: none;
}

.site-breadcrumb {
    margin-bottom: 3em;
}

.row .col._3-4.subsite-content {
    padding-left: 50px;
    width: 74% !important;
}
.row .col._1-4.sidefirst {
    min-width: 308px;
}
#subnavigation {
    border: 1px solid #212844;
    padding: 0;
}
.sidenavi-head {
    height: 57px;
    color: #fff;
    background-image: url("../Images/hintergrund_subnavihead_250.png");
    background-repeat: no-repeat;
    font-size: 1.6em;
    height: 45px;
    padding: 6px 0 0 20px;
}

.sidelast {
    display: none;
}
.sublast, .sublast .menu1-stufe2-om #subnavigation_ebene2 {
    border-bottom: 0 !important;
}

/* Startseite Ganz neu */

.section-homestart p {
    text-align: center;
}

.section-homestart h1, .section-branche h2, .section-produkte h2, .section-messe h2, .section-kunden h2 {
    text-align: center;
    font-size: 3em;
}
.section-homestart::before {
    content: url(../Images/pfeilpng.png);
    position: relative;
    top: -25px;
    left: 48%;
}
.section-homestart {
    margin-top: 51px;
}

.section-branche {
    padding-top: 1em;
    padding-bottom: 1em;
}
.section-branche .container {
    width: auto;
    max-width: 800px;
}
.section-branche .frame-custom-20 {
    float: none;
    width: 100%;
    padding: 0px;
    margin-top: 3em;
}
#page-1 .section-branche img {
    max-width: 416px;
}
.section-branche h3 {
    font-size: 2em;
    margin: 0; 
}

.section-produkte {
    background-color: #212844;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 2em;
}
.section-produkte::before {
    content: url(../Images/pfeil_kreis.png);
    position: relative;
    top: -50px;
    left: 48%;
}

.section-produkte h2, .section-produkte h4, .section-produkte p, .section-produkte a  {
    color: #fff;
}
.section-produkte h4 {
    font-weight: bold;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}
.section-produkte .row .col .csc-default {
    min-height: 560px;
    margin-top: 1em;
} 
.section-messe .csc-textpic {
    padding-right: 100px;
}
.section-messe .bodytext {

}

#page-1 .align-left {
    width: 100px;
    height: 100px;
    border: 2px solid #212844;
    padding: 20px 5px 5px 5px;
    text-align: center;
    font-weight: bold;
    float: left;
}
#page-1 .align-right {
    padding: 0 50px 0 20px;
    margin-left: 100px;
}
#page-1 .align-right p b {
    font-size: 2em;
}
.section-messe {
    margin-top: 20px;
}
.section-messe::before {
    content: url(../Images/messe.png);
    position: relative;
    top: 40px;
    left: 48%;
}
.section-messe .col .csc-default {
    padding-top: 2em;
    clear: left;
}

.owl-item img {
    height: auto;
    width: 100%;
}
.section-kunden {
    padding-bottom: 3em;
    margin-top: 4em;
}
.section-kunden h2 {
    padding-bottom: 30px;
}

.owl-item .item .bodytext {
    color: #fff;
    font-size: 64px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    top: -250px;
    width: 100%;
    z-index: 9999;
}

.owl-pagination {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    position: relative;
    text-align: right;
    top: -50px;
    width: 100%;
}
.section-kunden .owl-pagination {
    display: none;
}

    
.titelbild .ce-bodytext {
    position: relative;
    top: -200px;
    text-align: center;    
}
#page-96 .site-breadcrumb,
#page-97 .site-breadcrumb,
#page-98 .site-breadcrumb,
#page-99 .site-breadcrumb,
#page-100 .site-breadcrumb,
#page-101 .site-breadcrumb,
#page-102 .site-breadcrumb,
#page-103 .site-breadcrumb,
#page-104 .site-breadcrumb,
#page-105 .site-breadcrumb,
#page-106 .site-breadcrumb,
#page-107 .site-breadcrumb {
    margin-top: -120px;
}

.titelbild .ce-bodytext p{
    color: #fff !important;
    font-size: 40px;
}

.titelbild .ce-bodytext b,
.titelbild .ce-bodytext strong {
    font-size: 1.5em;
    font-weight: normal;   
}

div#contentrechts div.info  {
    border: 1px solid #212844;
    padding: 5px 25px 10px 20px;
    width: 300px;
}

div#contentrechts div.info h1 {
    color: #212844;
}


/* ACCORDEON FARBÄNDERUNGEN */

/* ACCORDEON CSS wenn nicht erforderlich löschen  */

/* Toggle default */
h3.rgaccord1-toggle {
  color:#ffffff;
  background: #c3c3c3 url(../Images/plus.gif) 5px center no-repeat;
}

/* Toggle act item */
h3.act {
  color:#ffffff;
  background:#666666 url(../Images/minus.gif) 5px center no-repeat;
}

#subnavigation_ebene2 {
    display:none;
}
.menu1-stufe2-aktuellsub #subnavigation_ebene2, .menu1-stufe2-aktuellsub .menu1-stufe2-om #subnavigation_ebene2 {
    display:block;
}
.menu1-stufe3-aktuellsub > a, .menu1-stufe3-aktuellsub > a, .menu1-stufe4-aktuellsub > a, #subnavigation .menu1-stufe2-aktuellsub .menu1-stufe2-om > a {
    color: #546ab4 !important;
    font-weight: bold !important;
}



/* Änderungen Neue Startseite */

#c675 .csc-textpic img, #c676 .csc-textpic img, #c677 .csc-textpic img, #c685 .csc-textpic img, #c686 .csc-textpic img, #c687 .csc-textpic img {
    margin: 0 !important;
    padding: 0 !important;
}

.gridelements-3col div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: none;
}


 #c674 div.csc-textpic-center csc-textpic-center-outer, #c674 div.csc-textpic-center .csc-textpic-center-inner,  #c682 div.csc-textpic-center csc-textpic-center-outer, #c682 div.csc-textpic-center .csc-textpic-center-inner  {
    float: none
    position: static;
    right: 0;
}

#c682 img {
    padding: 0 6.3em 0 0 !important;
}

#c675 .csc-textpic-imagewrap, #c676 .csc-textpic-imagewrap, #c677 .csc-textpic-imagewrap, #c685 .csc-textpic-imagewrap, #c686 .csc-textpic-imagewrap, #c687 .csc-textpic-imagewrap {
    margin-left: 0px;
}
#page-1 .ce-gallery figure.image {
    padding: 0;
    margin-bottom: 0;
}

.csc-frame-frame1 {
    float: left;
    width: 50%;
    padding: 7px;
    margin-top: 1em;
}

.frame-custom-20 a {
    text-decoration: none;
}
.frame-custom-20 h3 {
    margin-top: 0 !important;
}
.frame-custom-20 img, .section-produkte img, .section-branche img {
    height: auto;
    width: 100%;
}
#page-108 .kontakt-button,
#page-49 .kontakt-button,
#page-50 .kontakt-button,
#page-52 .kontakt-button{
    display: none;
}
#c110 {
    margin-bottom: 2em;
} 

.internal-link-new-window {
    display: block;
    background-image: url("../Images/hintergrund_more_200.png");
    background-repeat: no-repeat;
    background-position: -15px -5px;
    height: 45px;
    color: #fff;
    font-size: 27px;
    line-height: 45px;
    padding-left: 40px;
    text-decoration: none;
    width: 200px;
    margin-top: 1em;
}
.internal-link-new-window:hover {
    color: #fff;
}





.gridelements-3col .csc-textpic-text .bodytext
{
height:5em;
background-image:url(../Redaktion/bilder/titelboxen/titelbox_trans.png);
background-repeat:repeat;
background-color:transparent;
z-index:999;
opacity: 0.8;
position:relative;
top:-83px;
padding: 0.5em;
margin-left: 0px;    
}

#c675 .csc-textpic .csc-textpic .csc-textpic-text .bodytext {
margin-left: 0px !important;    
}

/* Neuer Slider */
#imagecycle_c681, #imagecycle_c684 {
    height: 200px;
    padding: 0 !important;
    margin: 0 !important;
}
#imagecycle_c681 li, #imagecycle_c684 li {
    padding-left:0  !important;
}

/* Accordion */

ul.tinyaccordion {
    list-style: inside none none;
    margin-left: 0 !important;
    padding: 0 !important;
}

ul.tinyaccordion li {
    list-style-image: url("../Images/icons/kein.png") !important;
    padding-left: 0 !important;
}

ul.tinyaccordion h4  {
background: #c3c3c3 url("../Images/plus.gif") no-repeat scroll 5px center;
    border-top: 1px solid #eee;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    line-height: 26px;
    margin: 0 !important;
    min-height: 23px;
    padding: 0 0 0.1em 2.5em;
}

ul.tinyaccordion .csc-default, ul.tinyaccordion ul.tinyaccordion, ul.tinyaccordion ul.tinyaccordion .news-single-item {
    padding: 0 0 10px;
}


ul.tinyaccordion h4.acc-selected {
    background: #666666 url("../Images/minus.gif") no-repeat scroll 5px center;
    color: #ffffff
}
.acc-section div div ul {
    list-style: outside none none;
}
.acc-section div div ul li {
    list-style-image: url("../Images/icons/li.png") !important;
    padding-left: 1.5em !important;
}


div#contentrechts .csc-textpic-text {
    vertical-align: top;
}
h5 {
    color: #3a53a4;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 1em 0;
    width: 19.5em;
}
div#contentrechts  .csc-textpic img {
    margin: 0 1em 0 0 !important;
}

.csc-textpic img, .csc-textpic .image-embed-item  {
    padding: 0!important;
}

.acc-section h1 {
    display: none;
}


.acc-section div ul {
    list-style: outside none none;
}
.acc-section div ul li {
    background-position: 0 0.35em !important;
    background-repeat: no-repeat;
    font-size: 1em;
    list-style-image: url("../Images/icons/li.png") !important;
    padding-left: 1.5em !important;
    color: #3f3f3e;
    line-height: 1.4em;
}
#c413 p, #c414 p {
    width: 100%;
    padding: 4px;
    border-top: 0.01em solid #c3c3c3 !important;
}
#c805 div, #c805 div div, #c363 div, #c363 div div  {
    overflow: visible;
}
#c805 .csc-textpic-center-inner, #c363 .csc-textpic-center-inner  {
    float: none;
    position: static; 
    right: 0;
}
#c805 .csc-textpic-center-outer, #c363 .csc-textpic-center-outer  {
    float: left;
    position: static; 
    right: 0;
}

.divider {
    margin-top: 1em;
    margin-bottom: 1em;
}

.maschinenrbilder {
    margin-bottom: 2em;
}
.artikelnummer {
   margin-bottom: 2em;
   font-size: 0.79em;
}
.servicecenter {
    text-align: center;
    margin-top: 3em;
    font-size: 1.2em;    
}

.resuntennav {
    font-size: 1.5em !important; 
    font-weight: bold !important;

}
#resmenu {
    display: none;
}
.vollmenu {
   display: block;
    text-align: right;
}
#menuelink {
    display: none;
}

.zeigen {
    display: block !important;
}



/* Responsive */

@media (max-width: 30em) {
div.toolbar-link:first-child {
        display: none;
    }
 div#contentnormal, .gridelements-3col .col_middle {
   width: auto !important;
  }
    
.tx_mailform_text, .message.form-input {
       width: 100% !important; 
    }    
#breadcrumbs-div, #breadcrumbs {
    width: 20em !important;    
}   
iframe {
   width: auto !important;     
}    
    
.csc-textpic img {
    width: auto !important;
    height: auto !important;
  }
    
.gridelements-3col .col_left , .gridelements-3col .col_middle, .gridelements-3col .col_right {
        width: 100% !important;
}
.gridelements-3col .col_middle {
    margin-top: 9em;    
}
.gridelements-3col .col_right {
    margin-bottom: 10em;    
}    
    
    
} /* Ende 30 em */


#subresnav, #page-111 #c810, #page-112 #c809, #page-113 .frame-type-menu_subpages, #page-114 #c808 {
    display: none;
}

@media (max-width: 60em) {    
div#main {
 /*   background-image: url("../Images/logo_liwo.png"); 
    background-position: right top; 
    background-repeat: no-repeat; */
    background-color: #fff; 
    width: auto;
}
#main{
    margin: 0px !important;
}    
    
div#kopf1_02 {
    float: right;    
}
    
div#main_inhalt, #div#kopf1_01, #div#kopf1_02, div#kopf2, div#content, div#breadcrumbs_und_suche, 
div#hintergrund_inhalt, div#hintergrund_banner, div#main_banner, div#kopf1, div#kopf2_01, div#content_startseite, 
div#contentnormal_breit_startseite  {
   width: auto; 
}
div#hintergrund_banner {
    background-color: #cfcfcf;    
}    
div#contentlinks {
     display: none;
}
    
div#inh_content {
    min-height: 0;
}

div#breadcrumbs_und_suche, div#contentnormal, div#contentrechts {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
#breadcrumbs_und_suche {
    margin-bottom: 2em;    
}    
#subresnav, #page-111 .csc-menu, #page-112 .csc-menu, #page-113 .csc-menu, #page-114 .csc-menu {
    display: block;
}
.csc-textpic img {
    width: 100% !important;
    height:  100% !important;
}
div#main_inhalt, div#main_banner {
    margin-left: 0px;
    margin-right: 0;
}    
 
.gridelements-3col .csc-textpic-text .bodytext {
    margin-right: 0; 
}
    
    
} /* Ende 60em */

/* Responsive Nav */
@media (max-width: 1050px) {  

.vollmenu {
    display: none;
}
#menuelink {
    display: block;
}

div#kopf2, div#kopf2_01, div#hauptnavigation, ul.menu {
    height: auto !important;    
}      
div#kopf2_01 {
    position: static;
    float: none;    
}
ul.menu li {
    float: none;    
}
ul.menu li:hover ul {
    display: none !important;
}
#resmenu .resaccordion,
#resmenu .normal   {
    cursor: pointer;
    transition: 0.4s;
    
    color: #212844;
    font-size: 1.1em !important;
    text-transform: uppercase;
   /* display: block; */
    font-weight: normal;
    padding: 10px 0px !important;
    text-decoration: none !important;
}
#resmenu .normal a {
    color: #212844;
    font-size: 1.1em !important;    
}
#resmenu .resaccordion .normal a {
    font-size: 1em !important;
    text-transform: none;
    padding: 0px 0 10px 20px !important;
}    
  
#resmenu .resaccordion ul {
    max-height: 0;
    overflow: hidden;
    transition: 2s ease-in-out;
    opacity: 0;
}

#resmenu .resaccordion ul.show {
    opacity: 1;
    max-height: 500px; 
    display: block !important; 
    clear: left !important;
    margin: -1px 0 0 !important;
    min-width: 180px;
    padding: 0 !important;
    position: static;
    z-index: 0 !important;
}
    ul.menu li:hover ul.show {
    display: block !important; 
}
/*    
.resaccordion ul a, .resaccordion ul a:hover, 
ul.menu ul li.menumiddle a, ul.menu ul li.menulast a, ul.menu ul li.menulast a:hover, menu ul li.menumiddle a:hover {
     !important;
    background-image: none !important;
    color: #185aa7;
}
    */
 .resaccordion ul li a {
    color: #ffffff;
    font-size: 1.1em !important;
    font-weight: normal !important;
    text-transform: none;
} 
#resmenu .resaccordion .menufirst {
    margin-top: 0em;   
}
#resmenu .resaccordion ul li a {
     width: 100% !important;   
} 
div#toolbar {
    font-size: 0.8em;
}
#menuelink {
    margin-left: 20px;
    font-size: 3em;
}

#resmenu .sprachwahlreswrap .sprachwahlres a {
    padding-right: 22px !important;    
}   


} // Ende Res Nav

/* Fett für Hover / Aktiv für Main Navi */

.vollmenu .normal {
    display: inline-block;
    text-align: center;
}
.vollmenu .normal>a {
    display: inline-block;
    text-align: center;
    padding: 0 10px !important;
}

.vollmenu .normal .active, .vollmenu .normal a:hover, .vollmenu .sprach:hover  {
  /*  font-weight:bold; */
}
.vollmenu .normal a::after {
 /*   display:block;
    content:attr(title);
    font-weight:bold; 
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px; */
}
.vollmenu li ul .active a {
 /*   font-weight: bold !important; */
    color: #185aa7;
}

.vollmenu li ul li:first-child a {
  /*  padding-top: 5px !important; */
}
.vollmenu li ul li:last-child a {
 /*   padding-bottom: 5px !important; */
}

.vollmenu li ul li:first-child:before {
/*    content: ' ';
    height: 5px;
    background-color: #ededed; */
}

/* Crosscover Slider */

.titelbild .crosscover {
    aspect-ratio: 3.2;
}
.titelbild .crosscover-overlay {
    background: none;
}
.titelbild .crosscover .ce-gallery figure.image {
    display: none;
}

/* FlexSlider */

#flexslider-1003.flexslider {
    background: #fff none repeat scroll 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0;
    margin: 0 0 60px;
    position: relative;
}
#flexslider-1003 .tx-ws-flexslider .caption-text {
    background: none;
}
#flexslider-1003 .flex-control-nav,
.titelbild .crosscover .crosscover-dots {
    position: relative;
    bottom: 50px;
    padding-left: 85%;
}
#flexslider-1003 .flex-control-paging li a,
.titelbild .crosscover .crosscover-dots button {
    background: #f5f3f3 none repeat scroll 0 0;
     width: 10px;
    height: 10px;
    border: none;
    border-radius: 5px;
}

#flexslider-1003 .flex-control-paging li a.flex-active,
.titelbild .crosscover .crosscover-dots .is-active button {
    background: #185aa7;
}

#cookie {
	text-align: center;
	font-size: 12px;
	background: #f1f1f1 none repeat scroll 0 0;
	position: fixed;
	width: 100%;
}
#cookienachricht {
    display: inline;
}
#cookie a.cookmehr {
	text-decoration: underline;
	color: #575756;
}
.button-cookie {
   background: #185aa7 none repeat scroll 0 0; 
    border: 1px solid #212844;
    border-radius: 2px;
    color: #f5f3f3;
    padding: 1px 2px;
	margin: 2px 10px;
}
.button-cookie:hover {
	background: #212844 none repeat scroll 0 0;
	color: #fff;
}
.zweitmenu { 
    margin-left: 375px;
}
.site-nav2 ul.menu li a {
    font-size: 1.1em !important;
}