/*
Theme Name: JURA.CC
Theme URI: https://www.diginovum.de/
Author: DIGINOVUM
Author URI: http://www.diginovum.de/experten
Description: Individuelles Theme nach Boilerplate und Bootstrap
Tags: boilerplate, clean, simple, starter, bootstrap, seo
Text Domain: juracc
*/
/**********************************************************************
     _ _       _                                       _
    | (_)     (_)                                     | |
  __| |_  __ _ _ _ __   _____   ___   _ _ __ ___    __| | ___
 / _` | |/ _` | | '_ \ / _ \ \ / / | | | '_ ` _ \  / _` |/ _ \
| (_| | | (_| | | | | | (_) \ V /| |_| | | | | | || (_| |  __/
 \__,_|_|\__, |_|_| |_|\___/ \_/  \__,_|_| |_| |_(_)__,_|\___|
          __/ |
         |___/
***********************************************************************
URL: www.diginovum.de
Creator: diginovum GmbH
Author: Frank Schmitz
Contact: schmitz@diginovum.de
http://diginovum.rocks/xxx
〈 〉 | « » | ← → | ‹ › | “ ” | – ⌄ ∨ 📷
❤ ☀ ★ ☂ ☎ ☏ ⌚ ❄ ♫ ☯ 🗸 ✓ ✔✔ 🗹 ✅ ☑
⨯ ✗ ✘ ❌ ☒ ❎ ◄ ► ◅ ▻ • ™ © ® ☘ ✿ ❀ ■
**********************************************************************/



