*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('../../../behaviors/box-sizing/boxsizing.php'); 
}
figure {
    margin: 1em 0 !important;
}

@font-face {
  font-family: 'DIN Alternate Bold';
  font-style: normal;
  font-weight: normal;
  src: local('DIN Alternate Bold'), url('DIN-Alternate-Bold.woff') format('woff');
}
* {
  margin: 0;
  padding: 0;
  font-family: 'DIN Alternate Bold';
}
div#block-menu-menu-admin-menu {
    background: #d759b6;
    margin-top: 20px;
    padding: 20px;
    width: 200px;
}
div#block-menu-menu-admin-menu a {
  color: black;
}    
img, video {
  max-width: 100%;
  height: auto; 
  vertical-align: top;
}
.field-name-body img {
  margin: 30px  0 !important;
  width: 100%;
}
.forum-post .field-name-body img {
    margin: 0 5px !important;
    width: auto;
}

body.page-node-273 .field-name-body img.video_icon {
  margin: -5px 0 0 0 !important;
  width: 30px !important;
}
body.page-node-246 .field-name-body img {
  margin: 0 !important;
}
body.page-node-1046 .field-name-body img {
  margin: 0 10px 0 10px !important;
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  #page-wrapper {
    position: absolute;
    top: 0;
  }
}
.teaser_wrapper {
  height: 140px;
}
#block-views-all-news-block-2 .views-row-1 img {
  outline: 1px solid #ff9da6;
  outline-offset: -1px;
} 
.field-name-body ul {
  margin-left: 20px;
}
#sidepanel-sidepanel .field-name-body ul {
  margin-left: 0;
}


