a#right-menu {
    display: none;
}
body {
    font-family: 'Archivo Narrow', sans-serif;
}

body.s_ihr-fachanwalt div.penaltyForm,
body.s_index div.lawyerContainer,
body.s_impressum   div.lawyerContainer, 
body.s_impressum  div.penaltyForm,
body.s_datenschutz   div.lawyerContainer, 
body.s_datenschutz div.penaltyForm  {
	display: none;
}

body.s_index div.penaltyForm, 
body.s_ihr-fachanwalt div.lawyerContainer  {
	display: block;
}

body.s_ihr-fachanwalt div.lawyerContainer {
    float: left;
    margin-bottom: 15px;
    max-width: 100%;
}


body.s_ihr-fachanwalt div.lawyerContainer img {
    max-width: 100%;
	margin: 0 auto;
	display: block;
}

h1 {
    margin-bottom: 15px;
}

.bClear {
    clear: both;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/** CONTENT **/
#wrapper {
    width: 100%;
    max-width: 1920px;
}

div.headerRow {
    background-color: #343434;
    color: white;
    border-bottom: 1px solid #737373;
}

div.headerInnerRow {
    width: 95%;
    max-width: 1260px;
    margin: 0 auto;
    min-height: 55px;
    display: block;
    font-size: 19px;
    position: relative;
}