/**********************************************************************
***  TWEAKS
*********************************************************************/
  svg{max-height:100%; /* chrome needs it  */}
  body.logged-in .navbar-fixed-top {top:30px;}
  .embed-responsive > iframe {border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
  .bild {background-color: #cecece; width: 100%; min-height: 200px; padding-top: 90px; margin-bottom: 15px;}
  .col5 {float: left; width: 20%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
  img[class^="wp-image-"], img[class*=" wp-image-"] {display: block; max-width: 100%; height: auto;}
  :focus {outline:0; -webkit-outline: 0; -moz-outline: 0; -ms-outline: 0; -o-outline: 0;}
  .aligncenter {margin-left: auto; margin-right: auto;}
  .screen-reader-text {display: none;}



/**********************************************************************
*** HELFER
*********************************************************************/
  .light, .light > p {font-weight: lighter;}
  .normal, .normal > p {font-weight: normal;}
  .bold, .bold > p {font-weight: bold;}
  .underline {text-decoration: underline;}
  .italic {font-style: italic!important;}
  .uppercase {text-transform: uppercase;}
  .round {border-radius: 4px;}
  .hidden {display: none!important;}

  .bg-grafik1 {background: url("./img/grafik1.png") no-repeat center center /cover;}
  .gradient-grey {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededef+10,ffffff+84 */
    background: #ededef; /* Old browsers */
    background: -moz-linear-gradient(top, #ededef 10%, #ffffff 84%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ededef 10%,#ffffff 84%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ededef 10%,#ffffff 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }


  .padding {padding:15px;}

  .padding-xs {padding-top: 5px!important; padding-bottom: 5px!important;}
  .padding-xs-top {padding-top: 5px!important;}
  .padding-xs-bottom {padding-bottom: 5px!important;}

  .padding-s {padding-top: 15px!important; padding-bottom: 15px!important;}
  .padding-s-top {padding-top: 15px!important;}
  .padding-s-bottom {padding-bottom: 15px!important;}

  .padding-m {padding-top: 30px; padding-bottom: 30px;}
  .padding-m-top {padding-top: 30px!important;}
  .padding-m-bottom {padding-bottom: 30px!important;}

  .padding-l {padding-top: 60px!important; padding-bottom: 60px!important;}
  .padding-l-top {padding-top: 60px!important;}
  .padding-l-bottom {padding-bottom: 60px!important;}

  .padding-xl {padding-top: 90px!important; padding-bottom: 90px!important;}
  .padding-xl-top {padding-top: 90px!important;}
  .padding-xl-bottom {padding-bottom: 90px!important;}

  .padding-xxl {padding-top: 150px!important; padding-bottom: 150px!important;}
  .padding-xxl-top {padding-top: 150px!important;}
  .padding-xxl-bottom {padding-bottom: 150px!important;}

  .padding-0 {padding-top:0!important; padding-bottom:0!important;}
  .padding-0-bottom {padding-bottom:0!important;}
  .padding-0-top {padding-top:0!important;}

  .no-padding {padding:0!important;}


  .margin {margin: 15px;}

  .margin-s {margin-top: 15px!important; margin-bottom: 15px!important;}
  .margin-s-top {margin-top: 15px!important;}
  .margin-s-bottom {margin-bottom: 15px!important;}

  .margin-m {margin-top: 30px!important; margin-bottom: 30px!important;}
  .margin-m-top {margin-top: 30px!important;}
  .margin-m-bottom {margin-bottom: 30px!important;}

  .margin-l {margin-top: 60px!important; margin-bottom: 60px!important;}
  .margin-l-top {margin-top: 60px!important;}
  .margin-l-bottom {margin-bottom: 60px!important;}

  .margin-xl {margin-top: 90px!important; margin-bottom: 90px!important;}
  .margin-xl-top {margin-top: 90px!important;}
  .margin-xl-bottom {margin-bottom: 90px!important;}

  .margin-xxl {margin-top: 150px!important; margin-bottom: 150px!important;}
  .margin-xxl-top {margin-top: 150px!important;}
  .margin-xxl-bottom {margin-bottom: 150px!important;}

  .margin-0 {margin-top: 0!important; margin-bottom: 0!important;}
  .margin-0-bottom {margin-bottom: 0!important;}
  .margin-0-top {margin-top: 0!important;}

  .no-border,
  .no-border .border {border: 0 solid transparent!important;}
  .border {border: 1px solid #ffffff;}
  .border-top-bottom {border-top: 1px solid black; border-bottom: 1px solid black;}
  .border-right-left {border-right: 1px solid black; border-left: 1px solid black;}
  .border-bottom {border-bottom: 1px solid black;}
  .border-top {border-top: 1px solid black;}
  .border-right {border-right: 1px solid black;}
  .border-left {border-left: 1px solid black;}

  .right {text-align: right;}
  .right > img {float: right;}

  .left {text-align: left;}
  .left > img {float: left;}

  .center {text-align: center;}
  .center > img, img.mitte {margin:0 auto;}
  .img-center {display: block; margin: 0 auto;}

  .umbruch {-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
  .box {width: 100%; height:100%; display: block;}
  .rounded {border-radius: 5px;}

  .h100 {min-height:100px;}
  .h200 {min-height:200px;}
  .h300 {min-height:300px;}
  .h400 {min-height:400px;}
  .h500 {height:500px;}
  .h600 {min-height:600px;}

  .full-height {height: 95vh; position: relative; display:table; width: 100%;}
  .table {display: table; width: 100%;}
  .vertical-centered {display: table-cell; vertical-align: middle; width: 100%;}



/**********************************************************************
*** BROWSEHAPPY
*********************************************************************/
  #browsehappy {width: 100%;height: 65px;padding:15px;text-align: center;position: fixed;left: auto;right: auto;top: 79px;  background-color: #b41918;z-index: 999;margin-bottom: 0px;}
  #browsehappy a {text-decoration: underline;font-weight: bold;}



/**********************************************************************
*** STYLES FÜR juracc
*********************************************************************/
  html.loaded {background-color: #fff;}
  html {font-size: 16px; color: #555A60;}

  body {
    line-height: 1.5;
    background-color: #fff;
    color: #555A60;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }

  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Verdana,Geneva,sans-serif;
    margin-top: 0px;
    margin-bottom: 28px;
    color:#5685D5;
    font-weight: bold;
  }

  h1, .h1 {font-size: 1.8rem;}
  h2, .h2 {font-size: 1.6rem;}
  h3, .h3 {font-size: 1.4rem;}
  h4, .h4 {font-size: 1.2rem;}

  p {
    margin: 0 0 21.6px;
    line-height: 1.6rem;
  }
  strong {}

  /*p {font-size: 21px;}*/
  small {font-size: .8rem;}
  figcaption {padding-top: 10px;}

  .xxl {font-size: 6rem!important;}
  .xl {font-size: 3rem!important;}
  .l {font-size: 1.7rem!important;}
  .m {font-size: 1rem!important;}
  .s {font-size: .8rem!important;}
  .xs {font-size: .4rem!important;}


  a {
    color: #5685d5;
    transition: 0.3s all ease;
  }

  p > a {
    text-decoration: underline;
    font-weight: 500;
    margin: 12px 0 0;
    color: #5685d5;
    transition: 0.3s all ease;
  }
  a:hover {color: #757B87;}
  a:focus {outline: none; outline-offset: -2px;}


  .white {color:white!important;}
  .black {color: black!important;}
  .lightgrey {color: #ededef!important;}
  .grey, .grau {color: #757B87!important;}
  .darkgrey {color: #555A60!important;}
  .blue {color:#5685D5!important;}

  .bg-white {background-color:white!important;}
  .bg-black {background-color: black!important;}
  .bg-lightgrey {background-color: #ededef!important;}
  .bg-grey, .bg-grau {background-color: #757B87!important;}
  .bg-darkgrey {background-color: #555A60!important;}
  .bg-blue {background-color: #5685D5!important;}

  .shadow {box-shadow: 0 0px 10px -2px #333;}

  .gefuellt-1 {background-color: white!important; color: black;}
  .gefuellt-2 {background-color: black!important; color: white;}
  .gefuellt-3 {background-color: #ececec;}

  .btn-juracc,
  .btn-content {
    color: #5685d5;
    background-color: #ffffff;
    border: 2px solid #e0e0e3;
    border-radius: 0;
    padding: 10px 30px;
    font-size: 14px;
    outline: 0 !important;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    display: inline-block;

  }

  .btn-juracc:hover,
  .btn-juracc:focus,
  .btn-juracc:active,
  .btn-content:hover,
  .btn-content:focus,
  .btn-content:active {
    background-color: #fff;
    color: #757B87;
    border-color: #cacad0;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.16);
    box-shadow: 0 2px 10px rgba(0,0,0,0.16);
    text-decoration: none;
  }

  .btn-content:hover,
  .btn-content:focus,
  .btn-content:active {}

  blockquote {
    font-family: 'Bitter', serif;
    font-style: italic;
    border-left-width: 1px;
    color: #656566;
    padding: 12px 24px;
    margin: 0 0 24px;
    font-size: 1.2rem;
    border-left: 5px solid #d8d8d8;
  }

  /*blockquote {
    background-color: #ececec;
    position: relative;
    padding-left: 40px;
    margin: 30px 0;
  }

  blockquote::before {
    content: "\e101";
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    font-size: 37px;
    line-height: 1;
    display: block;
    position: absolute;
    top: -20px;
    left: 10px;
    color: #5685d5;
  }*/

  .liste-check ul,
  .liste-ausruf ul {
    padding-left: 0;
    list-style-type: none;
  }

  .liste-check ul li,
  .liste-ausruf ul li {
    padding-left: 25px;
    position: relative;
  }

  .liste-check ul li::before,
  .liste-ausruf ul li::before {
    color: #5685d5;
    position: absolute;
    left: 0;
    font-size: 18px;
    font-weight: bold;
  }

  .liste-check ul li::before {content: '✓';}
  .liste-ausruf ul li::before {content: '!';}

  .liste-inline-2 ul > li {
    display: inline-block;
    width: 49%;
  }

  .liste-inline-3 ul > li {
    display: inline-block;
    width: 32%;
  }



/**********************************************************************
*** NAVBAR
*********************************************************************/
  .navbar-juracc {background-color: #fff;}

  #page-navigation > .container {position: relative;}

  #navbar-meta {text-align: right; font-size: .8rem;}
  #navbar-meta > span {margin: 5px 10px; display: inline-block;}
  #navbar-meta > span::before {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: .9rem;
    vertical-align: middle;
    color: #5685D5;
  }
  #navbar-meta-tele {border-right: 1px solid #757B87; padding-right: 10px; margin-right: 0;}
  #navbar-meta-tele::before {content: "\e182";}

  #navbar-meta-mail {margin-left: 0px;}
  #navbar-meta-mail::before {content: "\2709";}


  #logo {max-height: 108px;}
  #logo-line {
    border: 4px solid #757B87;
    border-radius: 10px;
    position: absolute;
    bottom: 3px;
    z-index: -1;
    width: 100%;
  }

  #menu-hauptmenu {padding-top: 15px;}


  .navbar-brand {
    height: auto;
    padding: 5px 0 0;
    line-height: inherit;
  }

  .navbar-nav > li > a {
    font-size: 1.3rem;
    color: #555A60;
  }

  .nav li > a:focus,
  .nav li > a:hover,
  .nav li.active > a,
  .nav li.current-menu-ancestor > a,
  .nav li.current_menu_parent > a {
    background-color: transparent;
    color: #5685D5;
  }

  #menu-hauptmenu > li.menu-item-has-children:hover > ul.dropdown-menu {
    display: block;
  }

  #menu-hauptmenu > li > ul.dropdown-menu > li.active,
  #menu-hauptmenu > li > ul.dropdown-menu > li.active a,
  #menu-hauptmenu > li > ul.dropdown-menu > li:hover,
  #menu-hauptmenu > li > ul.dropdown-menu > li:hover a {
    background-color: #5685d5;
    color: white!important;
  }



/**********************************************************************
*** HEADER
*********************************************************************/
  #page-header {margin-top: 150px;}

  #page-header-text .h2 {font-weight: bold;}
  #page-header-text strong {color: #757B87;}

  /*#page-header-image {box-shadow: 0px 5px 5px -4px #757B87;}*/



/**********************************************************************
*** SECTIONS
*********************************************************************/
  .main-content {padding: 30px 0 60px;}
  .content-section {position: relative; padding: 30px 0;}
  .content-text-intro {padding-bottom: 30px;}



/*****************************
*** INTRO
******************************/
  .content-intro-image {border-right: 4px solid #5685D5; border-radius: 2px;}



/*****************************
*** TEXT
******************************/



/*****************************
*** IMAGE
******************************/



/*****************************
*** TEXT-IMAGE
******************************/




/*****************************
*** LINK
******************************/
  .content-link-area .btn-juracc::after {
    content: '›';
    color: #5685d5;
    display: inline;
  }



/*****************************
*** MAP
******************************/
  .content-map-area iframe {
    width: 100%;
    height: 450px;
  }



/*****************************
*** TILES
******************************/
  .content-tile-box {margin-bottom: 60px;}
  .content-tile-box-title {background-color: #5685D5; border-radius: 5px 5px 0 0;}
  .content-tile-box-title .m {color: white!important; margin-bottom: 0px;}
  .content-tile-box-links ul li {list-style: none; text-indent: -15px; padding: 5px 0;}
  .content-tile-box-links ul li::before {content: '§'; color: #5685d5;}
  .content-tile-box-links a {color: #555A60;}



/*****************************
*** CITATION
******************************/
  .content-citation blockquote {
    display: block;
    border-width: 2px 0;
    border-style: solid;
    border-color: #555A60;
    padding: 2em 0 0.5em;
    margin: 1.5em 0;
    position: relative;
  }

  .content-citation blockquote:before {
    content: '\201C';
    position: absolute;
    top: 0em;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 3rem;
    height: 2rem;
    font: 6rem Arial, Helvetica, sans-serif;
    color: #5685D5;
    text-align: center;
  }

  .content-citation blockquote:after {
    content: "\2013 \2003" attr(cite);
    display: block;
    text-align: right;
    font-size: 1rem;
    color: #5685D5;
  }



/*****************************
*** BLOG
******************************/
  .content-blog-title h2 {
    font-size: 1.8rem;
    letter-spacing: 1.5px;
  }

  #content-blog-paragraph {
    font-size: 18rem;
    transform: rotate(15deg);
    display: block;
  }

  .header-meta {font-size: .8rem;}
  .post-categories {display: inline; padding-left: 0px;}
  .post-categories li {display: inline;}
  .post-categories li a {color: black; font-weight: bold;}

  .article-teaser-title {padding: 15px 0;}
  .article-teaser-title .entry-title {margin-bottom: 0;}

  .blog-item .separator {
    max-width: 200px;
    height: 4px;
    margin-left: 0;
    background-color: #bbceee;
    border-radius: 4px;
  }

  .content-area-blog-items article:last-child .separator {margin-bottom: 0;}

  .post-categories li::before {
    content: ' | ';
    display: inline;
    color: #5685d5;
  }

  .post-categories li:first-child::before {content: '';}




/*****************************
*** TOC
******************************/
  .content-toc .h2 {
    margin-bottom: 0;
  }

  .content-toc ol {
    padding-top: 15px;
    margin-bottom: 0;
  }

  .content-toc li {
    padding: 5px 0;
  }

  .content-toc .h2 a:hover,
  .content-toc .h2 a:focus {
    text-decoration: none;
  }

  .content-toc .h2 a::before,
  .content-toc .h2 a.collapsed::before {
    font-family: "Glyphicons Halflings";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
  }

  .content-toc .h2 a::before {
    content: '\e114';
    /*content: '▼';*/
  }
  .content-toc .h2 a.collapsed::before {
    content: '\e080';
    /*content: '▶';
    vertical-align: middle;*/
  }



/*****************************
*** FAQS
******************************/
  .content-faqs .panel-group .panel + .panel {margin-top: 15px;}
  .content-faqs .panel-juracc {border-radius: 0; border-color: #5685d5;}
  .content-faqs .panel-juracc .panel-title a {width: 100%; display: block;}
  .content-faqs .panel-juracc .panel-title a:hover {color: white;}
  .content-faqs .panel-heading {border-top-left-radius: 0; border-top-right-radius: 0; border-color: #5685d5;}
  .content-faqs .collapsed > .glyphicon-minus::before {content: "\002b";}
  .content-faqs .panel-body {padding-bottom: 0;}






/**********************************************************************
*** SIDEBAR
*********************************************************************/
  .widget-title {
    background-color: #5685D5;
    color: white;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
  }

  h4.widget-title {font-size: 1rem; margin-bottom:0;}

  .widget {background-color: #ececec; margin-bottom: 30px;}

  /*.widget.widget_text a {display: block;}*/
  .widget.widget_text img {padding-bottom: 15px; border-bottom: 4px solid #5685D5;}

  .textwidget {padding: 15px;}

  .widget_categories ul {padding: 15px 15px 15px 30px;}

  .widget_search .search-form {
    padding: 15px;
    position: relative;
    padding-bottom: 50px;
  }

  .widget_search .search-form label,
  .widget_search .search-form .search-field {width: 100%;}

  .widget_search .search-form .search-field {font-size: 14px; padding: 5px;}

  .widget_search .search-form .search-submit {float: right;}



/**********************************************************************
*** TÄTIGKEITSBEREICHE
*********************************************************************/
  #page-11 #taetigkeitsbereich-back {
    display: none;
  }



/**********************************************************************
*** LEXIKON
*********************************************************************/
  .page-id-9153 .content-toc div.h2 {
    display: none;
  }

  .page-id-9153 .content-toc {
    padding: 0;
  }

  .page-id-9153 .content-toc .padding.bg-lightgrey {
    background-color: white!important;
  }

  .page-id-9153 .content-toc ol {
    list-style-type: none;
    padding-left: 0;
    padding-top: 0;
  }

  .page-id-9153 .content-toc ol li {
    display: inline-block;
    width: 11%;
    text-align: center;
  }

  .page-id-9153 .content-toc ol li a {
    font-weight: bold;
    font-size: 23px;
  }



/**********************************************************************
*** ARTIKEL
*********************************************************************/
  .box-achtung,
  .box-frage {
    background-color: #ececec;
    position: relative;
    padding: 15px 15px 1px 40px;
    margin: 30px 0;
  }

  .box-achtung::before,
  .box-frage::before {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    font-size: 37px;
    line-height: 1;
    display: block;
    position: absolute;
    top: -20px;
    left: 10px;
    color: #5685d5;
  }

  .box-achtung::before {
    content: "\e101";
  }

  .box-frage::before {
    content: "\e085";
  }



/**********************************************************************
*** FOOTER
*********************************************************************/

  #footer-meta-menu {display: inline-block;}
  #menu-footer {padding-left: 0px; margin-bottom: 0;}
  #menu-footer li {display: inline; padding: 0 0 0 5px;}
  #menu-footer li::after {content: '|'; color: white; padding-left: 10px;}
  #menu-footer li a {color: white;}

  #footer-meta-info {color: white; display: inline-block;}



/**********************************************************************
*** MOBILES MENU
*********************************************************************/
  #logo-mobile {padding: 5px 0; max-height: 50px;}
  #mobile-footer-menu {border-top: 3px solid #757B87;}
  .mobil-menu-icon svg {max-height: 40px; padding-top: 10px;}
  .icon-bar {background-color: #5685D5;}

  #footer-menu li {text-align: right;}

  .navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 3px;
  }



/**********************************************************************
*** 404
*********************************************************************/



/**********************************************************************
*** COOKIE NOTICE
**********************************************************************/



/**********************************************************************
*** BREAKPOINT MAX 1200px
*********************************************************************/
  @media (max-width: 1200px) {
    .col5 {font-size: 0.8em;}

    .navbar-nav > li > a {font-size: 1rem;}

    .content-blog-title h2 {font-size: 1.4rem; letter-spacing: 1.5px;}


  }



/**********************************************************************
*** BREAKPOINT MAX 992px
*********************************************************************/
  @media (max-width: 992px) {
    html {font-size: 14px;}

    h1, .h1 {font-size: 2rem;}
    h2, .h2 {font-size: 1.5rem;}
    h3, .h3 {font-size: 1.3rem;}
    h4, .h4 {font-size: 1rem;}

    .content-blog-title h2 {font-size: 1.6rem;}

    .col5 {width: 30%; margin-bottom: 30px;}

    #logo {max-height: 67px;}
    #logo-line {border: 2px solid #757B87; bottom: 7px;}

    #page-header {margin-top: 80px;}
    #menu-hauptmenu {padding-top: 0px;}


  }



/**********************************************************************
*** BREAKPOINT MAX 767px
*********************************************************************/
  @media (max-width: 767px) {

    html {font-size: 14px;}
    body {margin-bottom: 58px;}

    h1, .h1 {font-size: 2rem;}
    h2, .h2 {font-size: 1.5rem;}
    h3, .h3 {font-size: 1.3rem;}
    h4, .h4 {font-size: 1.1rem;}

    #cookie-law-info-bar {bottom: 50px!important;}

    #menu-hauptmenu-1 > li > ul.dropdown-menu,
    #menu-hauptmenu-1 > li.active > ul.dropdown-menu,
    #menu-hauptmenu-1 > li.current-menu-ancestor > ul.dropdown-menu {
      display: block;
      position: relative;
      float: none;
      padding-right: 15px;
      border: 0px;
      box-shadow: none;
    }

    #page-header {margin-top: 0px;}
    .content-intro-image {border-right: 0px solid #5685D5;}

    #content-blog-paragraph {
      overflow: hidden;
      max-width: 80%;
      margin: 0 auto;
      font-size: 5rem;
    }

    .widget {max-width: 300px; margin: 0 auto 30px;}

    .content-intro-image img {border-bottom: 4px solid #5685D5; padding-bottom: 15px; margin-bottom: 30px;}

    #sidebar {margin-top: 60px;}
    .blog-back {margin-top: 45px; text-align: center;}

    .liste-inline-2 ul > li {width: 100%;}
    .liste-inline-3 ul > li {width: 100%;}


  }



/**********************************************************************
*** BREAKPOINT MAX 640px
*********************************************************************/
  @media (max-width: 640px) {


  }