*{
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: 'AvenirNextRegular';
    src: url('../fonts/AvenirNextLTPro-Regular.eot') format('eot');
    src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNextLTPro-Regular.otf')  format('opentype'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf')  format('truetype'), url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextDemi';
    src: url('../fonts/AvenirNextLTPro-Demi.eot') format('eot');
    src: url('../fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNextLTPro-Demi.otf')  format('opentype'), url('../fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('../fonts/AvenirNextLTPro-Demi.ttf')  format('truetype'), url('../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextItalic';
    src: url('../fonts/AvenirNextLTPro-It.eot') format('eot');
    src: url('../fonts/AvenirNextLTPro-It.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNextLTPro-It.otf')  format('opentype'), url('../fonts/AvenirNextLTPro-It.woff') format('woff'), url('../fonts/AvenirNextLTPro-It.ttf')  format('truetype'), url('../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-It') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextBold';
    src: url('../fonts/AvenirNextLTPro-Bold.eot') format('eot');
    src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'), url('../fonts/AvenirNextLTPro-Bold.ttf')  format('truetype'), url('../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body{
    font-family: AvenirNextRegular;
    font-size: 16px;
    color: #404040;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

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

input {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

h1 {
    font-size: 47px;
    text-transform: uppercase;
    text-align: center;
    color: #8f0038;
    /*font-weight: bold;*/
    font-family: AvenirNextDemi;
}

h2 {
    font-size: 35px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 0px;
}

h4{
    margin-top: 0px;
    font-family: AvenirNextBold;
    text-transform: uppercase;
    color: #404040;
}

ul {
    margin-left: 20px;
}

ul > li {
    margin-left: 20px;
    padding-left: 10px;
}

a {
    color: #870737;
}

/* remove standard-styles */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%;
}

.button {
    color: #FFF;
    width: auto;
    height: 50px;
    background-color: #C9C7CA;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease; /* chrome & safari */
    -moz-transition: background-color 0.5s ease; /* firefox */
    -o-transition: background-color 0.5s ease; /* opera */
    line-height: 50px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-table;
    padding: 0px 10px;
}

.button:hover, .button:active, .button.bremen.isOpen, .button.hamburg.isOpen {
    background-color: #8f0039;
}

.button:hover, .button:visited, .button:focus {
    text-decoration: none;
    color: white;
}

.mb15 {
    margin-bottom: 15px;
}

.mb75 {
    margin-bottom: 75px;
}

.ml20 {
    margin-left: 20px;
}

#pageTitle {
     margin-top: 37px;
     margin-bottom: 17px;
}

#pageTitle > a{
    text-decoration: none;
    color: #8f0038;
}

#pageTitle img {
    height: 40px;
    margin: 0px auto;
    display: block;
}


.navbar {
    margin-bottom: 0px;
}

.navbar li{
    margin-left: 0px;
    margin-right: 0px;
}

.navbar-nav {
    float: none;
    display: inline-block;
}

.navbar-default {
    background-color: white;
    border-color: transparent;
    margin-bottom: 6px;
}

.navbar-default .navbar-nav > li > a {
    color: #404040;
    font-family: AvenirNextDemi;
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 15px;
    margin-left: 15px;
}

nav {
    text-align: center;
    margin-bottom: 35px;
}

#sidebar {
    padding-top: 6px;
}

.searchform {
    width: 100%;
    margin-top: 6px;
    max-width: 250px;
}

.searchform > div > label, #searchsubmit {
    display: none !important;
}

.searchform > div > input {
    height: 27px;
    width: 0%;
    max-width: 200px;
    border: medium none;
    padding-left: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
    opacity: 0;
    display: block;
}

.widget.widget_search {
    list-style: none;
}

#searchbar-container {
    height: 39px;
    /*display: none;*/
}

#searchbox-holder {
    display: none;
    width: 0%;
}

#mobile-searchbox {
    display: none;
}

#search-language-container {
    display: block;
    position: absolute;
    width: 200px;
    height: 94px;
    right: 10px;
    top: 0px;
}

#qtranslate-3:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
    margin-top: 12%;
}

#qtranslate-3:after {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    margin-top: 8%;
    border-top: 7px solid #FFF;
    content: "";
}

