@charset "UTF-8";

/*
Theme Name: Theme für RA Dr. Damm und Partner
Theme URI: https://www.mitschke-it.de/themes/drdamm
Author: Mitschke IT-Dienstleistungen (Heiko Mitschke)
Author URI: https://www.mitschke-it.de
Description: This theme is the parent theme for your site. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap, html5, responsive, schema.org strctured data
Text Domain: drdamm

*/


/*
* Table of Content
*
* #.# General
* #.# 
*/



/*
* #.# Section title
*
* Description of section, whether or not it has media queries, etc.
*/

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v11-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v11-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body {
    background: #f4f5f7;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

.btn, .btn-group-lg > .btn, .btn-lg {
    border-radius: 0;
}

#site-container {
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (min-width: 768px) {
	#site-container {
		margin-top: 15px;
		margin-bottom: 50px;
	}
}

.navbar-header {
    padding: 10px;
}

@media (max-width: 767px) {
.navbar-header img {
    max-width: 60%;   
}
}

@media (min-width: 768px) {
    .navbar-header {
        padding: 15px 30px;
        float: none;
        text-align: center;
    }
}

.navbar-toggle {
    margin-top: 15px;
    margin-right: 0;
    padding: 15px 10px;
    color: #303030;
    background-color: #eee;
}   

.navbar-toggle .icon-bar {
    width: 30px;
    background-color: #333;
    
}


/*
 *
 * Hauptnavigation
 *
 */

.navbar {
    margin: 0;
	margin-bottom: 15px;
}

#logo {
    max-height: 110px;   
}

.nav > li > a {
    display: block;
    padding: 15px;
    position: relative;
    color: #000;
	font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: transparent;
    color: #000;   
	font-weight: 700;
}

.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	background-color: transparent;
    font-weight: 700;
}

@media (min-width: 768px) {
		.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
		background-color: transparent;
		color: #802A24; 
		font-weight: 400;
		padding-bottom: 5px;
		border-bottom: 1px solid #802A24;
		border-radius: 0;
	}

	.nav > li > a:focus, .nav > li > a:hover {
		text-decoration: none;
		background-color: transparent;
		font-weight: 400;
		padding-bottom: 5px;
		border-radius: 0;
		/* color: #802A24;  */
		border-bottom: 1px solid #808080;
	}

	.navbar .current-menu-parent > a {
		padding-bottom: 5px;
		color: #802A24;
		border-bottom: 1px solid #802A24;
		border-radius: 0;
	}	
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border: none;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #802A24;
}

/*
 *
 * Startseite - Kasten oben
 *
 */

#header-main {
        background: #fff url("img/rechtsanwalt-dr-damm-partner-norden-leuchtturm.jpg") no-repeat left bottom;
		background-size: cover;
        padding: 100px 0;
}

#header-h1 {
	margin: 0;
	padding: 20px;
    font-size: 24px; 
	color: #802A24;  
}


@media (min-width: 768px) {
    #header-main {
        /* background: #fff url("img/rechtswanwalt-dr-damm-fachanwalt-it-recht.jpg") no-repeat right bottom; */
        /* background-size: 35% auto; */
    }    
}

@media (min-width: 992px) {
    #header-main {
        /* background: #fff url("img/rechtswanwalt-dr-damm-fachanwalt-it-recht.jpg") no-repeat right bottom; */
        padding: 70px;
    }    
	#header-h1 {
		padding-top: 100px; 
	}

}

@media (min-width: 1200px) {
    #header-main {
        /* background: #fff url("img/rechtswanwalt-dr-damm-fachanwalt-it-recht.jpg") no-repeat 90% bottom; */
    }
}

#site-links {
    letter-spacing: 0.05em;
}

/*
#site-links-caption {
    font-size: 22px;   
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 300;
    line-height: 1.1;
	color: #fff;
	text-align: right;
	padding-left: 5px;
	padding-right: 25px;
}
*/

#site-links a {
    padding: 5px 25px;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    display: block;
	text-align: right;
}

#site-links a::before  {
    content:"\00bb\00a0"; 
}

@media (min-width: 992px) {
	#site-links a {
		padding: 5px 10px;
	}
	#site-links-caption {
		padding-right: 5px;
	}
}



#header-h2 {
    font-size: 20px;   
    margin: 20px 0 10px;
}

#header-h3 {
    font-size: 20px;   
    margin: 20px 0 10px;
}

#header-h1, #header-h2, header-h3 {
    letter-spacing: 0.05em;
    font-weight: 400;
    line-height: 1.1;
}


@media (max-width: 767px) {    
    #header-h2 {
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 0.7); 
        padding: 5px;
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
    }
    #header-h3 {
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 0.7); 
        padding: 5px;
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 600;
    }
}

@media (max-width: 500px) {
    #header-h2 {
        font-size: 18px; 
    }
    #header-h3 {
        font-size: 16px; 
    } 
    #header-h1 > br, #header-h2 > br {
        display: none;   
    }
}

@media (min-width: 992px) {
   #header-h1 {
       font-size: 30px;       
    }
    #header-h2 {
       font-size: 30px;       
    }
    #header-h3 {
       font-size: 24px;       
    }
}