ul.menu li {
  list-style-type: none;
  list-style-image: none; 
  margin: 0;
}
    html, body {
      font-family: 'DIN Alternate Bold', sans-serif;
    }
    em {
      font-style: normal;
    }
    a:not(.contextual-links-trigger) {
      color:#000;
      text-decoration: none;
    }
    .front a {
      color: #3fbbf1;
    }
    .region-content a {
      text-decoration: none;
    }
    .region-content.first a {
      color: #3fbbf1;
    }
    .region-content.second a {
      color: #5578F0;
    }
    .region-content.third a {
      color: #ff9da6;
    }
   .field-name-body a[href^="mailto:"] {
      text-decoration: underline;
   }
   .page-forum a,
   .node-type-forum a,
   .page-node-9067 a,
   .page-node-1014 a,
   .view-teaser-blocks a,
   .view-stellen a,
   .region-content .ui-accordion-content a {
    text-decoration: none;
   } 
    hr,
   .region-content.first hr {
    border-color: #3fbbf1;
    background-color: #3fbbf1;  
   } 
   .region-content.second hr {
    border-color: #5578F0;
    background-color: #5578F0;  
   }
   .region-content.third hr {
    border-color: #ff9da6;
    background-color: #ff9da6;  
   }  
   h1 {
      font-size: 25px !important;
    }
    @media (min-width: 1024px) {
      h1 {
        font-size: 40px !important;
      }
    }  
    h2 {
      color: black;
      font-size: 20px;
      margin-bottom: 30px;
    }
    @media (min-width: 1024px) {
      h2 {
        font-size: 30px;
      }
    }
    h2.comment-form {
      color: #3fbbf1;
      font-size: 20px;
      padding-top: 15px;
    }
    h3  {
      color: black;
      font-size: 24px;
      margin-top: 30px;
    }
    h4 {
      color: #3fbbf1;
      padding-top: 10px; 
    }
    .region-content.second h4 {
      color: #5578F0;
      font-size: 20px;
    }
    .region-content.third h4 {
      color: #ff9da6;
    }    
    h5 {
      padding: 5px 0;
      font-size: 18px; 
    }
    .region-content.first h5 {
     color: #3fbbf1;
     
    }
    .region-content.second h5 {
     color: #5578F0;
    }
    .region-content.third h5 {
     color: #ff9da6;
    }
    h6  {
      color: #3fbbf1;
      border-top: 2px solid #3fbbf1;
      padding-top: 10px;
    }
    #section_teaser_bild {
      width: 100%;
      position: relative;
      top: 58px;
    }
    @media (min-width: 1025px) {
      #section_teaser_bild {
        top: 5px;
      }
    }  
    #section-sidepanel h2 {
      color: unset;
      font-size: 1.5em;
      text-decoration: underline; 
    }
    #page-wrapper {
      max-width: 100%; 
      padding: 0;
      margin: 0;
    }
    header {
      background: white;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      box-shadow: 0 6px 3px -3px #00000029;
      z-index: 9999;
      height: 58px;
    }
    @media (min-width: 1023px) {
      header {
        height: 55px;
        padding: 5px 30px 10px 30px;
      }
    }
    /*.page-node-9067   header {
      width: inherit;
      position: relative;
     } */
    body.page-type-blog header {
        top: -26px;
      }
    @media (min-width: 1024px) {
      body.page-type-blog header {
        top: 0;
      }
    }  
    body .region-content {
      margin: 0 10px;  
    }
    @media (min-width: 1024px) {
      body.not-front #section-content {
        width: 60%;
        margin-left: 5%;
      }
    }  
    @media (min-width: 1200px) {
      body.not-front #section-content {
        margin-left: 15%;
        width: 50%;
        margin-top: 30px;
      }
      body.node-type-page #section-content {
        margin-top: 0;
      }
    }
    body.page-node-1014 #section-content,
    body.page-node-9067 #section-content {
      width: 100%;
      margin-left: 0;
    } 
    body.page-node-1014 h1,
    body.page-node-9067 h1 {
      font-size: 30px;
      color: #3fbbf1;
      border-bottom: 3px solid #3fbbf1;
      padding-bottom: 15px;
    }
    .field-name-body p {
      padding: 10px 0;
      font-size: 18px;
    }
    .field-name-body a {
      text-decoration: underline;
    }
    #header-menu {
      width: 300px;
      float: left;
    }
    
    #teaser_bild {
      margin-bottom: 30px;
    }
    #teaser_bild .mobile_slider {
      display: none;
    }
    @media only screen and (max-width: 567px) {
      #teaser_bild .mobile_slider {
        display: block;
      }
      #teaser_bild .ipad_slider {
        display: none;
      } 
    }  
    #block-views-teaserbild-block-2 img {
      display: none;
    }
    #block-views-slider-front-block img,
    #block-views-teaserbild-block img,
    #block-views-teaserbild-block-1 img {
      width: 100%;
    }
    div#section-logo {
      display: block;
      background-repeat: no-repeat;
      background-image: url("/sites/all/themes/dlv_neu/images/dom_fr/FLV_Logo_Web.svg");
      height: 43px;
      background-size: contain;
      margin-top: 3px;
    }
    @media (max-width: 1024px) {
      div#section-logo {
        margin: 10px;
      }
    }    
    #block-views-text-sidebar-block-1 {  
      margin-bottom: 80px;
      border: solid 1px white;
      font-size: 26px;
      right: 0;
      color: #3fbbf1;
      background: #fff;
      padding: 30px 0 30px 30px;
    }
    @media (min-width: 80em) {
      #block-views-text-sidebar-block-1 {
        position: absolute;
        top: 270px;
        right: 0;
        width: 50%;
      }  
    }

    @media (min-width: 1024px) {
      ul.menu li {
        list-style-type: none;
        list-style-image: none;
      }
      #section-menu {
        top: -130px;
        position: relative;
        z-index: 999;
      }
      #section-menu #menu-menu .content > ul > li > ul {
        display: none;
      }
      #section-menu #menu-menu .content > ul.menu {
        font-size: 39px;
        padding-left: 40px;
      }
      #section-menu #menu-menu .content ul li.first ul:after,
      #section-menu #menu-menu .content ul li ul:after,
      #section-menu #menu-menu .content ul li.last ul:after {
        content:"";
        position: absolute;
        width: 0; 
        height: 0; 
        border-left: 110px solid transparent; 
        border-right: 110px solid transparent; 
        border-top: 85px solid #3fbbf1;
        margin: -67px 0 0 3px;
        z-index: -99;
      }
      
      #section-menu #menu-menu .content ul li ul:after { 
        border-top: 85px solid #5578F0; 
      }
      
      #section-menu #menu-menu .content ul li.last ul:after { 
        border-top: 85px solid #ff9da6; 
      }
      #section-menu #menu-menu .content > ul > li,
      #section-menu #menu-menu .content > ul > li.last {
        width: 223px;
        height: 212px;
        background-color: white;
      }
      #section-menu #menu-menu .content > ul > li.first {
        border: 4px solid #3fbbf1;
      }
      #section-menu #menu-menu .content > ul > li > a, #section-menu #menu-menu .content > ul > li .nolink {
        color:#5578F0;
        font-weight: normal;
      }
      #section-menu #menu-menu .content > ul > li.last > a, #section-menu #menu-menu .content > ul > li.last .nolink {
         color:#ff9da6;
         font-weight: normal;
      }
      #section-menu #menu-menu .content >ul > li.first.expanded.active-trail,
      #section-menu #menu-menu .content >ul > li.first.expanded.active-trail .nolink,
      #section-menu #menu-menu .content > ul > li.first:hover,
      #section-menu #menu-menu .content > ul > li.first > ul > li {
        background-color: #3fbbf1;
        color: white
      }  
      #section-menu #menu-menu .content > ul > li {
        border: 4px solid #5578F0;
      }
      #section-menu #menu-menu .content >ul > li.expanded.active-trail,
      #section-menu #menu-menu .content >ul > li.expanded.active-trail .nolink,
      #section-menu #menu-menu .content > ul > li:hover,
      #section-menu #menu-menu .content > ul > li > ul > li  {
        background-color: #5578F0;
        color: white
      }   
      #section-menu #menu-menu .content > ul > li.last {
        border: 4px solid #ff9da6;
        float: left;
      }
      #section-menu #menu-menu .content >ul > li.last.expanded.active-trail .nolink, 
      #section-menu #menu-menu .content >ul > li.last.expanded.active-trail,
      #section-menu #menu-menu .content > ul > li.last:hover,
      #section-menu #menu-menu .content > ul > li.last > ul > li {
        background-color: #ff9da6;
        color: white
      }
      #section-menu #menu-menu .content > ul > li.first > a, #section-menu #menu-menu .content > ul > li.first .nolink {
        color: #3fbbf1;
        font-weight: normal;
      }
      #section-menu #menu-menu .content > ul > li.first:hover > .nolink,
      #section-menu #menu-menu .content > ul > li.last:hover > .nolink,
      #section-menu #menu-menu .content > ul > li:hover > .nolink {
        color: white;
      }
      
      #section-menu #menu-menu .content > ul > li {
        margin-right: 20px;
        text-indent: -1px;
        float: left;
        position: relative;
        padding: 45px 15px;
      }
      
      #section-menu #menu-menu .content > ul > li > span.nolink   {
        line-height: 50px;
        display: inline-block;
        padding-left: 9px;
      }
      
      #section-menu #menu-menu .content >ul > li.last.expanded.active-trail > span::first-line,
      #section-menu #menu-menu .content >ul > li.first.expanded.active-trail > span::first-line,
      #section-menu #menu-menu .content >ul > li.expanded.active-trail > span::first-line,
      #section-menu #menu-menu .content > ul > li.first:hover > span::first-line,
      #section-menu #menu-menu .content > ul > li.last:hover > span::first-line,
      #section-menu #menu-menu .content > ul > li:hover > span::first-line  {
        -webkit-text-decoration-line: underline; /* Safari */
        text-decoration-line: underline;
      }

      div#block-menu-menu-menu-freiburg {
        width: 830px;
        margin: 0 auto;  
      }
    }
    @media (min-width: 1200px) {
      #section-menu {
        top: -130px;
      }
    }  
    #block-menu-menu-footer .content {
      display: inline-block;
    }
    @media (min-width: 1024px) {
      #section-menu #menu-menu .content > ul > li > ul {
        bottom: 200px;
        font-size: 20px; 
        padding: 0; 
        position: absolute;
        padding-bottom: 40px; 
        width: 223px;
        left: -4px;
      } 
      #section-menu #menu-menu .content > ul > li > ul > li.first.leaf{
        padding-top: 10px;
      }  
      #section-menu #menu-menu .content > ul > li > ul > li {
        padding-left: 12px;
        padding-right: 6px;
        padding-bottom: 10px; 
        font-size: 18px;
      }
      #section-menu #menu-menu .content > ul > li > ul > li > a {
        text-indent: unset;
        padding-left: 0;
        color:  white;
        text-decoration: none;
      }
      #section-menu #menu-menu a.active-trail::before {
        content: unset;
      }
      #section-menu #menu-menu .content > ul > li > ul > li > a.active {
        text-decoration: underline;
      }
    }
    @media (min-width: 1200px) {
        #section-menu #menu-menu .content > ul > li > ul > li {
          font-size: 20px;
        }
      }  
    #header-wrapper #header-right  {
      width: auto;
      float: right;
    }
    #block-dlv-global-header-right {
      display: none;
    }
    @media (min-width: 1024px) {
      #block-dlv-global-header-right {
        float: left;
        display: block;
        padding-top: 6px
      }
    } 
    #header-wrapper #header-right div#block-search-form {
      float: right;
      display: none;
      padding-top: 12px;
    }    
    @media (min-width: 1200px) {
      #block-dlv-global-header-right,
      #header-wrapper #header-right div#block-search-form { 
        padding-top: 0;
      }
    } 

    div#block-search-form input[id^="edit-submit"] {
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Suche.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .coloredprimo div#block-search-form #edit-submit,
    .coloredsecondo div#block-search-form #edit-submit,
    .coloredsecondo div#block-search-form #edit-submit{
      background-color: #FFF;
    }
    #header-wrapper #header-right div#block-search-form.coloredprimo .form-item-search-block-form input,
    #header-wrapper #header-right div#block-search-form.coloredsecondo .form-item-search-block-form input,
    #header-wrapper #header-right div#block-search-form.coloredterzo .form-item-search-block-form input {
      color: #FFF;
    }   
    #header-wrapper #header-right div#block-search-form .form-item-search-block-form input{
      border: 1px solid #3fbbf1;
      float: left;
      padding:  3px;
      color: #3fbbf1;
      width: 200px;
    }  
    #header-wrapper #header-right div#block-search-form div[id^="edit-"] {
      height: 30px;
      float: left;
      width: 30px;
    }
    #header-wrapper {
      background: white;
    }
    /*@media (min-width: 1024px) {
      #header-wrapper {
        margin: 10px 30px 0 30px;
        height: 50px;
      }   
    }*/
    #header-wrapper #header-right .content {
        float: left;
        font-size: 1em;
      }
    @media (min-width: 1200px) {
      #header-wrapper #header-right .content {
        font-size: 1.2em;
        padding-top: 10px;
      }
    }  
    #header-wrapper #header-right a {
      color: #3fbbf1;
      float: left;
    }
    #header-wrapper #header-right a [class^="icon-"] p {
      float: right;
      width: unset;
      line-height: 50px;
    }
    #header-wrapper #header-right a p {
      float: left;
      padding-left: 5px;
      padding-right: 10px;
      line-height: 30px;
    }
    #header-wrapper #header-right a [class^="icon-"] {
      float: left;
    }
    .icon-schweiz_weiss {
      width: 40px;
      height: 40px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Stellenplattform.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-mail_weiss {
      width: 28px;
      height: 28px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Kontakt.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-i-medien {
      width: 25px;
      height: 25px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Downloads.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-dlv_weiss {
      width: 40px;
      height: 40px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_fr/Icons_Web_DLV.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-link_weiss {
      width: 25px;
      height: 25px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_valag/ALV_Icons_Web_Verknuepfung.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-schreiben_weiss {
      width: 27px;
      height: 27px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Blogopaedie.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-person_weiss {
      width: 27px;
      height: 27px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Login.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-logout {
      width: 27px;
      height: 27px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Logout.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-suchen {
      width: 27px;
      height: 27px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Suche.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .coloredprimo [class^="icon-"],
    .coloredsecondo [class^="icon-"],
    .coloredterzo [class^="icon-"] {
      background-color: white;
    }
    @media (min-width: 1200px) {
      .icon-schweiz_weiss,
      .icon-mail_weiss,
      .icon-schreiben_weiss,
      .icon-person_weiss,
      .icon-i-medien,
      .icon-logout,
      .icon-suchen,
      .icon-dlv_weiss,
      .icon-link_weiss { 
        width: 50px;
      }
    }  
  @media (min-width: 1024px) {  
    section#section-content {
      width: 66%;
      margin-right: 50px;
      float: left;
    }
  }
  section#section-sidepanel {
    margin-top: 3rem; 
  }
  section#section-sidepanel #sidepanel-sidepanel {
    border: 2px solid #3fbbf1;
    padding: 10px 20px;
    color: #3fbbf1; 
  }
    section#section-sidepanel #sidepanel-sidepanel a {
      color: #3fbbf1; 
      text-decoration: underline;
    }
    section#section-sidepanel #sidepanel-sidepanel .more-link, section#section-sidepanel #sidepanel-sidepanel .button_primary {
      width: 100%; 
    }
  section#section-sidepanel li {
    margin-bottom: 10px; 
    margin-left: 20px;
  }
    @media (min-width: 63em) {
      section#section-sidepanel li {
        margin-bottom: 5px; 
      } 
    }
    #page-wrapper #section-sidepanel {
      width:95%;
      display: inline-block;
      margin: 10px;
      margin-top: 50px;
    }
  @media (min-width: 1024px) { 
    #page-wrapper #section-sidepanel { 
      width: 25%;
      float: left;
      display: inline-block;
    }
  }   
  @media (min-width: 1200px) { 
    #page-wrapper #section-sidepanel {
      width: 20%;
    }
  }
   section#section-sidepanel.second #sidepanel-sidepanel {
    border: 2px solid #5578F0;
    color:  #5578F0;
  }
  section#section-sidepanel.second #sidepanel-sidepanel a{
    color:  #5578F0;
  }  
  section#section-sidepanel.third #sidepanel-sidepanel {
    border: 2px solid #ff9da6;
    color: #ff9da6;
  } 
  section#section-sidepanel.third #sidepanel-sidepanel a{
    color:  #ff9da6;
  } 
  section#section-sidepanel.third #sidepanel-sidepanel h4{
    color:  #ff9da6;
  }       
  #section-footer #footer-first ul li a,
  #block-dlv-global-block-user-login,
  #section-footer a, 
  footer#section-footer {
    background: white;
    color: #3fbbf1; 
    display: inline-block;   
  }
  .icon-personen_weiss {
      width: 50px;
      height: 50px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Forum.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
      margin-bottom: 120px;
      float: left;
      margin-right: 10px;
    }
  #block-dlv-global-block-user-login .icon-person_weiss {
    margin-bottom: 170px;
    float: left;
    height: 50px;
    margin-right: 10px;
    width: 50px;
  }
   #section-footer #footer-first,
    #section-footer #footer-second,
    #section-footer #footer-third {
      min-height: 170px;
      margin: 0 30px;
  } 
  #section-footer #footer-first {
    min-height: 250px;
  }   
    @media (min-width: 63em) {
      #section-footer #footer-first {
        width:300px;
        float: left;
        margin: 0;
      }
      #section-footer #footer-second,
      #section-footer #footer-third {
        width: 35%;
        min-height: 270px;
        float: left;
        margin: 0;
      }
      #section-footer #footer-second p,
      #section-footer #footer-third p {
        width: 80%;
      }  
    }  
    #block-menu-menu-footer .content {
      border: 2px solid #3fbbf1;
      border-radius: 30px;
      width: 200px;
      padding: 0 20px;
    }
    @media (min-width: 63em) {
      #block-menu-menu-footer .content {
        margin-left: 30px;
      }  
    }
    #block-menu-menu-footer .content li a {
      font-style: normal;
    }
    #block-menu-menu-footer .content li a:hover,
    #block-menu-menu-footer .content li a.active-trail.active {
      text-decoration: underline;
    } 
    #section-footer .footer_top {
      box-shadow: 0 3px 5px -3px gray;
      background: white;
      height: 10px;
      margin-bottom: 50px;
      margin-top: 60px;
    }
    #footer-second [class^="icon-"]:before,
    #footer-third [class^="icon-"]:before { 
      padding-top: 0;
      padding-bottom: 100px;
    }  
    #footer-bottom {
      margin: 10px 30px;
      position: relative;
      clear: left;
    }
    #block-views-footer-adresse-block {
      padding-bottom: 10px;
    }
    #block-views-footer-adresse-block .view-footer-adresse .field-content p {
      margin: 0;
      font-size: 18px;
    }
    @media (min-width: 1200px) { 
      #block-views-footer-adresse-block .view-footer-adresse .field-content p:first-of-type{
        width: 24%;
      }
      #block-views-footer-adresse-block .view-footer-adresse .field-content p {
        float: left;
        color: #3fbbf1; 
        width: 17%;
      }
      #block-views-footer-adresse-block {
      padding-bottom: 0px;
    }
    }
    #block-dlv-global-block-facebook .content a {
      float: left;
      font-size: 30px;
      width: 40px;
    }
    #block-dlv-global-block-facebook {
      position: absolute;
      bottom: 0;
      right:0;
      width: 100%;
      height: 0px;
    }
    @media (min-width: 63em) { 
      #block-dlv-global-block-facebook {
        position: relative; 
        bottom: 10px;
        float: right;
        width: 250px;
        height: inherit;
      }   
      #block-dlv-global-block-facebook .content a {
        width: 50px;
      }
    }
    .svg_logo {
      width: 33px;
      height: 33px;
      display: inline-block;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Facebook.svg') no-repeat 100% 100% ;
      -webkit-mask-size: cover;
      background-color: #3fbbf1;
    }
    .icon-facebook_weiss {
      width: 33px;
      height: 33px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Facebook.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-twitter {
      width: 33px;
      height: 33px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Twitter.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-instagram {
      width: 33px;
      height: 33px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Instagram.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    .icon-tdl {
      width: 113px;
      height: 33px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/dom_logopaedie/DLV_Icon_Tag_der_Logopaedie.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
    }
    @media (min-width: 63em) {
      .icon-tdl {
        width: 115px;
        height: 33px;
      }  
    }
    #edit-mimemail {
      display: none;
    }
    form .form-item {
      position: relative;
    }
    form .fieldset-legend {
      font-size: 20px;
    }
     form.search-form .form-item{
      width: inherit;
     }
     form#user-login .description {
      visibility: hidden;
     }
    select {
      width: 100%;
      background: transparent;
      border: 3px solid #3fbbf1;
      padding: 7px;
    }
    .views-exposed-form select {
      width: 230px;
      color: #3fbbf1;
    }
    textarea:focus-visible, 
    input:focus-visible,
    select:focus-visible {
      outline: none;
    } 
    input,
    textarea {
      width: 100%;
      height: 42px;
      border: 3px solid #3fbbf1;
      padding: 10px; 
    }
    input[type="radio"],
    input[type="checkbox"] {
      width: initial;
    }
    input[type="radio"] {
      display: none;
    }
    input[type="checkbox"] {
      display: none; 
    }

    input[type="checkbox"] + label {
      display:inline-block;
      width: auto;
      height:25px;
      padding-left: 35px;
      padding-top: 3px;
      background:url('/sites/all/themes/dlv_neu/images/dom_fr/fr_Checkbox_Leer.svg') no-repeat;
      cursor:pointer;
    }
    input[type="checkbox"]:checked + label {
      background:url('/sites/all/themes/dlv_neu/images/dom_fr/fr_Checkbox_Voll.svg') no-repeat;
    }
    input[type="radio"] + label {
      display:inline-block;
      width: auto;
      height:28px;
      padding-left: 35px;
      padding-top: 7px;
      background:url('/sites/all/themes/dlv_neu/images/dom_fr/fr_Radiobutton_Leer.svg') no-repeat;
      cursor: pointer; 
      padding-right: 20px;
    }
    input[type="radio"]:checked + label {
      background:url('/sites/all/themes/dlv_neu/images/dom_fr/fr_Radiobutton_Voll.svg') no-repeat;
     }
    
    form.search-form input{
      border: none;
      padding: 0;
      width: inherit;
      height: inherit;
    }
    .page-search-node form.search-form input {
      border: 3px solid #3fbbf1;
      padding: 10px;
      margin: 5px 0;
      color: #3fbbf1;
      width: 100%;
    }
    .page-search-node form.search-form input#edit-submit {
      width: auto;
    }
    .page-search-node a {
      color: #3fbbf1;
    }
    textarea {
      height: auto;
    }
    label {
      color: black;
    }   
    .form-item.full label {
      transform: translate(-2px, -33px); 
    }
    form.webform-client-form-122 label[for^="edit-submitted-node"] {
      position: absolute; 
      bottom: 40px; 
      top: unset;
      left: unset; 
    }
    form .form-type-radio {
      position: unset;
      float: left;
    }
    .form-item.webform-component.webform-component-radios {
      margin-bottom: 42px;
    }
    form .form-type-radio label.option {
      float: left;
      width: auto;
      position: inherit;
      margin: 0;
    }
    
    .form-required {
      color: black;
    }
    input.form-submit,
    input.webform-submit.button-primary.form-submit {
      width: auto;
      background: transparent;
      height: 3rem;
      margin-right: 10px;
    }
    #edit-preview,
    .region-content #edit-submit,
    .region-content div.views-reset-button,
    .region-content div.views-submit-button {
      color: #3fbbf1;
    }
    .region-content.second #edit-submit,
    .region-content.second div.views-reset-button,
    .region-content.second div.views-submit-button {
      color: #5578F0;
    }
    .region-content.third #edit-submit,
    .region-content.third div.views-reset-button,
    .region-content.third div.views-submit-button {
      color:#ff9da6;
    }
    #edit-preview:hover,
    .region-content #edit-submit:hover,
    .region-content input.form-submit:hover,
    .region-content.first input.form-submit:hover, 
    .region-content.first input.webform-submit.button-primary.form-submit:hover {
        background: #3fbbf1;
        color: white;
    }
    .region-content.second input.form-submit:hover, 
    .region-content.second input.webform-submit.button-primary.form-submit:hover {
        background: #5578F0;
        color: white;
    }
    .region-content.third input.form-submit:hover, 
    .region-content.third input.webform-submit.button-primary.form-submit:hover {
        background: #ff9da6;
        color: white;
    }
    input.form-submit.custom-search-button:hover{
      background: transparent;     
    } 
    .more-link {
      height: 3rem;
      width: auto;
      padding: 10px !important;
      text-align: left;
      display: inline-block;
      border: 3px solid #3fbbf1;
    }
    .more-link:hover {
      background: #3fbbf1;
    }  
    .more-link a { 
      text-decoration: none;
      color: #3fbbf1;
    }  
    .more-link a:hover {
      color: #FFF;
    }
    .more-link.password {
      margin-left: 10px;
    }  
  @media (min-width: 1024px) {   
    .more-link.password {
      float: right;
      top: -70px;
      position: relative;
      right: 10px;
    }  
  }
  .more-link.password:hover {
    background: #3fbbf1;
  }
  .more-link.password a:hover {
    color: white;
  }
  #block-views-teaser-blocks-block-3 .view-content,
  #block-views-teaser-blocks-block-1 .view-content {
      width:  100%;
      margin: 0 auto;
    }
    .view-teaser-blocks .views-row {
      border: 2px solid #3fbbf1;
      height: 171px;
      position: relative;
      font-size: 1em;
      padding: 20px;
      margin-bottom: 20px;
      width: 100%;
    }  
    
  @media (min-width: 1024px) {
    .view-teaser-blocks .views-row {
      width: 32%;
      float: left;
    }  
    .view-teaser-blocks .views-row.views-row-1,
    .view-teaser-blocks .views-row.views-row-2 {
      margin-right: 2%;
    }
  }  

  @media (min-width: 1131px) {
    #block-views-teaser-blocks-block-3 .view-content,
    #block-views-teaser-blocks-block-1 .view-content {
      width:  1130px;
      margin: 0 auto;
    }
    .view-teaser-blocks .views-row {
      width: 347px;
      float: left;
    }  
    .view-teaser-blocks .views-row.views-row-1,
    .view-teaser-blocks .views-row.views-row-2 {
      margin-right: 44px;
    }
  }    
  .view-teaser-blocks .views-row:hover {
    border-radius: 90px;
    padding-left: 40px;
  }
  .view-teaser-blocks .views-row .teaser_title {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .teaser_pfeil {
    margin-left: -37px;
    margin-top: 10px;
  }
  @media (min-width: 1024px) {
    .teaser_pfeil {
      margin-top: 5px;
    }
  }
  .teaser_pfeil line#svg_4 {
    display: none;
  }
  .view-teaser-blocks .views-row:hover line#svg_4 {
    display: block;
  }
  .view-teaser-blocks .views-row:hover .teaser_pfeil {
    margin-left: 20px;
  }
  .view-teaser-blocks .teaser_pfeil svg g line {
    stroke: #3fbbf1;
  }

  /*Accordion*/
  .jquery-ui-filter-accordion-header,
  .ui-accordion-content-active,
  .ui-accordion-header {
    border: 0;
  } 
  .ui-accordion .ui-accordion-content {
    height: auto !important; 
  }
  .ui-accordion .ui-accordion-header,
  .ui-accordion .ui-accordion-content {
    padding-left: unset;
    border-radius: unset;
    font-size: 20px;
  }
  .jquery-ui-filter-accordion-header,
  .ui-accordion-content-active,
  .ui-accordion-header {
    background: transparent;
    border-bottom: 3px solid #3fbbf1;
  }
  .sidepanel.second .jquery-ui-filter-accordion-header,
  .sidepanel.second .ui-accordion-content-active,
  .sidepanel.second .ui-accordion-header,
  .region-content.second .jquery-ui-filter-accordion-header,
  .region-content.second .ui-accordion-content-active,
  .region-content.second .ui-accordion-header {
    background: transparent;
    border-bottom: 3px solid #5578F0;
  }
  .region-content.third .jquery-ui-filter-accordion-header,
  .region-content.third .ui-accordion-content-active,
  .region-content.third .ui-accordion-header {
    background: transparent;
    border-bottom: 3px solid #ff9da6;
  }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto;
    right: 0.5em; 
  }
  .jquery-ui-filter-container {
    margin-top: 20px;
  }
  .accordion_ul div[id^='ui-accordion-'] {
   background: transparent;
   border: none;
   border-bottom: 3px solid #3fbbf1;
   margin-left: 20px;
  }
  .ui-state-default .ui-icon,
  .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
      width: 50px;
      height: 30px;
      -webkit-mask: url('/sites/all/themes/dlv_neu/images/chevron-down-solid.svg') no-repeat 100% 100% ;
      background-color: #3fbbf1;
  }
  .sidepanel.second .ui-state-default .ui-icon,
  .sidepanel.second .ui-state-hover .ui-icon, 
  .sidepanel.second .ui-state-focus .ui-icon,
  .region-content.second .ui-state-default .ui-icon,
  .region-content.second .ui-state-hover .ui-icon, 
  .region-content.second .ui-state-focus .ui-icon {
      background-color: #5578F0;
  }
  .region-content.third .ui-state-default .ui-icon,
  .region-content.third .ui-state-hover .ui-icon, 
  .region-content.third .ui-state-focus .ui-icon {
      background-color: #ff9da6;
  }
  .ui-state-active .ui-icon {
    width: 50px;
    height: 30px;
    -webkit-mask: url('/sites/all/themes/dlv_neu/images/chevron-up-solid.svg') no-repeat 100% 100% ;
    background-color: #3fbbf1;
  }
  .region-content.second .ui-state-active .ui-icon {
    background-color: #5578F0;
  }  
  .region-content.third .ui-state-active .ui-icon {
    background-color: #ff9da6;
  }  
  .ui-state-default a, 
  .ui-state-default a:link, 
  .ui-state-default a:visited {
    color: black;
    text-decoration: none;
  }
  body.page-node-1014 .region-content,
  body.page-node-9067 .region-content {
      width: 340px;
      margin: 0 auto;
    }
  @media (min-width: 1024px) {
    body.page-node-1014 .region-content,
    body.page-node-9067 .region-content {
      width: 1000px;
      margin: 0 auto;
    }
  }
  .page-node-1014 .back_desktop,
  .page-node-9067 .back_desktop {
    display: none;
  }
  .page-node-1014 #block-menu-menu-menu-freiburg,
  .page-node-9067 #block-menu-menu-menu-freiburg {
    display: block;
  }
  #node-1014,
  #node-9067 {
    margin-top: 30px;
  }
  @media (min-width: 1024px) {
    #node-1014,
    #node-9067 {
      margin-top: 70px;
    }
    .page-node-1014 .back_desktop,
    .page-node-9067 .back_desktop {
      display: block;
      font-size: 1.3em;
      line-height: 24px;
      margin-top: 10px;
    }
    .page-node-1014 #block-menu-menu-menu-freiburg,
    .page-node-9067 #block-menu-menu-menu-freiburg {
      display: none
    }
  }  
  .page-node-1014 #header-right svg, 
  .page-node-9067 #header-right svg{
    transform: rotate(180deg);
    float: left;
    margin-right: -20px;
  }
  .page-node-1014 #header-right svg line,
  .page-node-9067 #header-right svg line {  
    stroke: #3fbbf1;
  }
  .page-node-1014 #header-right line#svg_4,
  .page-node-9067 #header-right line#svg_4 {
    display: none;
  }
  .page-node-1014 #header-right:hover a,
  .page-node-9067 #header-right:hover a {
    text-decoration: underline;
  }
  .page-node-1014 #header-right:hover line#svg_4,
  .page-node-9067 #header-right:hover line#svg_4 {
    display: block;
  }
  .page-node-1014 #header-right:hover svg,
  .page-node-9067 #header-right:hover svg{
    margin-right: 20px;
  }
  .page-node-1014 #block-views-blog-front-block-1,
  .page-node-9067 #block-views-all-news-block-2,
  .page-node-9067 #block-views-blog-front-block-1 {
    margin-left: 20px;
  } 
  .page-node-1014 #block-views-blog-front-block-1,
  .page-node-9067 #block-views-blog-front-block-1 { 
    margin-top: 30px;
  }
  .page-node-1014 .field-name-body,  
  .page-node-9067 .field-name-body {
     margin: 80px 20px 20px 20px;
  }
  @media (min-width: 1024px) { 
    .page-node-1014 .field-name-body,
    .page-node-9067 .field-name-body {
      margin: 50px 20px 20px 30px;
    }
  }
  .page-node-1014 .region-content.first a,  
  .page-node-9067 .region-content.first a {
    text-decoration: none;
  } 
  .page-node-1014 .field-name-body p, 
  .page-node-9067 .field-name-body p,
  #block-views-blog-front-block-1 p {
    width: 100%;
  }
  @media (min-width: 1024px) {
    .page-node-1014 .field-name-body p,
    .page-node-9067 .field-name-body p,
    #block-views-blog-front-block-1 p {
      /*width: 58%;*/
      font-size: 19px;
      padding: 20px 10px 20px;
   }
  }
  #block-views-blog-front-block-1 .view-header {
    margin-bottom: 20px;
  }  
  @media (min-width: 1024px) {
    #block-views-blog-front-block-1 .view-header {
      margin-left: 10px;
    }
  }   
  /*#block-views-blog-front-block-1 .view-footer p {
    width: 95%;
  }*/
  .page-node-9067 .view-all-news .views-row a {
    color: white;
  }
  .page-node-1014 .view-blog-front .views-row a,
  .page-node-9067 .view-blog-front .views-row a,{
    color: #3fbbf1;
  }
  .page-node-1014 .view-blog-front .views-row .blog_full,
  .page-node-9067 .view-blog-front .views-row .blog_full,
  .page-node-9067 .view-all-news .views-row .news_full {
    height: 260px;
  }
  .page-node-1014 .view-blog-front .views-row .blog_full,
  .page-node-9067 .view-blog-front .views-row .blog_full{
    color: #3fbbf1;
  }
  .page-node-1014 .view-blog-front .views-row .blog_full:hover,
  .page-node-9067 .view-blog-front .views-row .blog_full:hover{
    color: white;
  }
  .page-node-9067 .view-all-news .masonry-item {
    height: 300px;
    width: 300px;  
    padding: 10px;
    position: relative;
    float: left;
    margin-bottom: 10px;
  }
  @media (min-width: 1024px) {
    .page-node-9067 .view-all-news .masonry-item {
      margin: 10px;
    }  
  }
  .page-node-9067 .view-all-news .masonry-item.views-row-1,
  .page-node-9067 .view-all-news .masonry-item.views-row-4{
    border: 2px solid #ff9da6;
    background-color: #ff9da6;
  }
  .page-node-9067 .view-all-news .masonry-item.views-row-2,
  .page-node-9067 .view-all-news .masonry-item.views-row-3{
    border: 2px solid #5578F0;
    background-color: #5578F0;
  }
