/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {	
div.top-content {margin-top: 0px; margin-bottom: 100px; padding: 450px 0 0 0;}
section.quote-wrapper { height: 350px;}
div.headerbild { top: 110px; height:450px; }
section.quote-wrapper{left: 0; height: 350px; margin-bottom: 300px;} 
.page-lr {margin-top: 120px; bottom: 0;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
div.top-content {margin-top: 0px; margin-bottom: 200px; }
section.quote-wrapper { height: 350px;}
div.headerbild { top: 110px; height:450px; }
section.quote-wrapper{ top: 110px; left: 0; height: 250px; margin-bottom: 300px; } 
.page-lr {margin-top: 300px;}
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
div.top-content {margin-top: 0; margin-bottom: 100px; }
section.quote-wrapper {margin-top: 0px; height: 750px;}
div.headerbild { }
section.quote-wrapper{ left: 0; height: 350px;} 
.page-lr {margin-top: 110px;}
}



/* Medium Devices, Desktops 992px*/
@media only screen and (min-width : 992px) {
div.top-content {margin-top: 300px; }
div.headerbild { top:0; height: 650px; }
section.quote-wrapper{ top: 0; left: 0; height: 750px; } 
.page-lr {margin-top: 210px;}
}





/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
div.top-content {margin-top: 350px; }
div.headerbild {top: 0; height: 750px; }
section.page-lr {margin-top: 0; }
}















/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1600px) {
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {

}











/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
}










/* Medium Devices, Desktops 991px*/
@media only screen and (max-width : 768px) {
}





/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 991px) {

/*--------------------------------------------------
RESETS
-------------------------------------------------- */
.container-fluid {
padding: 0 !important;
margin: 0 !important;
}

.row {
padding: 0 !important;
margin: 0 !important;
}

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

html, body {
height: 100%;	
}

	
	div#google {
	margin-left: 0;
		}

	span.imprint2  {
	display:inline-block;
}
	
	
/*--------------------------------------------------
LEFT-BAR
-------------------------------------------------- */
div.left-bar {
height: auto;
overflow: visible;
position: fixed;
z-index: 1000;
top:0;
left: 0;
right: 0;
width: auto;
min-height: 110px;
} 

/*------------------------------------- 
NAV-ICON
--------------------------------------*/
div#nav-icon {
position: absolute;
right: 40px;
top: 40px;
width: 30px;
height: 45px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

div#nav-icon span  {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #000;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

div#nav-icon span:nth-child(1) {
top: 0;
}

div#nav-icon span:nth-child(2),
div#nav-icon span:nth-child(3) {
top: 10px;
}

div#nav-icon span:nth-child(4) {
top: 20px;
}

div#nav-icon.open span:nth-child(1) {
top: 10px;
width: 0%;
left: 50%;
}

div#nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

div#nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

div#nav-icon.open span:nth-child(4) {
top: 10px;
width: 0%;
left: 50%;
}

/*--------------------------------------------------
LOGO
-------------------------------------------------- */
div.logo a {
width: 130px;
height: 70px;
position: absolute;
left: 20px;
top: 20px;
margin: 0;
}

div.logo a {
width: 130px;
height: 70px;
}

/*--------------------------------------------------
MAIN-NAV
-------------------------------------------------- */
ul.main-nav {
display: none;
} 

ul.main-nav.open-menu {
display: block;
margin: 150px 20px 0 20px;
} 

ul.main-nav li {
padding: 0 0 40px 0;
} 

ul.main-nav li:hover a:before,
ul.main-nav li.active a:before {
display: none;
} 


/*--------------------------------------------------
IMPRINT
-------------------------------------------------- */
p.imprint {
display: none;
} 


/*  ------------------------------------------------------
HOME
--------------------------------------------------------*/
body.home {  
background: transparent;
}

/*--------------------------------------------------
START-CONTENT
-------------------------------------------------- */
div.start-content  {
height: 100vh;
background: url(/basics/images/home-mobile.jpg) no-repeat 0 0;
background-size: cover;
} 

div.start-content div.start-intro {
position: absolute;
bottom: 20vh;
right: 40px;
left: auto;
width: auto;
max-width: 200px;
} 

div.start-content div.start-intro:after {
content: "";
width: 20px;
height: 40px;
background: #1d3a8f;
position: absolute;
top: -40px;
right: 0;
} 

div.start-content div.start-intro div.blockquote {
font-size: 16px;
letter-spacing: 3px;
line-height: 100%;
} 

div.start-content div.start-intro cite {
font-size: 9px;
margin: 0 0 0 -20px;
text-align: left;
} 

/*--------------------------------------------------
DATEV-LOGO
-------------------------------------------------- */
div.datev-logo {
right: 20px;
background: url(/basics/images/logo-datev.png) no-repeat 0 0;
bottom: 0;
} 

div.datev-logo a {
width: 80px;
height: 93px;
display: block;
}

/*  ------------------------------------------------------
QUOTE-WRAPPER
--------------------------------------------------------*/

section.quote-wrapper div.emoticon-content {
position: relative;
height: 250px;
} 

section.quote-wrapper div.emoticon-content div.quote-intro {
display: none;
}

section#constanze {  
/* background: url(/basics/images/constanze.jpg) no-repeat 50% 0;
background-size: cover; */

}

section#ludwig {  
/* background: url(/basics/images/ludwig.jpg) no-repeat 50% 0;
background-size: cover; */
}


