/* Style sheet toddleStyles */

body {
   
}   

.body_produkt{background-image:none;}

#wrapper {
    margin: 0 auto 20px;
    width: auto;
}

.hide_mobi{display:none;}
.hide_normal{display:block;}
#container{padding:5px;}
.body_1170 .half_spacer{display:none;}
#topBar .inside, #topBar2 .inside, #topBar3 .inside, #footer .inside, .footer_div_container, .body_1170 .half, .blog_right,
.box_wrapper_inside, .body_1170 .box_wrapper_inside, .half, .left_half, .half.image, .body_1170 .half.image, .body_1170 .call_to_action, #header ,.body_1170 #header .inside,.body_1170 .box_wrapper_inside, .magazin_right_preview, .magazin_right, .magazin_left, .magazin_left_preview {
    width:100%;
}  

.blog_right {float: none; padding-right:0;}

.half{padding:0; float: none}
.body_1170 .f_right{float: none}

#topBar2 .logo {
    width: auto;
}

.magazin_left, .magazin_left_preview {margin-top:0px;}


.box_wrapper_inside {margin:0px 0 20px 0; padding-top:0px;}

#slider_logo_wrapper{display:none;}
.slider_call_to_action{width:100%; bottom:50px;}

.home_claim_wrapper{bottom:130px; width:100%; background-color: white; padding:5px 0 5px 0;
    background-color: hsla(0,0%,0%, 0.3);}
.button_down{width:20%; margin:20px 0 20px 0}
.slide {}
.teaser_t1, .teaser_t2 {font-size:20px; color:white;}
#slide-0 { background-image: url('/tl_files/umfrageTool/uploads/layout2014/home/animation/hrpuls_640x600_1.jpg');}
#slide-1 { background-image: url('/tl_files/umfrageTool/uploads/layout2014/home/animation/hrpuls_640x600_2.jpg');}
#slide-2 { background-image: url('/tl_files/umfrageTool/uploads/layout2014/home/animation/hrpuls_640x600_3.jpg');}
#slide-3 {background-image: url('/tl_files/umfrageTool/uploads/layout2014/home/animation/hrpuls_640x600_4.jpg');} 



.home_2017_banner h1{font-size: 34px; line-height:38px; margin-top:10px;}
.home_keywords_point{
    margin:-15px 0 0 0;
}
.home_keywords{height:40px;}
.body_1170 .half .home_keywords p {margin:12px 0 0 12px; line-height:24px; padding:0 2px 0 12px; display:inline;  background-color:rgba(255,255,255,0.8); font-size:18px;}
.keyword_1{margin:25px 0 0 10px;}
.keyword_2{margin:25px 0 0 10px;}
.keyword_3{margin:25px 0 0 10px;}
.keyword_4{margin:25px 0 0 10px;}
.keyword_5{margin:25px 0 0 10px;}
.percent{font-size: 34px; line-height:38px;  margin:-20px 0 0 30px;}
.keyword_counter_text{font-size:14px; line-height:18px; }
.size_324 img { margin-top: 10px;}

div.button_down{margin-top:-50px;}

#produkt .home_box, .home .home_box {
    height: auto;
    min-height: auto;
    margin-top:0px;
    padding: 0;
}

.body_1170 .home_2017_banner .call_to_action {
    
    width: 100%;
}

.body_1170 .quarter{width:100%}

#produkt .home_box img  {
   width:90%; height:auto;
}

#produkt .home_box .h1  {
   margin-top:0px; padding-top:20px;
}



.read_more{float: none; width: 100%; margin: 40px 0 40px 0px;}
.more_headline{margin:40px 0 0px 0; text-align:center;} 
#produkt .home_box h1 {font-size:2em}

.call_to_action, .landingpage.call_to_action{width:80%; font-size:16px;}


.footer_div_head {}
.footer_div {line-height:2em;}

#ctrl_115_submit {margin:0 0 0 20px}
.mailto {margin-bottom:20px;}