#qtranslate-3{
    position: absolute;
    right: 12px;
    top: 40px;
    list-style: none;
}

#qtranxs_select_qtranslate-3-chooser {
    text-transform: uppercase;
    cursor: pointer;
    width: 45px;
    background-color: white;
}

#searchbox {
    width: 275px;
    position: absolute;
    right: 70px;
    top: 32px;
    display: block;
}

#searchbox input {
    border: 1px solid lightgray;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*width: 225px;*/
    width: 0px;
    position: absolute;
    right: 45px;
    top: 0px;
    opacity: 0;
}

#searchbox a {
    position: absolute;
    right: 5px;
    top: 4px;
}

#searchbox img {
    margin-left: 15px;
}

#mobile-searchbox {
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
    display: none;
}

#mobile-searchbox input {
    width: 100%;
    border: 1px solid lightgray;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

#mobile-searchbox a {
    position: absolute;
    right: 25px;
    top: 33px;
}

#header-img-start-container {
    position: relative;
    overflow: hidden;
    height: 360px;
    clear: both;
}

#header-img-start-container:after{
    content: "";
    position: absolute;
    background-color: #8f0038;
    height: 660px;
    width: 49%;
    top: 0;
    left: 0;
    transform: skew(-13deg) translate(-80px);
    -ms-transform: skew(-13deg) translate(-80px); /* IE 9 */
    -webkit-transform: skew(-13deg) translate(-80px); /* Safari */
}

#header-img-start-container > div {
    height: 100%;
}

#header-img-start-container > div > p {
    position: absolute;
    z-index: 12;
    left: 34%;
    top: 50%;
    color: white !important;
    font-size: 45px;
    font-weight: normal;
    width: 245px;
    height: auto;
    word-break: normal !important;
    font-family: AvenirNextRegular;
    text-transform: none;
    -ms-transform: translate(0px, -50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-img-start {
    position: relative;
    z-index: -1;
    height: 100%;
}

.header-img-start > img {
    width: auto;
    height: 100%;
}

#buehne-mobil{
    display: none;
}

#header-img-andere-seiten-container {
    position: relative;
    overflow: hidden;
    height: 360px;
    clear: both;
}

#header-img-andere-seiten-container > div {
    height: 100%;
}

#header-img-andere-seiten-container > div > .header-title {
    height: 200px;
    max-width: 68%;
    vertical-align: middle;
    position: relative;
    top: 50%;
    margin-top: -100px;
    left: 178px;
}

#header-img-andere-seiten-container > div > div > p {
    color: #FFF;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: normal;
    word-break: normal !important;
    font-family: AvenirNextRegular;
    height: 200px;
    z-index: 12;
    position: relative;
    vertical-align: middle;
    display: table-cell;
}

#header-img-andere-seiten-container > div > div > p > span:nth-of-type(2) {
    white-space: nowrap;
}

.header-img-andere-seiten {
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
}

.header-img-andere-seiten > img {
    height: auto;
    width: 700px;
    margin-left: -16px;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-74%); /* IE 9 */
    -webkit-transform: translate(-74%); /* Safari, Chrome */
    transform: translate(-74%);
}

#header-img-andere-seiten-container:before {
    content: "";
    position: absolute;
    background-color: #8f0038;
    height: 660px;
    width: 32%;
    top: 0;
    left: 0;
    transform: skew(-13deg) translate(-80px);
    -ms-transform: skew(-13deg) translate(-80px);
    -webkit-transform: skew(-13deg) translate(-80px);
}

#header-img-andere-seiten-container:after {
    content: "";
    position: absolute;
    background-color: #8f0038;
    height: 660px;
    width: 50%;
    top: 0;
    /*right: 0;*/
    /*ie fix da right null nicht geht*/
    left: 50%;
    transform: skew(-13deg) translate(80px);
    -ms-transform: skew(-13deg) translate(80px); /* IE 9 */
    -webkit-transform: skew(-13deg) translate(80px); /* Safari */
}

#header-img-andere-seiten-container > .static {
    position: static !important;
}

#header-img-andere-seiten-container > .relative {
    position: relative;
}



#header-img-andere-seiten-container > div > .header-title.detail-seite {
    max-width: 265px;
}