#header-h1 > span, #header-h2 > span {
	font-weight: 700;
}

#contact-main {
	margin-bottom: 10px;
    padding: 10px;
    background: #802A24; 
    color: #fff;
    font-size: 18px;
}

#contact-main p {
    margin: 0; 
    font-weight: 400;
}

#contact-main span {
    font-size: 16px;
    font-weight: 400;
}

#contact-main a {
    color: inherit; 
}

@media (max-width: 768px) {
    .contact-data-field {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #contact-main a {
        padding: 3px 0;
    }
}

#myContactModal {
    margin-top: 50px;   
}

#wpcf7-f11766-p38-o2 {
    padding: 25px;
    border: 1px solid #f4f5f7;
    border-radius: 6px;
    background-color: #f4f5f7;
}

.your-captcha span {
    width: 100px;   
}



/*
 *
 * Hauptinhalt
 *
 */

#main-content-wrapper {
    background-color: #fff;
    padding-top: 60px;
}

#site-info h1 {
    margin-top: 0;
    font-size: 28px;
}

#site-info h2 {
    font-size: 24px;
    margin-bottom: 60px;
    font-weight: 300;
}

.blauer-kasten {
	padding: 25px;
	background-color: #A8E4FF;
	border-bottom: 5px solid #33A1C9;	
}

.grauer-kasten {
	padding: 25px;
	background-color: #f4f5f7;
	border-bottom: 5px solid #d3d6d8;
}

/*
 *
 * Seitenleiste
 *
 */

#sidebar {
    padding-top: 30px;     
    background-color: #f4f5f7; 
}

@media (max-width: 768px) {
    #sidebar {
        padding-left: 15px;
}  
}

@media (min-width: 400px) and (max-width: 767px) {
    #sidebar {
        padding-left: 100px;
}   
}

#sidebar li {
    padding: 3px 0;
}

#sidebar a {
    color: inherit;
    padding: 3px 0;
}

#sidebar h1,
#sidebar-heading {
    color: #802A24;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

#sidebar-subheading {
    font-size: 16px;
    font-weight: 300;
    margin: 5px 0 45px;
    line-height: 1.1;
}

#sidebar-title {
    font-size: 16px;
    font-weight: 700;
}

#sidebar ul {
    list-style: none;
    padding-left: 5px;
}



#sidebar li::before {
    content:"\00bb\00a0";    
}

/*
 *
 * Hauptinhalt
 *
 */

#main-content {
    padding-top: 25px;        
}

#main-overview {
    background-color: #fff;    
    margin-bottom: 10px;
    padding: 25px 15px;
}

@media (min-width: 768px) {
    #main-overview {
    margin-right: 30px;
}   
}

#main-overview h2 {
	margin-top: 0;
	margin-bottom: 25px;
    font-size: 24px;
    font-weight: 400;
	color: #802A24;
}

#main-overview ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

#main-overview li {
    margin-bottom: 40px;
}

.headline-link {
    color: #802A24;  
    font-size: 18px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .headline-link {  
        font-size: 22px;
    }    
}

#meta-publish-date { 
    font-size: 14px;
    font-weight: 300;
}

#meta-publish-date-single { 
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 300;
}

#main-overview p {
    color: inherit; 
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}

/*
#main-overview li::before {
    content:"\00bb\00a0";    
}
*/

#page-navigation {    
    margin-bottom: 70px;
    padding: 15px;
}

@media (min-width: 768px) {
    #page-navigation {
    padding: 25px;
    margin-right: 30px;
}   
}

/*
 *
 * Seite
 *
 */

#page {
    background-color: #fff;    
    margin-bottom: 10px;
    padding: 15px;
}

@media (min-width: 768px) {
    #page {
    padding: 25px;
    margin-right: 30px;
}   
}

/*
 *
 * Artikel
 *
 */

#single-article {
    background-color: #fff; 
    padding: 30px;
    margin-bottom: 30px;
}

#single-article h1,
#page h1 {
    margin-top: 0;   
    font-size: 28px;
    font-weight: 400;
    
}

#single-article h2,
#page h2 {
    font-size: 24px;
    font-weight: 400;
    
}

#single-article h3,
#page h3 {  
    font-size: 20px;
    font-weight: 400;
    
}

/*
 *
 * Fehlerseite
 *
 */

#header-main-404 > h1 {
    font-size: 26px;   
}

#header-main-404 > h1 > span {
    color: #802A24;  
}

#header-main-404 > p {
    font-size: 18px;   
}

#content-wrapper-404 {
    background-color: #fff;
}

#content-wrapper-404 h1 {
    margin-top: 30px;
    color: #802A24;
    font-size: 30px;
}

#content-wrapper-404 h2 {
    margin-bottom: 45px;
    font-size: 24px;
}

.sidebar-404 {
    background-color: #fff !important;   
}



/*
 *
 * Fuszzeile
 *
 */

footer {
    padding: 30px;   
}

footer p {
    margin: 0;   
}

footer a {
    color: inherit;   
    padding: 5px;
    display: inline-block;
}