.page-node-9067 .view-all-news .views-row-5,
.page-node-9067 .view-all-news .views-row-3,
.page-node-9067 .view-all-news .views-row-1 {
  height: 620px;
} 
.page-node-9067 .view-all-news.view-display-id-block_3 .views-row-5,
.page-node-9067 .view-all-news.view-display-id-block_3 .views-row-3,
.page-node-9067 .view-all-news.view-display-id-block_3 .views-row-1 {
  height: 300px;
}
.page-node-9067 .view-all-news.view-display-id-block_3 .masonry-item {
    border: 2px solid #3fbbf1;
    background-color: #3fbbf1;
}   
  .page-node-9067 .view-all-news .masonry-item:hover  {
    background-color: white;
  }
  .page-node-9067 .view-all-news .masonry-item.views-row-1:hover a,
  .page-node-9067 .view-all-news .masonry-item.views-row-4:hover a{
    color: #ff9da6;
  }
  .page-node-9067 .view-all-news .masonry-item.views-row-2:hover a,
  .page-node-9067 .view-all-news .masonry-item.views-row-3:hover a{
    color: #5578F0;
  }
  .page-node-9067 .view-all-news.view-display-id-block_3 .masonry-item:hover a{
    color: #3fbbf1;
}
  .page-node-9067 .view-all-news .views-row .created {
    font-size: 1.3em;
    margin-bottom: 30px;
  }
  .page-node-9067 .view-all-news .views-row .title {
    font-size: 2em;
  }
  .page-node-1014 #block-dlv-global-header-right,
  .page-node-9067 #block-dlv-global-header-right {
    display: none;
  }
  .page-node-9067 .view-all-news .more{
    position: absolute;
    font-size: 3em;
    bottom: 0;
    right: 20px; 
  }
  .page-node-9067 .view-all-news .views-row-5 .more,
  .page-node-9067 .view-all-news .views-row-3 .more,
  .page-node-9067 .view-all-news .views-row-1 .more{
    bottom: 370px;
  }
  .page-node-9067 .view-all-news.view-display-id-block_3 .views-row-5 .more,
  .page-node-9067 .view-all-news.view-display-id-block_3 .views-row-3 .more,
  .page-node-9067 .view-all-news.view-display-id-block_3 .views-row-1 .more{
    bottom: 0;
  }
  .page-node-9067 .view-all-news .views-field-field-news-bild {
    position: absolute;
    width: 300px;
    left: -2px;
    bottom: -6px;
  }
  .page-node-9067 .view-all-news .views-row-2 img,
  .page-node-9067 .view-all-news .views-row-4 img,
  .page-node-9067 .view-all-news .views-row-6 img {
    display: none;
  }
  .page-node-1014 .view-blog-front .masonry-item,
  .page-node-9067 .view-blog-front .masonry-item {
    height: 300px;
    width: 300px;
    border: 2px solid #3fbbf1;
    background-color: white;
    margin: 10px;
    padding: 10px;
    position: relative;
    float: left;
  }
  @media (min-width: 1024px) {
    .page-node-1014 .view-blog-front .masonry-item,
    .page-node-9067 .view-blog-front .masonry-item {
      margin: 10px;
    }  
  }
  .page-node-1014 .view-blog-front .masonry-item:hover,  
  .page-node-9067 .view-blog-front .masonry-item:hover  {
    background-color: #3fbbf1;
    color: white;
  }
  .page-node-1014 .view-blog-front .masonry-item:hover a,
  .page-node-9067 .view-blog-front .masonry-item:hover a{
    color: white;
  }
  .page-node-1014 .view-blog-front .views-row .created,
  .page-node-9067 .view-blog-front .views-row .created {
    font-size: 1.3em;
    margin-bottom: 30px;
  }
  .page-node-1014 .view-blog-front .views-row .title,
  .page-node-9067 .view-blog-front .views-row .title {
    font-size: 2em;
  }
  .page-node-1014 .view-blog-front .more,
  .page-node-9067 .view-blog-front .more{
    position: absolute;
    font-size: 3em;
    bottom: 0;
    right: 20px; 
  }
  .page-node-1014 .view-blog-front.view-display-id-block_1 .views-row-3 .more,
  .page-node-9067 .view-blog-front.view-display-id-block_1 .views-row-3 .more{
    bottom: 295px;
  }
  .page-node-1014 .view-blog-front.view-display-id-block_3 .views-row-3 .more,
  .page-node-9067 .view-blog-front.view-display-id-block_3 .views-row-3 .more{
    bottom: 0;
  }
  .page-node-1014 .view-blog-front .views-field-field-news-bild,
  .page-node-9067 .view-blog-front .views-field-field-news-bild {
    position: absolute;
    width: 300px;
    left: -2px;
    bottom: -6px;
  }
  .page-node-1014 .view-blog-front .views-row-1 img,
  .page-node-1014 .view-blog-front .views-row-2 img,
  .page-node-1014 .view-blog-front .views-row-5 img,
  .page-node-1014 .view-blog-front .views-row-4 img,
  .page-node-9067 .view-blog-front .views-row-1 img,
  .page-node-9067 .view-blog-front .views-row-2 img,
  .page-node-9067 .view-blog-front .views-row-5 img,
  .page-node-9067 .view-blog-front .views-row-4 img  {
    display: none;
  }
  .page-node-1014 .view-blog-front.view-display-id-block_1 .views-row-3,
  .page-node-9067 .view-blog-front.view-display-id-block_1 .views-row-3 {
      height: 620px;
  }
  .page-node-1014 .view-blog-front.view-display-id-block_3 .views-row-3,
  .page-node-9067 .view-blog-front.view-display-id-block_3 .views-row-3 {
      height: 300px;
  }
  button.news_all, 
  button.blog_all {
    width: auto;
    margin: 0 auto;
    display: block;
    border: 2px solid  #3fbbf1;
    color: #3fbbf1;
    padding: 10px;
    background-color: white;
  }
  button.news_all:hover,  
  button.blog_all:hover {
    color: white;
    background-color: #3fbbf1;
  }
  button.news_all {
    display: none;
  }
  .view-id-all_news.view-display-id-block_3,
  .view-id-blog_front.view-display-id-block_3 {
    visibility:  hidden;
    height: 0;
  }
  .page-node-181 .region-content.first a {
    color: black;
    text-decoration: none;
  } 
  .page-node-181 .field-name-body a[href^="mailto:"] {
    text-decoration: underline;
  }
  div#block-menu-menu-footer,
  #block-dlv-global-block-forum,
  #block-dlv-global-block-user-login {
    line-height: 30px;
    font-size: 18px; 
    margin-bottom: 40px;
  }
  #block-dlv-global-block-forum a,
  #block-dlv-global-block-user-login a {
    text-decoration: underline;
  } 
  div#block-menu-menu-footer ul.menu {
    padding: 30px 10px;
  } 
  
  div[id^="edit-field-stellen-auswahlfeld-value-"],
  div[id^="edit-field-stellen-kanton-value-"],
  div[id^="edit-field-stellen-institution-value-"],
  div[id^="edit-field-stellen-typ-value-"] {
    width: 248px;
    float: left;
  }
  .webform-component-select label, 
  .views-exposed-widget label, 
  .form-type-select label {
    position: relative;
    padding-bottom: 15px; 
  }
  .webform-component-select label:after, 
  .views-exposed-widget label:after,
  .form-type-select label:after {
    width: 50px;
    height: 30px;
    -webkit-mask: url('/sites/all/themes/dlv_neu/images/chevron-down-solid.svg') no-repeat 100% 100% ;
    background-color: #3fbbf1;
    position: absolute;
    right: 10px;
    top: 38px;
    content: "";
    pointer-events: none;
}
.view-id-stellen .views-row, .view-id-stellen_zh .views-row {
    margin-bottom: 2rem;
    border-top: 3px solid #3fbbf1;
    font-size: 18px;
}
input[id^="edit-submit-stellen"] {
    height: 42px;
    width: 140px;
    font-size: 20px;
    color: #3fbbf1;
    padding: 7px;
  }