#header-img-andere-seiten-container .header-img-andere-seiten.mitarbeiter {
    background-color: #8f0038;
    height: 100%;
}

#header-img-andere-seiten-container > div > .header-title.detail-seite > span {
    position: relative;
    z-index: 22;
    color: white;
    text-transform: uppercase;
}

#header-img-andere-seiten-container > div > .header-title.detail-seite > span > a{
    color: white;
}

#rechtsanwaelte-mobil{
    display: none;
}

.alleAnwaelteButtonMobil{
    color: #FFF;
    width: 100%;
    height: 50px;
    background-color: #8f0038;
    -webkit-transition: background-color 0.5s ease; /* chrome & safari */
    -moz-transition: background-color 0.5s ease; /* firefox */
    -o-transition: background-color 0.5s ease; /* opera */
    transition: background-color 0.5s ease;
    line-height: 50px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 30px;
    display: inline-table;
    padding: 0px 10px;
}

.alleAnwaelteButtonMobil:hover, .alleAnwaelteButtonMobil:active{
    background-color: #7a0935;
    color: white;
    text-decoration: none;
}

#rechtsanwaelte, #notariat, #taetigkeitsbereiche, #ueber-uns, #kontakt, #suchergebnisse, #hinweistext404 {
    min-height: calc(100vh - 135px);
}

.single-anwaelte-header-image {
    background-color: #8f0038;
    display: none;
    clear: both;
}

.single-anwaelte-header-image > img {
    max-width: 100%;
    height: auto;
    margin: 0px auto;
    display: block;
    padding-top: 0px;
}

#rechtsanwaelte, #portfolio-detail-seite, #notariat, #suchergebnisse, #seminar, #hinweistext404 {
    background-color: #f3f1f2;
    padding-top: 80px;
    padding-bottom: 100px;
    padding-left: 8%;
    padding-right: 8%;
    box-sizing: border-box;
    text-align: center;
}
#rechtsanwaelte-wrapper {
    background-color: #f3f1f2;
}

#suchergebnisse span {
    margin-bottom: 15px;
    display: block;
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px;
    text-align: left;
}

#suchergebnisse span strong {
    font-weight: bold;
}

#rechtsanwaelte > .filter_button_bar, #taetigkeitsbereiche > .filter_button_bar, #notariat > .filter_button_bar {
    display: block;
    width: auto;
    margin-top: 30px;
    margin-bottom: 55px;
    padding-left: 15%;
    padding-right: 15%;
    text-align: center;
}

#taetigkeitsbereiche .filter_button_bar_mobil {
    margin: 35px 15px;
    display: none;
    width: 90%;
}

#taetigkeitsbereiche .filter_button_bar_mobil select{
    background-color: #870737;
    height: 50px;
    color: white;
    padding-left: 10px;
}

#taetigkeitsbereiche .filter_button_bar_mobil select option {
    height: 35px;
    padding-left: 10px;
}

#rechtsanwaelte h1 {
    font-size: 35px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 0px;
    font-family: AvenirNextRegular;
    color: #404040;
}

#rechtsanwaelte > .filter_button_bar > #standort {
    margin-bottom: 30px;
}

#rechtsanwaelte > div > div, #rechtsanwaelte > div > #test > div, #taetigkeitsbereiche > div > div, #notariat > div > div {
    padding-right: 15px;
    padding-left: 15px;
}

.portfolio_rechtsanwaelte_img_box {
    width: 100%;
    position: relative;
    margin: 0px auto 30px;
    overflow: hidden;
}

.portfolio_rechtsanwaelte_img_box .thumbnail.last {
    background-color: #870737;
}

.portfolio_rechtsanwaelte_img_box .thumbnail > img {
    width: 100%;
    height: auto;
    max-width: none;
    margin-bottom: 55px;
    transition: all .2s ease-in-out;
}

.portfolio_rechtsanwaelte_img_box .thumbnail.last > img {
    margin-bottom: 0px;
    visibility: hidden;
}

.portfolio_rechtsanwaelte_img_box:hover {
    transform: scale(1.1);
}

.portfolio_rechtsanwaelte_img_box.last {
    background-color: #870737;
}