#topBar2 { height:auto !important; }
#topBar3 { min-height:1.5em; }
#login_top {display:none; width:0px;}
.mod_login.two_column {
    top: 200px;
    left: 0px;
}
.claim {
    font-size: 1em; display:none; 
}
.claim_container {
    display: none;
    float: none;
    padding-top: 5px;
     width: 100%;
}
.box_wrapper_inside .claim{display:block}
#header {
	
    font-size: 1em;
    height: auto;
    top: 0px;
  
}


#top_navigation_new li.submenu:hover{height:auto;}
#top_navigation_right, .logout  {display:none;}
#top_navigation_right .first {display:none;}
.nav_bottom ul {padding:0px;}

#mobi_navi_button{display:block; color:black; cursor:pointer; font-size:1em;
position: absolute;
  z-index:2000; top:10px; right:20px; 
}
#mobi_navi_button i {font-size:36px;}

.mod_navigation {
    width:100%;
    height: auto;
    font-size: 1em;
    margin:0;
}


#top_navigation_new{    
    opacity: 0;
    visibility: hidden;
    display:none;
    width:95%;
    margin:0 0 0 15px;
}



#top_navigation_new, .mod_navigation ul {
    height: auto;
    width: 100%;
    background:white;
}

#top_navigation_new a {
	font-size: 1em;
	float:none;
	text-align: left;
}

#top_navigation_new .submenu ul{ z-index:inherit; position: relative; margin:0 0 0 5px; font-size:0.8em; font-weight:normal; background:none;}

#top_navigation_new li.active, #top_navigation_new li a:hover, #top_navigation_new li.trail, #top_navigation_new .active span {
    background: none;
}

#top_navigation_new .level_1 li {border-bottom: 1px solid #cacaca; margin:10px 0 0 0; padding:0}

#top_navigation_new .level_1 li a, #top_navigation_new .level_1 li span, .level_1 li a {padding: 0 0 10px 10px;}
.level_1 li{min-height:32px;}


#top_navigation_new .level_2 li {
    padding: 0;
    margin:0;
    border-bottom:0px solid #cacaca;
    height: auto;
}
#top_navigation_new .level_2 li a, #top_navigation_new .level_2 li a:hover, #top_navigation_new .level_2 li.active span {padding: 10px 0 10px 10px; border-top:1px solid #c6c6c6}

#top_navigation_new a.submenu::after, #top_navigation_new span.submenu::after {
    content: '\E315';
    position:absolute; 
    right:10px;
    font-family: 'Material Icons';
    font-weight: bold;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

#top_navigation_new a.submenu:hover::after, #top_navigation_new span.submenu:hover::after{
    content: '\E313';
    position:absolute; 
    right:10px;
    font-family: 'Material Icons';
    font-weight: bold;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

#top_navigation_new ul.level_1{border-bottom:1px solid #666}


.home_top figure img{display:none;}
#home_img_funktioniert{display:block; width:100%}
#home_img_funktioniert img, .ce_text img, #organisationsentwicklung img, #mitarbeiterbindung img, #mitarbeiterbefragung img{width:98%; height:auto;}
/*figure{display:none;}*/
.magazin_left_preview img {width:130px; }



.box_headline{padding:0 0 0 0; margin-bottom:20px; height:auto}

.img_top{display:none;}
.img_top img {display:none;}

#nav_58 {
    margin-left:0px;
    top:65px;
}

#nav_58 li, .mod_navigation li {
    margin: 0.3em 0 0.3em 0em;
    padding: 0;
    float: none;
    font-size: 1.2em;
    width:100%;
}

#nav_58 li.active, #nav_58 li a:hover {
    background:none;
}

#subMenusContainer_58 {
    display: block;
    height: 30px;
    overflow: visible;
    text-align:center;
    top: 0;
    width: 100%;
}


.image_container img{width:90%; height:auto;}
.margin-left {margin-left:0px;}
.margin-top-140 {margin-top:20px}
.margin-top-80 {margin-top:20px}
.margin-top-60 {margin-top:20px}
.page_banner {display:none;}