select {
  -moz-appearance: none;
   appearance: none;
   padding-left: 10px;
   font-size: 1em !important;
}
#block-views-events-veranstaltungen-block .views-row.views-row-first {
  border-top: 3px solid #ff9da6;
}  
#block-views-events-veranstaltungen-block .views-row {
  border-bottom: 3px solid #ff9da6;
  min-height: 65px;
  width: 100%;
  display: table;
  padding: 10px 0;
}
#block-views-events-veranstaltungen-block .views-field-title a {
  color: black;
  text-decoration: none;
  font-size: 18px;
}



@media (min-width: 1024px) {

  #block-views-events-veranstaltungen-block .views-field-title a {
    font-size: 20px;
  }
}  
#block-views-events-veranstaltungen-block .views-field-field-datum {
  font-size: 18px;
  width: 50%;
  float: left;
  margin-top: 10px;
} 
#block-views-events-veranstaltungen-block .views-field-nothing {
  font-size: 18px;
  width: 50%;
  float: left;
  margin-top: 10px;
} 
@media (min-width: 1024px) {
  #block-views-events-veranstaltungen-block .views-field-title {
    width: 50%;
    float: left;
    padding: 0 10px 0 20px;
  }
  #block-views-events-veranstaltungen-block .views-field-field-datum {
    width: 25%;
  }
  #block-views-events-veranstaltungen-block .views-field-nothing {
    width: 25%;
    float: left;
  }
}
.region.region-content.second input,
.region.region-content.second textarea{
  border: 2px solid #5578F0;
} 
.region.region-content.third input,
.region.region-content.third textarea{
  border: 2px solid #ff9da6;
} 
.region.region-content.first input,
.region.region-content.first textarea{
  border: 2px solid #3fbbf1;
} 
#block-views-leitlinien-block input,
#block-views-leitlinien-block .views-widget {
  margin-right: 10px;
  height: 44px;
}
#block-views-leitlinien-block input.form-submit {
  margin-top: 32px;
}
#block-views-leitlinien-block .views-field-title a {
  font-size: 22px;
 }
 #block-views-leitlinien-block .views-field-title { 
  padding: 5px 0;
}
body.node-type-blog #section-content,
body.node-type-news #section-content{
  margin: 70px 0 0 0;
  width: 100%;
}
@media (min-width: 1024px) {
  body.node-type-blog .region-content,
  body.node-type-news .region-content {
      margin: 0 auto;
      width: 80%;
  }
}
body.node-type-news .field-name-field-news-bild {
  margin-bottom: 30px;
  text-align: center;
}
body.node-type-blog .field-name-field-news-bild,
body.node-type-news .views-field-field-news-bild {
  text-align: center; 
}
body.node-type-blog .entity_pager_all_link,
body.node-type-news .entity_pager_all_link {
  font-size: 20px;
  vertical-align: top;
}
body.node-type-blog .entity_pager_all_link a,
body.node-type-news .entity_pager_all_link a {
  color: #3fbbf1;
}
body.node-type-blog ul.inline li {
  padding: 15px 0;
}
body.node-type-blog ul.inline li a{
  text-decoration: underline;
}
body.node-type-blog ul.links.inline {
  display: flex;;
}
@media (min-width: 1024px) {
  body.node-type-blog .entity_pager_all_link,
  body.node-type-news .entity_pager_all_link {
    font-size: 30px;
    vertical-align: super;
  }
}  
body.node-type-blog .entity_pager_count,
body.node-type-news .entity_pager_count {
  display: none;
}
body.node-type-blog .entity_pager_prev svg,
body.node-type-news .entity_pager_prev svg{
  transform: rotate(180deg);
  margin-right: -20px;
  float: left;
}
body.node-type-blog .entity_pager_next svg,
body.node-type-news .entity_pager_next svg {
  margin-left: -20px;
  float: left;
} 
body.node-type-blog svg line, 
body.node-type-news svg line {  
  stroke: #3fbbf1;
}
body.node-type-blog line#svg_4,
body.node-type-news line#svg_4 {
  display: none;
}
body.node-type-blog .entity_pager_all_link:hover a,
body.node-type-news .entity_pager_all_link:hover a {
  text-decoration: underline;
}
@media (min-width: 1024px) { 
  body.node-type-blog #block-system-main {
    position: relative;
    margin: 30px;
  }
}
@media (min-width: 1024px) { 
  body.node-type-blog .field-name-body {
    width: 60%;
    margin: 30px 0;
  }
  
  body.node-type-blog .field-name-body  img {
    position: absolute;
    width:  38% !important;
    right:  0;
   }
   body.node-type-blog .field-name-field-video-text2{
    margin: 30px;
   }
   body.node-type-blog #comments {
    margin: 30px;
   }
  body.node-type-blog #comments form {
    width: 60%;
  }
}
body.page-comment form input.form-submit,
body.node-type-blog #comments form input.form-submit {
    margin-right: 20px;
  }
 /*Mobile Menü*/
 #section-menu.openMenu {
    display: block;
 } 