.portfolio_red_box.last {
    height: 55px;
    background-color: #870737;
}

.portfolio_red_box.last .titel {
    position: absolute;
    left: 50%;
    font-size: 24px;
    color: white;
    top: 50%;

    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari, Chrome */
    transform: translate(-50%, -50%);
    width: 100%;
}

.portfolio_rechtsanwaelte_img_box .text-container {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center !important;
    width: 100%;
    min-height: 69px;
    background-color: white;
    border-top: 3px solid #870737;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #404040 !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.portfolio_rechtsanwaelte_img_box .text-container.last {
    border-top: none;
    background-color: #870737;
}

.portfolio_rechtsanwaelte_img_box .text-container .titel {
    font-family: AvenirNextBold;
}

.portfolio_rechtsanwaelte_img_box .text-container .titel:nth-of-type(2) {
    white-space: nowrap;
}

.portfolio_rechtsanwaelte_img_box .text-container .position {
    font-size: 14px;
    color: #5f5f5f;
}

.red > a > .portfolio_red_box {
    width: 100%;
    height: 270px;
    position: relative;
    margin: 0px auto 30px;
    overflow: hidden;
    transition: background-color 0.5s ease;
    background-color: #8f0038;
    display: table;
}

.red > a > .portfolio_red_box:hover {
    background-color: #7a0935;
}

.red > a > .portfolio_red_box > .titel {
    text-align: center;
    position: relative;
    width: 100%;
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    font-size: 24px;
}

#taetigkeitsbereiche .red > a > .portfolio_red_box > .titel:after {
    content:"\e258";
    font-family: "Glyphicons Halflings";
    font-size: 16px;
    margin-left: 5px;
}

#taetigkeitsbereiche .red > a > .portfolio_red_box.noarrow > .titel:after {
    content:"";
    font-family: "Glyphicons Halflings";
    font-size: 16px;
    margin-left: 5px;
}

#aktuelles{
    background-color: #e4e4e4;
    padding: 80px 15%;
    text-align: center;
}

#aktuelles #imagecontainer {
    text-align: right;
    /*max-height: 310px;*/
    overflow: hidden;
}

#aktuelles #imagecontainer img {
    height: 100%;
    max-width: 100%;
    /*height: auto;
    width: 100%;*/
}

#aktuelles #textcontainer {
    text-align: left;
    padding-left: 35px;
}

#aktuelles #textcontainer  p{
    width: 490px;
    line-height: 26px;
}
#philosophie {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 25%;
    padding-right: 25%;
}

#philosophie > #text-container {
    text-align: center;
    font-family: AvenirNextItalic;
    font-size: 18px;
    line-height: 40px;
}

#taetigkeitsbereiche {
    background-color: #f3f1f2;
    padding: 80px 8%;
    text-align: left;
}

#taetigkeitsbereiche h1 {
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: left;
    color: #404040;
    font-size: 18px;
    font-family: AvenirNextBold;

}

#taetigkeitsbereiche h4 {
    margin-left: 15px;
}

#taetigkeitsbereiche > .subtitle {
    padding-left: 15px;
    padding-right: 15px;
}

#taetigkeitsbereiche .text-container {
    margin-left: 15px;
}

#notariat{
    text-align: left;
    padding-bottom: 100px;
}

#notariat .filter_button_bar > h4 {
    margin-left: 15px;
}

#notariat .filter_button_bar .text-container {
    margin-bottom: 75px;
    margin-left: 15px;
}

#notariat #text-container, #taetigkeitsbereiche .text-container {
    margin-top: 30px;
    text-align: left;
    font-size: 16px;
    color: rgb(64, 64, 64);
    line-height: 26px;
    font-family: AvenirNextRegular;
    margin-bottom: 60px;
}

hr {
    color: rgb(162, 160, 161);
    width: 200px;
    margin: 0px auto;
    border-color: #A2A0A1 ;
    margin-bottom: 60px;
}

#portfolio-detail-seite {
    text-align: left;
}

#portfolio-detail-seite h4 {
    text-transform: none;
    margin-bottom: 5px;
    padding-left: 10px;
}

#portfolio-detail-seite .kontakt-container {
    padding-left: 30px;
    max-width: 330px;
}