.ce_text figure, .ce_image figure {
    margin: 0;
    padding: 0;
    width:100%;
    float:none;
}

.quarter img {width:auto}

.referenz_box, .referenz_title_wrapper {width:100px; height:100px; font-size:0px;}
.referenz_title_wrapper{margin-top: -100px;}
.referenz_text_wrapper{width:95%;}
.referenz_title {display:none}
.referenz_container {height:auto;}
.referenz_text_wrapper {height:auto;}

.refImg{border:5px solid #d7d7d7; border-radius:80px; width:80px;}
.refImgWrapper {width: 110px; margin:0 5px 0 5px;}
.refImgLogo {height:20px; max-width:100px; width:auto;}
.mooquee{display:none;}
.contact_teaser { margin:8px 5px 0 5px; padding:0; text-align:center}
.contact_teaser p{ width:90%; margin:8px 0 0 0; text-align:center}
.contact_teaser .info_button {margin:5px 10px 5px 0}
.teaser_t1{font-size:26px; line-height:30px; letter-spacing:2px;}
.teaser_t2{font-size:18px; line-height:22px; letter-spacing:1px;}
#home_left, #home_center, #home_right, #page_left,  #page_center, #page_right, .left_1, #left_1, .right_1, .left_2 {
	width:100%; float:none;
}
.left_1 img {
	width:90%; height:auto;
}

.icon_filed img{width:25px;}
ul, li, div {font-size:1em}


.box_ul {
    float: none;
    width: 100%;
}

h2, h1, h3, .box_headline h1, .box_headline h2, .box_headline h3{
    font-size: 1.5em; font-weight:bold;
}

.home_headline figure{display:block;}



.home_top h1 {
    width: auto; font-size:20px;
}

.home_top_icon {
    margin: 20px 0 0 10px;
    text-align: center;
    width: 20%;
    height:auto;
}


 .home_top_icon img, .home_headline img {
    width: 25px;
    height: auto;
}

.box_image{display:none;}

.mod_registration {
    width: 100%;
    float:none;
}
#tl_registration label {
    font-size:12px;
    width:90px;
}

#tl_registration fieldset{
    margin:10px 0 0 10px;
    
}

.avatar_container {margin:20px 0 20px 0}

.registration_left {
    width:100%
}

.registration_left p{
   font-size: 1em;
}

.registration_left figure{
    width:70px;
    float:left;
}

.registration_left {
    width:100%
}

#kontakt_text {
    background: none;
    margin-top: 30px;
    height:auto;
}

#kontakt_form h1 {
    color:#333;
}
#kontakt_text h2 {color:#333;}
#contact_form .text, 
#contact_form .textarea {
    width: 150px;
}

/* vpuls */
.referenzen_logos{display:none;}

.home_top ul {
    margin-bottom: 10px;
    margin-top: 10px;
}

#vpuls-2014-02 .home_top {
    background: none;
    height:auto;
    color:#333;
}

.only_mobile{display:block;}
.only_desktop{display:none;}

.tagcloud{display:none;}

.icon_filed{margin-bottom:18px;}

.read_next{float: none; margin-top: 60px; margin-left: 0px; width: 100%}
.next_icon{display:none;}
.download a {font-size:12px;}
.home_claim a{ font-size:16px; margin-top:50px; }
.body_kpuls .home_claim, .TextT1 p.claim{ line-height:30px; font-size:20px;}
.home_claim ul { font-size:16px; line-height: 22px;}
.body_kpuls .teaser_t1{font-size:28px; line-height:32px; letter-spacing:normal;}
.body_kpuls .teaser_t2{font-size:20px; line-height:24px; letter-spacing:normal;}


.smOW {z-index:0 !important;}
.head_wrapper_fach_mitarbeiterbefragung #head_wrapper_claim {padding: 10px 0 10px 0;}
#head_wrapper .half {max-width: 100%;}
.product_new_h2 h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight:normal;
}