@media (min-width: 1024px) { 
  body.node-type-blog #section-menu,
  body.node-type-news #section-menu,
  body.node-type-news #block-dlv-global-header-right,
  body.node-type-blog #block-dlv-global-header-right {
    display: none;
  }
  
} 
#section-menu-mobile {
  display: none;
}  
@media (max-width: 1023px) {
  #section-menu {
    position: absolute;
    display: none;
    width: 100%;
    top: 100px;
    left: 0px;
    z-index: 999;
    background: white;
  }
  #section-menu-mobile {
    display: block;
    margin-top: 60px;
  }
  #section-menu.coloredprimo {
    background: #3fbbf1;
    color: white;
  }
  #section-menu.coloredsecondo {
    background: #5578F0;
    color: white;
  }
  #section-menu.coloredterzo {
    background: #ff9da6;
    color: white;
  }
  #section-menu.coloredterzo #menu-menu .content > ul > li > ul > li > a,
  #section-menu.coloredsecondo #menu-menu .content > ul > li > ul > li > a,
  #section-menu.coloredprimo #menu-menu .content > ul > li > ul > li > a,
  #section-menu.coloredprimo a {
    color: white;
  }
  .not-front #section-menu-mobile #menu-menu .content > ul > li:not(.active-trail) {
    display: none;
  }
  #section-menu.coloredprimo #menu-menu .content > ul > li:not(.active-trail),
  #section-menu.coloredsecondo #menu-menu .content > ul > li:not(.active-trail),
  #section-menu.coloredterzo #menu-menu .content > ul > li:not(.active-trail) {
    display: none;
  }
  #section-menu-mobile #menu-menu .content > ul > li > ul {
        display: none;
  }
  #section-menu-mobile #menu-menu .content > ul.menu {
    font-size: 40px;
  }
  #section-menu-mobile #menu-menu .content > ul > li {
    width: 223px;
    height: 212px;
    background-color: white;
  }
  #section-menu-mobile #menu-menu .content > ul > li.active-trail {
    width: 110px;
    height: 100px;
    font-size: 20px;
    padding: 5px;
    top: -24px;
  }
  #section-menu-mobile #menu-menu .content > ul > li.first {
    border: 4px solid #3fbbf1;
  }
  #section-menu-mobile #menu-menu .content > ul > li > a, 
  #section-menu-mobile #menu-menu .content > ul > li .nolink {
    color:#5578F0;
    font-weight: normal;
  }
  #section-menu-mobile #menu-menu .content > ul > li.last > a, 
  #section-menu-mobile #menu-menu .content > ul > li.last .nolink {
     color:#ff9da6;
     font-weight: normal;
  }
  #section-menu-mobile #menu-menu .content >ul > li.first.expanded.active-trail,
  #section-menu-mobile #menu-menu .content >ul > li.first.expanded.active-trail .nolink,
  #section-menu-mobile #menu-menu .content > ul > li.first:hover,
  #section-menu-mobile #menu-menu .content > ul > li.first > ul > li {
    background-color: #3fbbf1;
    color: white
    top: -50px;
  }  
  #section-menu-mobile #menu-menu .content > ul > li {
    border: 4px solid #5578F0;
  }
  #section-menu-mobile #menu-menu .content >ul > li.expanded.active-trail,
  #section-menu-mobile #menu-menu .content >ul > li.expanded.active-trail .nolink,
  #section-menu-mobile #menu-menu .content > ul > li:hover,
  #section-menu-mobile #menu-menu .content > ul > li > ul > li  {
    background-color: #5578F0;
    color: white;
    top: -50px;
  }   
  #section-menu-mobile #menu-menu .content > ul > li.last {
    border: 4px solid #ff9da6;
  }
  #section-menu-mobile #menu-menu .content >ul > li.last.expanded.active-trail .nolink, 
  #section-menu-mobile #menu-menu .content >ul > li.last.expanded.active-trail,
  #section-menu-mobile #menu-menu .content > ul > li.last:hover,
  #section-menu-mobile #menu-menu .content > ul > li.last > ul > li {
    background-color: #ff9da6;
    color: white;
    top: -50px;
  }
  #section-menu-mobile #menu-menu .content > ul > li.first > a, #section-menu-mobile #menu-menu .content > ul > li.first .nolink {
    color: #3fbbf1;
    font-weight: normal;
  }
  #section-menu-mobile #menu-menu .content > ul > li.first:hover > .nolink,
  #section-menu-mobile #menu-menu .content > ul > li.last:hover > .nolink,
  #section-menu-mobile #menu-menu .content > ul > li:hover > .nolink {
    color: white;
  }
  
  #section-menu-mobile #menu-menu .content > ul > li {
    text-indent: -1px;
    position: relative;
    padding: 45px 15px;
    margin: 20px auto;
  }
  #section-menu-mobile #menu-menu .content > ul > li.active-trail > span.nolink   {
    line-height: 32px;
  }  
  #section-menu-mobile #menu-menu .content > ul > li > span.nolink   {
    line-height: 50px;
    display: inline-block;
    padding-left: 0px;
  }
     /* #section-menu-mobile #menu-menu .content >ul > li.last.expanded.active-trail > span::first-line,
      #section-menu-mobile #menu-menu .content >ul > li.first.expanded.active-trail > span::first-line,
      #section-menu-mobile #menu-menu .content >ul > li.expanded.active-trail > span::first-line,
      #section-menu-mobile #menu-menu .content > ul > li.first:hover > span::first-line,
      #section-menu-mobile #menu-menu .content > ul > li.last:hover > span::first-line,
      #section-menu-mobile #menu-menu .content > ul > li:hover > span::first-line  {
        text-decoration: underline solid white 3px;
      }*/
  

  body.node-type-blog #section-menu,
  body.node-type-news #section-menu {
    top: 130px;
  }
  .region.region-header-right.openMenu {
    position: absolute;
    width: 100%;
    left: 0;
    background: white;
    height: 115px;
    z-index: 9;
  }
  #header-wrapper #header-right .coloredprimo .content,
  .region.region-header-right.openMenu.coloredprimo {
    background: #3fbbf1;
    color: white;
  }
  #header-wrapper #header-right .coloredsecondo .content,
  .region.region-header-right.openMenu.coloredsecondo {
    background: #5578F0;
    color: white;
  }
  #header-wrapper #header-right .coloredterzo .content,
  .region.region-header-right.openMenu.coloredterzo {
    background: #ff9da6;
    color: white;
  }
  #block-dlv-global-header-right.openMenu {
    display: block;
    position: absolute;
    top: 58px;
  }
  #header-wrapper #header-right div#block-search-form.openMenu {
    display: block;
    position: absolute;
    margin: 0 10px;
  }
   #user-login {
    margin-top: 100px;
  }
  form.search-form input {
    float: revert;
  } 
  .coloredprimo  form.search-form input,
  .coloredsecondo  form.search-form input,
  .coloredterzo  form.search-form input {
    background-color: transparent;
    border-color: white !important;
  }  
    .coloredterzo form.search-form input::placeholder,
    .coloredsecondo form.search-form input::placeholder,
    .coloredprimo  form.search-form input::placeholder {
      color: white;
      opacity: 1; /* Firefox */
    }
    .coloredterzo form.search-form input:-ms-input-placeholder,
    .coloredsecondo form.search-form input:-ms-input-placeholder,
    .coloredprimo  form.search-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: white;
    }
    .coloredterzo form.search-form input::-ms-input-placeholder,
    .coloredsecondo form.search-form input::-ms-input-placeholder,
    .coloredprimo  form.search-form input::-ms-input-placeholder { /* Microsoft Edge */
     color: white;
    
  }
  #header-wrapper #header-right div#block-search-form .form-item-search-block-form input{
      float: revert;
    }  
  .icon-suchen {
    display: none;
  }
  .icon-schweiz_weiss,
  .icon-person_weiss,
  .icon-mail_weiss,
  .icon-schreiben_weiss,
  .icon-schweiz_weis,
  .icon-logout,
  .icon-dlv_weiss,
  .icon-link_weiss {
    width: 42px;
  }
  .icon-i-medien {
    width: 35px;
  }
  #header-wrapper #header-right a p {
    padding-right: 0;
    height: 40px;
  }
  #header-wrapper #header-right .coloredprimo a p,
  #header-wrapper #header-right .coloredsecondo a p,
  #header-wrapper #header-right .coloredterzo a p{
    color: white;
  }
  #header-wrapper #header-right .content {
    background: white;
  }
  #section-menu #menu-menu .content  {
    min-height: 1000px;
    font-size: 1.1em;
  }
  #section-menu #menu-menu .content > ul  {
    padding: 0 10px;
  }
  #section-menu #menu-menu .content > ul > li > ul {  
    border-top: 2px solid #5578F0;
    margin-top: 5px;
  } 
  #section-menu #menu-menu .content > ul > li.first > ul {  
    border-top: 2px solid #3fbbf1;
  }
  #section-menu.coloredterzo #menu-menu .content > ul > li.last > ul,
  #section-menu.coloredsecondo #menu-menu .content > ul > li > ul, 
  #section-menu.coloredprimo #menu-menu .content > ul > li.first > ul {  
    border-top: 3px solid white;
    margin-bottom: 400px;
  }
  #section-menu.coloredterzo span,
  #section-menu.coloredsecondo span,
  #section-menu.coloredprimo span {
    color: white;
  }  
  #section-menu #menu-menu .content > ul > li.last > ul {  
    border-top: 2px solid #ff9da6;
  }  
  #section-menu #menu-menu .content > ul > li {  
    border-bottom: 2px solid #5578F0;
    color: #5578F0;
    padding: 20px 0 5px 0;
  }
  #section-menu #menu-menu .content > ul > li.first {  
    border-bottom: 2px solid #3fbbf1;
    color: #3fbbf1;
  }
  #section-menu #menu-menu .content > ul > li.last {  
    border-bottom: 2px solid #ff9da6;
    color: #ff9da6;
  }
  #section-menu #menu-menu .content > ul > li::before {
    width: 40px;
    height: 25px;
    -webkit-mask: url('/sites/all/themes/dlv_neu/images/chevron-down-solid.svg') no-repeat 100% 100% ;
    background-color: #5578F0;
    content: '';
    float: right;
  }
  #section-menu #menu-menu .content > ul > li.open {
    border: none;
  } 
  #section-menu #menu-menu .content > ul > li.menu_unten::before {
    width: 40px;
    height: 25px;
    -webkit-mask: url('/sites/all/themes/dlv_neu/images/chevron-up-solid.svg') no-repeat 100% 100% ;
    background-color: #5578F0;
  }
  #section-menu #menu-menu .content > ul > li.first::before,
  #section-menu #menu-menu .content > ul > li.first.menu_unten::before {
     background-color: #3fbbf1;
  }
  #section-menu #menu-menu .content > ul > li.last::before,
  #section-menu #menu-menu .content > ul > li.last.menu_unten::before {
     background-color: #ff9da6;
  }  
  #section-menu #menu-menu .content > ul > li > ul > li{
    border-bottom: solid 2px #5578F0;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  #section-menu #menu-menu .content > ul > li.first > ul > li{
    border-bottom: solid 2px #3fbbf1;
  }
  #section-menu #menu-menu .content > ul > li.last > ul > li{
    border-bottom: solid 2px #ff9da6;
  }
  #section-menu.coloredprimo #menu-menu .content > ul > li.first > ul > li,
  #section-menu.coloredsecondo #menu-menu .content > ul > li > ul > li,
  #section-menu.coloredterzo #menu-menu .content > ul > li.last > ul > li{
    border-bottom: solid 2px white;
  }  
  #section-menu #menu-menu .content > ul > li > ul > li > a {
    color: #000;
  }
  div#block-dlv-global-block-off-canvas-button {
    float: right;
  }
  #block-dlv-global-block-off-canvas-button .menu-trigger {
    width: 56px;
    padding: 5px 10px;
  }
  #block-dlv-global-block-off-canvas-button .middle-bar {
      background: #3fbbf1;
      display: block;
      height: 4px;
      margin: 20px 0;
  }
  .coloredprimo #block-dlv-global-block-off-canvas-button .middle-bar, 
  .coloredsecondo #block-dlv-global-block-off-canvas-button .middle-bar,
  .coloredterzo #block-dlv-global-block-off-canvas-button .middle-bar {
      background: white;
      
  }
  #block-dlv-global-block-off-canvas-button .vertical-bar {
    background: #3fbbf1;
    display: block;
    height: 4px;
    margin-top: -23px;
    transform: rotate(90deg);
  } 
  #block-dlv-global-block-off-canvas-button .vertical-bar.openMenu {
    display: none;
  } 
}
@media (max-width: 600px) {
      #section-menu {
        top: 126px;
      }  
    }   