#portfolio-detail-seite .kontakt-kachel {
    background-color: white;
    height: 100%;
    padding: 30px;
    padding-right: 19px;
}

#portfolio-detail-seite .kontakt-kachel > h4 {
    text-transform: uppercase;
    padding-left: 0px;
}

#portfolio-detail-seite .kontakt-kachel > .personendaten {
    margin-top: 40px;
}

#portfolio-detail-seite .kontakt-kachel > .personendaten > p > a {
    height: 50px;
    background-color: #8f0038;
    display: block;
    line-height: 50px;
    width: 250px;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
}

#portfolio-detail-seite .kontakt-kachel > .personendaten > p > a::before {
    content: url("../img/Download_White.svg");
    margin-right: -5px;
    color: #FFF;
    height: 22px;
    width: 22px;
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: 25px;
}

#portfolio-detail-seite .kontakt-kachel > .personendaten .social-icon {
    height: 24px;
    width: 24px;
    margin-bottom: 30px;
    margin-top: 30px;
}

#portfolio-detail-seite .kontakt-kachel > .personendaten .zeile  {
    margin-top: 15px;
}

#portfolio-detail-seite .kontakt-kachel > .personendaten .zeile > img  {
    margin-right: 15px;
    height: 15px;
    width: 15px;
}

#portfolio-detail-seite .kontakt-kachel > .personendaten .zeile > a {
    color: #8f0038;
}

#portfolio-detail-seite .kontakt-kachel > .personendaten > span {
    font-weight: bold;
}

#portfolio-detail-seite .klapper-titel, #notariat .klapper-titel {
    /*height: 64px; War f�r ausgepunktete Klapper*/
    border-top: 1px solid #a19fa0;
    padding-left: 10px;
    padding-right: 15px;
    cursor: pointer;
    clear: both;
}

#ueber-uns{
    background-color: #f3f1f2;
    padding-top: 80px;
    padding-bottom: 100px;
    padding-left: 8%;
    padding-right: 8%;
    box-sizing: border-box;
    text-align: left;
}

#ueber-uns dt{
    margin-bottom: 5px;
    margin-top: 10px;
}

#notariat h1 {
    margin-bottom: 30px;
    margin-top: 0px;
    text-transform: uppercase;
    text-align: left;
    color: #404040;
    font-size: 18px;
    font-family: AvenirNextBold;
}

#notariat h4 {
    margin-bottom: 30px;
}

#notariat .klapper-titel {
    padding-left: 0px;
}

#notariat .klapper-titel > h4 {
    text-transform: none;
    margin-bottom: 0px;
}

#notariat .klapper-titel > h4 > span {
    color: #8f0038;
}

#portfolio-detail-seite .klapper-titel.last, #notariat .klapper-titel.last {
    border-bottom: 1px solid #a19fa0;
}

#portfolio-detail-seite .klapper-titel > h4, #notariat .klapper-titel > h4 {
    height: 100%;
    float: left;
    padding-left: 0px;
    width: 92%;
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 64px; War f�r ausgepunktetet Klapper Titel*/
    line-height: 1.2;
    word-break: normal;
    padding-top: 15px;
    padding-bottom: 15px;
}

#portfolio-detail-seite .klapper-titel > a, #notariat .klapper-titel > a {
    float: right;
    line-height: 52px;
    color: #5d5d5d;
    position: absolute;
    margin-left: 10px;
}

#portfolio-detail-seite .klapper-content, #notariat .klapper-content {
    clear: both;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
}

#notariat .klapper-content {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}

#notariat .klapper-content > .row{
    padding-left: 0px;
}

#notariat .klapper-content > .row > div > p{
    padding-right: 25px;
}

#notariat .klapper-content .subtitle{
    font-family: AvenirNextBold;
    padding-left: 0px;
}

#notariat .whitebox {
    background-color: white;
    padding: 20px;
    /*margin-left: 10px;*/
    width: 580px;
    max-width: 100%;
}

#notariat .ausbildung .whitebox:nth-of-type(3){
    display: none;
}

#notariat .whitebox .left img  {
    position: absolute;
    clip: rect(0px, 448px, 369px, 176px);
    left: -176px;
    top: 0px;
    height: 369px;
}