section.bildtextunten, section.bildtextoben, section.zwischenbild {
height: 250px;
margin: 0 0 20px 0;
}
.emoticon-content {display: none; }

/*  ------------------------------------------------------
IMPRINT
--------------------------------------------------------*/
div.imprint {  
background: url(/basics/images/imprint.jpg) no-repeat 50% 0;
background-size: contain;
height: 250px;
top: 110px;
left: 0;
}

/*  ------------------------------------------------------
LEISTUNGEN
--------------------------------------------------------*/
div.leistungen {  
background: url(/basics/images/leistungen-mobile.jpg) no-repeat 50% 0;
background-size: cover;
height: 250px;
top: 110px;
left: 0;
}

/*  ------------------------------------------------------
Contact
--------------------------------------------------------*/
div.contact {  
background: url(/basics/images/contact.jpg) no-repeat 50% 0;
background-size: cover;
height: 250px;
top: 110px;
left: 0;
}

/*  ------------------------------------------------------
NEWS
--------------------------------------------------------*/
div.news {  
background: url(/basics/images/news.jpg) no-repeat 50% 0;
background-size: cover;
height: 250px;
top: 110px;
left: 0;
}

/*  ------------------------------------------------------
NUETZLICHES
--------------------------------------------------------*/
div.nuetzliches {  
background: url(/basics/images/nuetzliches.jpg) no-repeat 50% 0;
background-size: cover;
height: 250px;
top: 110px;
left: 0;
}

/*  ------------------------------------------------------
KONTAKT
--------------------------------------------------------*/
section#contact {  
height: 250px;
top: 110px;
}

section#contact div.emoticon-content {
position: relative;
} 

section#contact div.emoticon-content div.contact {
background: url(/basics/images/contact.jpg) no-repeat 50% 0;
background-size: cover;
height: 250px;
} 

/*--------------------------------------------------
VERTRAUEN
-------------------------------------------------- */
section#vertrauen div.emoticon-content {
height: 250px;
} 

section#vertrauen ul {
position: absolute;
bottom: 50px;
left: 0;
} 

section#vertrauen ul:after {
content: "";
position: absolute;
top: 0;
right: -15px;
width: 7px;
height: 13px;
background: #1d3a8f;
} 

section#vertrauen ul li {
list-style-type: none;
color: #fff;
text-transform: uppercase;
font-weight: 300;
}

/*--------------------------------------------------
NUETZLICHES2
-------------------------------------------------- */
section#nuetzliches2 div.emoticon-content {
height: 250px;
} 

section#nuetzliches2 div.emoticon-content ul {
position: absolute;
top: 80px;
left: 0;
} 

section#nuetzliches2 div.emoticon-content ul:after {
content: "";
position: absolute;
top: 0;
right: -15px;
width: 7px;
height: 13px;
background: #1d3a8f;
} 

section#nuetzliches2 div.emoticon-content ul li {
list-style-type: none;
color: #fff;
text-transform: uppercase;
font-weight: 300;
}  

/*--------------------------------------------------
VISITENKARTE
-------------------------------------------------- */
section#visitenkarte {
height: 250px;
} 

/*--------------------------------------------------
GOOGLE
-------------------------------------------------- */
section#google {
height: 250px;
} 

/*--------------------------------------------------
OFFICE-WRAPPER
-------------------------------------------------- */
section.office-wrapper {
height: 170px;
} 


/*--------------------------------------------------
TOP-CONTENT
-------------------------------------------------- */
div.top-content {

} 

/*--------------------------------------------------
STATIC-CONTENT
-------------------------------------------------- */
div.static-content {
padding-right: 20px;
padding-left: 20px;
} 

div.static-content h1 {
margin: 200px 0 20px 0;
font-size: 36px;
} 

div.static-content h2 {
font-size: 14px;
padding: 15px;
margin: 0 0 20px 0;
max-width: none;
} 

div.static-content h2.vita-header {
font-size: 14px;
} 

div.static-content h2.main-header {
margin: 20px 0;
} 

div.static-content h2.main-header span {
font-size: 14px;
} 

div.static-content p  {
font-size: 14px;
margin: 0 0 20px 0;
} 

div.static-content ul  {
margin: 0 0 20px 0;
} 

div.static-content ul li {
font-size: 14px;
}

div.static-content ul.download-list  {
margin: 0 0 20px 0;
} 

div.static-content ul.download-list li {
font-size: 16px;
}


div.static-content ul.news-list {
margin: 0 0 20px 0;
}

div.static-content ul.news-list li h2 {
font-size: 16px;
}

div.static-content div.link-content {
font-size: 14px;
margin: 0 0 20px 0;
width: 100%;
}

div.static-content div.link-content a {
padding: 0 30px 0 80px;
}


/*--------------------------------------------------
IMPRINT-CONTENT
-------------------------------------------------- */
div.imprint-content {
padding-right: 20px;
padding-left: 20px;
margin: 0;
} 


div.imprint-content h1 {
margin: 0 0 20px 0;
font-size: 36px;
} 

div.imprint-content h2, 
div.imprint-content p, 
div.imprint-content address, 
div.imprint-content ol {
font-size: 14px;
margin: 0 0 20px 0;
} 


/*--------------------------------------------------
FOOTER
-------------------------------------------------- */
footer {
background: #1d3a92;
} 

footer p.copyright {
padding: 20px;
margin: 0;
} 


}








/* Custom, iPhone Retina */ 
@media only screen and (max-width: 480px) {

}





/* Small Devices, Tablets */
@media only screen and (max-width : 320px) {

}