.view-dokument-taxonomy .view-header {
   margin: 25px 0 ;
}
.view-dokument-taxonomy-vorstand .item-list ul li,
.view-dokument-taxonomy-kommissionen .item-list ul li,
.view-dokument-taxonomy .item-list ul li {
  margin: 0;
}
.view-dokument-taxonomy-vorstand h3,
.view-dokument-taxonomy-kommissionen h3,
.view-dokument-taxonomy h3 {
  font-size: 20px;
  margin-top: 0;
}
.view-downloads-elements .view-content {
  margin: 20px 0;
}
.field-type-list-text {
  margin-bottom: 2em;
}
.form-type-managed-file label,
.webform-component-file label,
.webform-component-radios label,
.webform-component-checkboxes label,
.field-type-list-text label {
  position: initial;
}
.form-type-date-text > label.compact-form-label {
  position: initial;
} 

.form-type-managed-file .form-managed-file input[type="file"], .form-type-managed-file .form-managed-file input[type="submit"],
.webform-component-file .form-managed-file input[type="file"],
.webform-component-file .form-managed-file input[type="submit"] {
  width: auto;
  height: auto;
  margin-right: 10px;
  float: left; 
}
.form-type-managed-file .form-managed-file input[type="submit"],
.webform-component-file .form-managed-file input[type="submit"] {
  padding: 12px; 
}
.form-type-managed-file .description,
.webform-component-file .description {
  clear: both;
  padding-top: 5px;
}
input[id$="-upload-button"] {  
    margin-top: 10px !important;
}
input[type="file"] {
    width: 100% !important;
}
#block-webform-client-block-122 .title_artikel {
  color: #3fbbf1;
  padding-top: 20px;
}
#block-webform-client-block-122 .description {
  font-size: unset;
  margin-bottom: 25px;
}