#notariat .whitebox img {
    /*width: 100%;*/
}

#notariat .whitebox .right {
    padding-left: 20px;
    padding-top: 15px;
}

#notariat .whitebox .right b {
    line-height: 30px;
}

#notariat .whitebox .right .adresse {
    margin-top: 30px;
    line-height: 30px;
}

#notariat .whitebox .right .adresse img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: -3px;
}

#notariat .whitebox .right a {
    color: #8f0038;
}

#notariat .whitebox .right .vcardButton {
    height: 50px;
    background-color: #8f0038;
    display: block;
    line-height: 50px;
    width: 250px;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
    max-width: 100%;
}

#notariat .whitebox .right .vcardButton:before {
    content: url("../img/Download_White.svg");
    margin-right: -5px;
    color: #FFF;
    height: 22px;
    width: 22px;
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: 25px;
}

#portfolio-detail-seite .subtitle, #notariat .subtitle {
    margin-bottom: 30px;
    padding-left: 10px;
}

#portfolio-detail-seite .subtitle > span > a, #notariat .subtitle > span {
    color: #8f0038;
}

#kontakt {
    background-color: #f3f1f2;
    padding-top: 115px;
}

.button.bremen {
    float: right;
}

.button.hamburg {
    float: left;
}

#kontaktformular-bremen, #kontaktformular-hamburg {
    margin-top: 40px;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 115px;
}

#kontaktformular-hamburg {
    display: none;
}

.wpcf7-form > div {
    padding-right: 30px;
}

#anmeldeformular .wpcf7-form > div {
    padding-right: 0px;
}

#anmeldeformular select {
    height: 53px;
    border: 1px solid #cdcdcd;
    padding-left: 20px;
    width: 100%;
    background-color: white;
}

.wpcf7-form a {
    color: #8f0039;
}

.wpcf7-form img {
    margin-right: 15px;
}

.wpcf7-form #adress-container > div {
    margin-bottom: 10px;
    clear: both;
}

.wpcf7-form #adress-container #adresse {
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 30px;
    height: 24px;
}

.wpcf7-form #nahverkehr-container {
    margin-top: 65px;
    max-width: 330px;
}

.wpcf7-form #nahverkehr-container span {
    font-family: AvenirNextBold;
}

.wpcf7-form input {
    height: 53px;
    border: 1px solid #cdcdcd;
    padding-left: 20px;
    width: 100%;
}

.wpcf7-form textarea {
    border: 1px solid #cdcdcd;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    min-height: 330px;
    resize: none;
}

.wpcf7-form .wpcf7-submit {
    float: right;
    width: 115px;
    margin-right: 0px;
    margin-top: -23px;
    padding-left: 0px;
    background-color: #8f0039;
    border: medium none;
    color: white;
    letter-spacing: 1px;
}

#anmeldeformular .wpcf7-form .wpcf7-submit {
    margin-top: 13px;
    margin-right: -20px;
}

.wpcf7-form > div > div > div, #anmeldeformular .wpcf7-form div > div {
    margin-bottom: 20px;
    /*padding-right: 20px;*/
}

.wpcf7-form  #adress-container > div > img {
    width: 15px;
    height: 15px;
}
.wpcf7-form  #adress-container > div:nth-child(2)  {
    height: 46px;
}

.wpcf7-form  #adress-container > div:nth-child(2) > img {
    position: absolute;
    left: 0px;
    top: 5px;
}

.wpcf7-form  #felder-container {
    padding-right: 0px;
    color: rgb(125, 123, 124);
}

.wpcf7-form  #felder-container > .row {
    margin-right: -20px;
}

.wpcf7-form #felder-container > div > div, #anmeldeformular .wpcf7-form div > div:nth-of-type(1)  {
    padding-right: 20px;
}

.wpcf7-validation-errors, .wpcf7-response-output {
    border: none !important;
    display: none !important;
}

.screen-reader-response {
    height: 25px !important;
    width: auto !important;
    text-align: center !important;
    margin: 0px auto 25px !important;
    position: relative !important;
}

.screen-reader-response > ul {
    display: none;
}

#googlemaps-container .titel {
    text-align: center;
}