div.logo {
    position: absolute;
    z-index: 1002;
    margin: -20px 50% 0 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


div.headerInnerRow div.mail{
    line-height: 54px;
    display: block;
    float: left;
    width: auto;
}

div.headerInnerRow div.telefon {
    line-height: 54px;
    text-align: right;
    float: right;
    display: block;
    width: auto;
}
div.headerInnerRow div:last-child span:first-child:before,
div.headerInnerRow div:first-child span:first-child:before {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    padding-right: 5%;
}
div.mistakeInformationBox {
    background-color: rgba(51,51,51,.85);
    width: 100%;
    max-width: 1260px;
	display: block;
    color: white;
    position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
    z-index: 1002;
    margin: -135px 0 25px 0;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
div.mistakeInformationBox p {
    padding: 0;
	font-family: 'Arial', sans-serif;
	clear: both;
	float: none;
}
div.mistakeInformationBox p.middleText {
    font-size: 1.7em;
	clear: both;
	float: none;
}
div.mistakeInformationBox p:last-child {
    font-size: 2.73em;
	clear: both;
	float: none;
}

div.mistakeInformationBox h2 {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
    font-size: 3.5em;
	line-height: 163%;
    width: 100%;
	/*white-space: nowrap;*/
	text-indent: 0;
	clear: both;
	float: none;
}

.start-headline {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
    font-size: 3.5em;
	line-height: 163%;
    width: 100%;
	/*white-space: nowrap;*/
	text-indent: 0;
	clear: both;
	float: none;
}

div.innerContent {
    width: 95%;
    max-width: 1260px;
    margin: 0 auto;
    justify-content: space-between;
    font-size: 20px;
    color: #343434;
}

div.innerContent ul {
	margin-left: 10%;
	list-style-type: square;
}

div.innerContent h2 {
    color: red;
    font-size: 23px;
    font-weight: 700;
}

div.innerContent > div {
    width: 48%;
    float: left;
}

body:not(.s_index) div.innerContent .contentPane {
    float: left;
}

body:not(.s_index) div.innerContent .contentPane img {
    max-width: 100%;
    height: auto;
}

body.s_ihr-fachanwalt div.innerContent:after {
	display: table;
	content: "";
	clear: both;
}

body.s_ihr-fachanwalt div.innerContent .contentPane {
	float: right !important;
	width: 95%;
}
body:not(.s_index) div.innerContent .contentPane {
    float: left;
}

div.innerContent .contentPane {
    margin-right: 3%;
    position: relative;
}

a.formular {
    background: url("../bilder/layout/verifyForm.png") no-repeat;
	background-position: top left;
    width: 341px;
    height: 55px;
    display: block;
}

a.formular:hover {
    background-position: 0px -55px;
}

div.secondaryContent {
    background: url("../bilder/layout/secondaryContentBackground.jpg") no-repeat center;
    background-size: cover;
    min-height: 794px;
    vertical-align: bottom;
    position: relative;
}
div.secondaryContentInner {
    background-color: rgba(52,52,52,.9);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-top: 20px;
    max-height: 822px;
}

div.secondaryContentInnerst {
    width: 100%;
    max-width: 1260px;
    /*    display: flex;*/
    justify-content: space-between;
    margin: 0 auto;
}

div.secondaryContentInnerst > div:last-child {
    flex-basis: 44%;
}
div.secondaryContentInnerst > div:first-child {
    width: 50%;
    float: left;
    padding: 1%;
	margin-top: 27px;
}

div.secondaryContentInnerst h3,
div.secondaryContentInnerst p {
    color: white;
    display: block;
    font-size: 18px;
}

div.secondaryContentInnerst h3 {
    margin-bottom: 25px;
}

div.secondaryContentInnerst p {
    line-height: 34px;
}

div.secondaryContentInnerst div.secondaryContentRight {
    margin-left: 3%;
    width: 40%;
    float: left;
}

div.secondaryContentInnerst div.secondaryContentRight img {
    margin-bottom: 18px;
    width: 48%;
    float: left;
}

div.secondaryContentInnerst div.secondaryContentRight img:not(:last-child) {
    margin-right: 2%;
}

body:not(.s_index) div.sideTeaser {
    display:none;
}

div.sideTeaser {
    width: auto;
    margin-bottom: 15px;
    left: 0;
    margin-top: -155px;
    position: absolute;
}
div.sideTeaser img {
    width: 100%;
	max-width: 650px;
}

div.highSupport {
    text-align: center;
    margin: 0 auto;
    max-width: 1000px;
    font-size: 25px;
    color: white;
	margin-bottom: 20px;
}
/** CONTENT **/

/** FOOTER **/
footer {
    background-color: red;
    padding: 10px 0;
    height: auto;
}
div.footerInner {
    width: 96%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 2%;
    justify-content: space-between;
}
div.footerInner div.anschrift {
    width: 20%;
    margin-right: 2%;
    float: left;
    display: block;
}
div.footerInner div.kontakt {
    width: 20%;
    margin-right: 2%;
    float: left;
}
div.footerInner div.kontakt a:hover{
    text-decoration: underline;
}
div.footerInner div.link {
    width: 20%;
    margin-right: 2%;
    float: left;
}
div.footerInner div.social {
    width: 20%;
    margin-right: 2%;
    float: left;
}
div.footerInner div.btn_hoch {
    width: 10%;
    float: left;
}

div.footerInner div.btn_hoch:hover {
	cursor: pointer;
}

div.footerInner div.btn_hoch img {
    float: right;
    width: 100%;
    max-width: 77px;
}
div.footerInner div:nth-child(3) a {
    display: block;
}
div.footerInner div:nth-child(4) a:not(:last-child) {
    margin-right: 5%;
}
div.footerInner p, div.footerInner a {
    color: white;
	padding: 0;
    font-size: 20px;
}

div.footerInner > div > p:first-child {
	padding-bottom: 10px;
}
/** FOOTER **/

/** PENALTY FORM **/
div.penaltyForm {
    float: left;
	margin-left: 1%;
	min-height: 570px;
}
div.penaltyForm p {
    font-size: 17px;
	padding-left: 2%;
}
div.penaltyForm form {
    overflow: hidden;
    background: #fff;
    padding: 2%;
    border-radius: 1%;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
div.penaltyForm form fieldset legend:before {
    content: url("../bilder/layout/iconArrowRightM.png");
    display: inline-block;
    vertical-align: middle;
    padding-right: 2%;
}
div[data-form-page="2"], 
div[data-form-page="3"] {
    display: none;
}
div.penaltyForm form fieldset legend > span {
	font-size: .7em;
	display: block;
	margin-left: 4%;
}
div.penaltyForm form fieldset legend {
    margin-bottom: 15px;
}

div.penaltyForm form fieldset legend:not(:first-child) {
    margin-top: 15px;
}

div.penaltyForm form fieldset legend {
    font-size: 20px;
    width: 90%;
    font-weight: 700;
}
div.penaltyForm form fieldset select:last-child,
div.penaltyForm form fieldset input:last-child {
    margin-bottom: 15px;
}
div.penaltyForm form fieldset select,
div.penaltyForm form fieldset input {
    background-color: #eee;
    color: #9b9b9b;
    width: 100%;
    padding: 5px 5%;
    font-weight: 300;
    border-radius: 5px;
    border: none;
    font-family: 'Archivo Narrow', sans-serif;
}

div.penaltyForm form fieldset input {
    padding: 10px 5%;
    width: 90%;
}

div.penaltyForm form .penaltyFormPage {
    height: 385px;
}

div.formButtons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
div.formButtons button {
    background-color: black;
    color: white;
    font-size: 20px;
    font-weight: 700;
    border-radius: 5px;
    border: none;
    padding: 5px 10%; 
}

div.formButtons button:hover {
    background-color: red;
}
div.formButtons button:disabled {
    background-color: #cbc9c9;
    color: #a6a6a6;
}

/** PENALTY FORM **/

/** HEADSLIDER **/
#slideOuter {
    position: relative;
}
#content_slider {
    overflow: hidden;
}

.informationLawyer {
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 1002;
    background-color: white;
    padding: 10px 2%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 36px;
    font-weight: 700;
}
.informationLawyer a {color: red;}
.informationLawyer a:hover,
.informationLawyer a:active,
.informationLawyer a:visited  {
    text-decoration: none;
}
.informationLawyer a:after {
    content: "\00a0 >"; 
    display: inline-block;
}
/** HEADSLIDER **/
/** MEDIA QUERIES **/
@media screen and (min-width: 1024px) {
	div.sideTeaser {
		width: 50%;
	}
	
	body.s_ihr-fachanwalt div.innerContent .contentPane {
		width: 39%;
	}
}

@media screen and (min-width: 1280px) {
	div.sideTeaser {
		width: 40%;
	}
}

@media screen and (max-width: 1023px) {
	div.sideTeaser {
        width:70%;
        margin: 0 auto 15px auto;
        left: auto;
        margin-top: 0;
        position: relative;
    }
    div.sideTeaser img {
        width: 100%;
    }
}
@media screen and (max-width: 1232px) {
	
	div.footerInner > div > p:first-child {
		padding-top: 25px;
		padding-bottom: 0;
	}
	
	div.footerInner > div:last-child > p {
		padding-bottom: 15px;
	}
}
@media screen and (min-width: 663px) and (max-width: 1232px){

	div.innerContent div.sideTeaser {
		margin: 0;
	}   

    div.logo {
        position: relative;
        z-index: auto;
        margin: 0 auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        text-align: center;
        padding: 15px 0;
    }

    /**Scharzer Kasten**/
    div.mistakeInformationBox{
        padding: 2% 0;
		position: relative;
        margin: 0 auto 25px auto;
    }
    div.mistakeInformationBox h2 {
        font-size: 2.2em;
    }
	
	.start-headline {
	font-size: 2.2em;
	}
	
	div.mistakeInformationBox p.middleText {
        font-size: 1em;
    }
    div.mistakeInformationBox p:last-child {
        font-size: 2.2em;
    }
    /**Scharzer Kasten**/
    /**Content**/
    div.penaltyForm {
        width: 100%;
    }
    div.highSupport {
        width: 96%;
        font-size: 22px;
        padding: 5px 2%;
    }
    div.secondaryContentInnerst > div:first-child {
        width: 96%;
        display: block;
        padding: 5px 2%;
        margin-bottom: -20px;
    }
    div.secondaryContentInnerst > div:last-child {
        width: 90%;
        padding: 5%;
    }
    div.secondaryContentInnerst div.secondaryContentRight {
        margin-left: 0;
    }
    div.secondaryContentInnerst div.secondaryContentRight img {
        width: 23%;
    }
    /**Content**/
    /**Footer**/
    div.footerInner div.anschrift {
        width: 47%;
        text-align: center;
    }
    div.footerInner div.kontakt {
        width: 47%;
        margin-left: 0;
        text-align: center;
    }
    div.footerInner div.link {
        width: 47%;
        text-align: center;
    }
    div.footerInner div.social {
        width: 47%;
        text-align: center;
        margin-right: 0;
    }
    div.footerInner div.btn_hoch {
        width: 100%
    }
    /**Footer**/
}
@media screen and (max-width: 662px) {
	div.penaltyForm {
		min-height: 0px;
	}
	
	div.secondaryContentInnerst > div:first-child {
		margin-top: 0;
	}
}
@media screen and (min-width: 361px) and (max-width: 662px) {

	div.innerContent div.sideTeaser {
		margin: 0;
	} 

    div.logo {
        position: relative;
        z-index: auto;
        margin: 0 auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        text-align: center;
        padding: 15px 0;
    }
    div.logo img {
        width: 100%;
    }

    div.sideTeaser {
        width:90%;
        margin: 0 auto 15px auto;
        left: auto;
        margin-top: 0;
        position: relative;
    }
    div.sideTeaser img {
        width: 100%;
    }

    div.headerInnerRow div.mail,
    div.headerInnerRow div.telefon {
        width: 100%;
        float: none;
        text-align: center;
    }

    /**Scharzer Kasten**/
    div.mistakeInformationBox {
        width: 98%;
        margin: 0 auto 25px auto;
    }
    div.mistakeInformationBox{
        padding:1%;
    }
	
	div.mistakeInformationBox p.middleText {
		font-size: 1em;
	}
	
    div.mistakeInformationBox h2 {
        font-size: 1.6em;
    }
	
	.start-headline {
	font-size: 1.6em;
	}
	
    div.mistakeInformationBox p:last-child {
        font-size: 1.6em;
    }
    /**Scharzer Kasten**/
    /**Content**/
    div.innerContent > div {
        width: 98%;
        margin:  10px 2%;
    }
    div.penaltyForm {
        width: 100%;
    }
    div.highSupport {
        width: 98%;
        font-size: 20px;
        padding: 5px 1%;
        line-height: 150%;
    }
    div.secondaryContentInnerst > div:first-child {
        width: 98%;
        display: block;
        padding: 5px 1%;
        margin-bottom: -20px;
    }
    div.secondaryContentInnerst > div:last-child {
        width: 98%;
        padding: 1%;
    }
    div.secondaryContentInnerst div.secondaryContentRight {
        margin-left: 0;
    }
    div.secondaryContentInnerst div.secondaryContentRight img {
        width: 45%;
    }
    div.penaltyForm form {
        margin-left: 0;
    }
    div.secondaryContentInnerst h3 {
        margin-bottom: 10px;
    }
    div.secondaryContentInnerst p {
        line-height: 32px;
    }
    div.secondaryContentInnerst h3, div.secondaryContentInnerst p {
        font-size: 18px;
    }
    /**Content**/
    /**Footer**/
    div.footerInner div.anschrift {
        width: 100%;
        text-align: center;
    }
    div.footerInner div.kontakt {
        width: 100%;
        text-align: center;
    }
    div.footerInner div.link {
        width: 100%;
        text-align: center;
    }
    div.footerInner div.social {
        width: 100%;
        text-align: center;
    }
    div.footerInner div.btn_hoch {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    /**Footer**/
}
@media screen and (min-width: 0px) and (max-width: 360px) {

	div.innerContent div.sideTeaser {
		margin: 0;
	} 
        
        a.formular {
            background: url("../bilder/layout/button_testenlassen.png") top left no-repeat;
            width: 100%;
            min-height: 55px;
            background-size: contain;
            display: block;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            display: block;
        }
        
        a.formular:hover {
            background-size: contain;
        }

    div.logo {
        position: relative;
        z-index: auto;
        margin: 0 auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        text-align: center;
        padding: 15px 0;
    }
    div.logo img {
        width: 100%;
    }
    div.headerInnerRow div.mail,
    div.headerInnerRow div.telefon {
        width: 100%;
        float: none;
        text-align: center;
        font-size: 14px;
    }

    div.sideTeaser {
        width:100%;
        margin: 0 auto 15px auto;
        left: auto;
        margin-top: 0;
        position: relative;
    }
    div.sideTeaser img {
        width: 100%;
    }

    div.secondaryContentInner, div.highSupport, div.secondaryContentInnerst p {
        font-size: 13px !important;
    }

    div.mistakeInformationBox {
        margin-top: 0;
    }
    .informationLawyer {
        position: relative;
        top:0;
    }

    /**Scharzer Kasten**/
    div.mistakeInformationBox {
        width: 98%;
    }
    div.mistakeInformationBox{
        padding:1%;
    }
	div.mistakeInformationBox p.middleText {
		font-size: 1em;
	}
    div.mistakeInformationBox h2 {
        font-size: 1.6em;
    }
	.start-headline {
		font-size: 1.6em;
	}
    div.mistakeInformationBox p:last-child {
        font-size: 1.6em;
    }
    /**Scharzer Kasten**/
    /**Content**/
    div.innerContent > div {
        width: 98%;
        margin:  10px 2%;
    }
    div.penaltyForm {
        width: 100%;
    }
    div.highSupport {
        width: 98%;
        font-size: 20px;
        padding: 5px 1%;
        line-height: 150%;
    }
    div.secondaryContentInnerst > div:first-child {
        width: 98%;
        display: block;
        padding: 5px 1%;
        margin-bottom: -20px;
    }
    div.secondaryContentInnerst > div:last-child {
        width: 90%;
        padding: 5%;
    }
    div.secondaryContentInnerst div.secondaryContentRight {
        margin-left: 0;
    }
    div.secondaryContentInnerst div.secondaryContentRight img {
        width: 45%;
    }
    div.penaltyForm form {
        margin-left: 0;
    }
    div.secondaryContentInnerst h3 {
        margin-bottom: 1px;
    }
    div.secondaryContentInnerst p {
        line-height: 32px;
    }
    div.secondaryContentInnerst h3, div.secondaryContentInnerst p {
        font-size: 18px;
    }
    /**Content**/
    /**Footer**/
    div.footerInner div.anschrift {
        width: 100%;
        text-align: center;
    }
    div.footerInner div.kontakt {
        width: 100%;
        text-align: center;
    }
    div.footerInner div.link {
        width: 100%;
        text-align: center;
    }
    div.footerInner div.social {
        width: 100%;
        text-align: center;
    }
    div.footerInner div.btn_hoch {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    /**Footer**/
}




/** MEDIA QUERIES **/