#block-webform-client-block-122 .sale {
  margin-top: 10px;
  font-style: italic;
  color: #3fbbf1;
}
#block-webform-client-block-122 input[disabled] {
  display: none;
}
.container-inline-date .form-item .form-item {
    width: 92px !important;
    margin-right: 5px;
}
.view-id-inserate .views-row {
  padding: 20px;
  border: 1px solid #3fbbf1;
  margin-bottom: 20px;
}
.view-id-inserate .field-name-field-schlagzeile,
.view-id-inserate .field-name-field-titel,
.view-id-inserate .field-name-body,
.view-id-inserate .field-name-field-datei- {
  text-align: center;
  padding-bottom: 10px;
}
.view-id-inserate .field-name-field-schlagzeile {
  font-synthesis: 20px;
}
.view-id-inserate .field-name-field-titel {
  font-size: 24px;
}
.view-id-inserate .field-name-field-kontakt .field-label,
.view-id-inserate .field-name-field-kontakt .field-items,
.view-id-inserate .field-name-field-kontakt .field-item p {
  margin: 0;
}
.view-id-inserate .views-row-odd a,
.view-id-inserate .views-row-odd {
  background-color: #3fbbf1;
  //padding: 20px;
  color: white;
}
.node-type-doku-upload .region-content a {
  text-decoration: none;
}