#googlemaps-container .titel > #standort-anzeigen {
    height: 65px;
    display: block;
    background-color: #c9c7ca;
    line-height: 65px;
    color: white;
    font-size: 20px;
}

#googlemaps-container .titel > #standort-anzeigen > img{
    margin-left: 23px;
}

.imgRotationOpen {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(0deg);
}

.imgRotationClosed {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#map-canvas {
    width: 100%;
    height: 500px;
    display: block;
    position: relative;
}

.button.gmap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.popup.gmap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f3f1f2;
    padding: 20px;
}

.popup.gmap .button {
    margin-top: 20px;
    width: 100px;
    cursor: pointer;
}

#seminar .logo-bereich {
    margin-bottom: 110px;
}

#seminar #beschreibung {
    margin-bottom: 80px;
}

#seminar #termine {
    text-align: left;
    margin-bottom: 70px;
}

#seminar #termine img {
    width: 25px;
}

#seminar #termine .datum {
    margin-top: 17px;
    display: block;
}

#seminar #termine .location {
    margin-top: 15px;
}

#seminar #referenten {
    text-align: left;
}

#seminar #referenten > div > div {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
}

#seminar #referenten > div > div:nth-of-type(1){
   /* padding-left: 0px;*/
}

#seminar #anmeldeformular {
    text-align: left;
    margin-top: 35px;
}

#seminar #anmeldeformular .beschreibung {
    padding-right: 50px;
    margin-top: 29px;
}

.pl10 {
    padding-left: 10px;
}

.pl35 {
    padding-left: 35px;
}

footer {
    background-color: #5a5a5a;
    height: 70px;
    line-height: 70px;
}

footer > div > ul {
    text-align: center;
}

footer > div > ul > li {
    display: inline;
    border-right: 1px solid white;
    margin-left: 0px;
    padding-left: 0px;
 }

footer > div > ul > li > a {
    display: inline;
    color: white;
    margin-right: 15px;
    margin-left: 15px;
}

footer > div > ul > li > a:hover {
    color: #8f0039;
    font-weight: bold;
}

footer > div > ul > li:last-child{
    border-right: none;
}

#menu-footer-menue{
    margin: 0px;
}

.thumbnail {
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
}

.thumbnail a > img, .thumbnail > img {
    margin-right: 0px;
    margin-left: 0px;
}

.timelineWrapper {
    width: 700px;
    margin: 0px auto;
}

#koorperation{
    background-color: #e4e4e4;
    padding: 80px 5%;
}

#koorperation > div > div {
    padding-right: 50px;
}

#koorperation > div > div > img {
    width: 100%;
    padding-right: 30px;
}

#koorperation > div > div > span {
    width: 100%;
    display: block;
    padding-right: 30px;
    text-align: center;
    margin-top: 10px;
}

nav > div > div > ul > .current_page_item > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #8f0038;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

nav > div > div > ul > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #8f0038;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

nav > div > div > ul > li > a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#nav-container {
    height: 140px;
}

.name-zusatz-mobil {
    display: none;
    font-weight: bold;
    margin-bottom: 25px;
}

.name-zusatz-mobil span {
    padding-left: 10px;
}

.mobil404header {
    display: none;
    background-color: #870737;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: white;
}

.hinweistext404 {
    padding: 25px;
    text-align: center;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0px;
    padding-right: 0px;
}

#cookie-law-info-bar {
    padding: 15px;
}

#cookie-law-info-bar a {
    color: #fff !important;
    text-decoration: underline;
    font-weight: bold;
}

#cookie-law-info-bar #cookie_action_close_header {
    background-color: #fff !important;
    text-shadow: none;
    box-shadow: none;
    color: #000 !important;
    text-decoration: none;
    border-radius: 0;
    margin-left: 30px;
}

.checkbox-dsgvo .wpcf7-list-item {
    display: flex;
    align-items: center;
}

.checkbox-dsgvo .wpcf7-list-item input {
    width: auto;
    margin-right: 10px;
    -webkit-appearance: checkbox;
}

@media (max-width: 1024px) {
    #cookie-law-info-bar #cookie_action_close_header {
        display: block;
        margin-top: 15px;
        margin-left: 0;
    }
}