#forum-topic-list {
  margin-top: 1rem; }
  #forum table,
  #forum-topic-list table {
    width: 100%; }
    #forum table a,
    #forum-topic-list table a {
      color: #3fbbf1 !important; }
    #forum table tr, #forum table td,
    #forum-topic-list table tr,
    #forum-topic-list table td {
      background-color: white; }
    #forum table tbody tr,
    #forum-topic-list table tbody tr {
      height: 80px;
      border-bottom: 1px solid #3fbbf1; }
    #forum table thead tr,
    #forum-topic-list table thead tr {
      height: 40px;
      color: #3fbbf1; }
    #forum table thead th,
    #forum-topic-list table thead th {
      border-bottom: 1px solid #3fbbf1; }
    #forum table tbody h4,
    #forum-topic-list table tbody h4 {
      padding: 0; }
  #forum .panel-heading,
  #forum-topic-list .panel-heading {
    display: none; }
  #forum .container-inline div,
  #forum-topic-list .container-inline div {
    position: relative;
  }
  #forum .well,
  #forum-topic-list .well {
    display: none; }

#forum table tr td:nth-child(5), #forum th:nth-child(5) {
  display: none; }
  @media (min-width: 48em) {
    #forum table tr td:nth-child(5), #forum th:nth-child(5) {
      display: table-cell; } }
#forum table tr td:nth-child(n+2), #forum th:nth-child(n+2) {
  width: 260px;
  text-align: left; }
#forum table tr td:nth-child(1), #forum th:nth-child(1) {
  padding-right: 10px; }

#views-exposed-form-advanced-forum-search-page .views-exposed-widget {
  float: left; }

#forum-topic-list table tr td:nth-child(1), #forum-topic-list th:nth-child(1) {
  display: none; }
#forum-topic-list table tr td:nth-child(4), #forum-topic-list th:nth-child(4) {
  display: none; }
  @media (min-width: 48em) {
    #forum-topic-list table tr td:nth-child(4), #forum-topic-list th:nth-child(4) {
      display: table-cell; } }
@media (min-width: 48em) {
  #forum-topic-list table tr th:nth-child(3) {
    padding-right: 5px; } }

.forum-post {
  border-bottom: 1px solid #3fbbf1;
  padding: 30px 0px !important; }
  .forum-post h4 {
    margin: 1em 0;
    color: #3fbbf1;
    background-color: transparent; 
  }
    
#forum-topic-header {
  margin-top: 3rem;
  margin-bottom: 1rem; }

.af-button-large, .af-button-small, .comment-approve.first {
  border: 2px solid #3fbbf1;
  border-radius: 1px;
  padding: 10px 20px;
  display: inline-block;
  color: #3fbbf1 !important; }

.forum-node-create-links {
  width: 100%; }

@media (max-width: 48em) {
  .forum-topic-header, .topic-reply-link, .forum-topic-header, .topic-new-post-link, .forum-topic-header, .last-post-link {
    float: none !important; } }
.views-submit-button {
  margin-left: 0 !important; }

.advanced-forum-search {
  margin-top: 2rem; }

.form-item .description {
  margin-top: 5px; }

#edit-submit-advanced-forum-search {
  margin: 24px 0px; }

.advanced-search-results {
  border-bottom: 1px solid #3fbbf1; }

.advanced-forum-search span {
  font-size: 0.9rem; 
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .node-type-webform #teaser_bild {
    padding-bottom: 50px;
  }
}
li#primo.first.expanded ul,
li#terzo.last.expanded ul, 
li#secondo.expanded ul {
  display: none;
}
li#primo.first.expanded.open ul,
li#terzo.last.expanded.open ul, 
li#secondo.expanded.open ul {
  display: block;
}
div#edit-field-stellen-typ {
  display: none;
}
@media (max-width: 1023px) {
  .container-inline-date .form-item, 
  .container-inline-date .form-item input {
      width: 200px !important;
  }
  .page-user-password #section_teaser_bild {
    padding-bottom: 30px;
  }
} 
.location .form-item input {
  width: 100% !important;
}
.page-node-10 #block-user-login {
  display: none;
}
#block-views-stellen-zh-block-3 {
  display: none;
}
div#block-menu-menu-footer li.submenu ul.menu {
  padding: 0 0 0 10px;
}
.webform-container-inline  label {
  display: inherit !important;
}
span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s,
span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
  background-image: unset;
}
.region-content.second b,
.region-content.second strong {
  color: #5578F0;
}
.region-content b,
.region-content strong,
.region-content.first b,
.region-content.first strong {
  color: #3fbbf1;
}
.region-content.third b,
.region-content.third strong {
  color: #ff9da6;
} 
div#block-block-16 {
      font-size: 19px;
      padding: 20px 10px 20px 20PX;
}      
@media (min-width: 1023px) {
  div#block-block-16 {
      width: 60%;
      padding: 20px 10px 20px 30PX;
  }
}  
#block-views-slider-front-block .slider_spruch {
     font-size: 2vw;
     position: absolute;
     top: 10vw;
     right: 0;
     background: white;
     width: 40%;
     padding: 2%;
     color: #3fbbf1;
}
@media only screen and (max-width: 567px) {
 #block-views-slider-front-block .slider_spruch {
     position: relative;
     top: 0;
     font-size: 20px;
     padding: 40px 20px;
     width: 100%;
     box-shadow: 0 6px 3px -3px #ddd;
 }
 #block-views-slider-front-block {
     margin-bottom: 78px;	
 }
}

#views_slideshow_cycle_div_slider_front-block_1_0,
#views_slideshow_cycle_div_slider_front-block_1_1,
#views_slideshow_cycle_div_slider_front-block_1_2 {
	 width: 100% !important;
}
#block-views-blog-front-block-1 .title {
     hyphens: auto;	
  } 