/*   
Theme Name: Karsten + Chudoba
Description: Your child theme description text...
Author: zeitstil design und text GbR, Matthias Marsen, Nicole Schult-Marsen
Author URI: http://www.yourdomain.com/
Template: tatami
Version: 1.0
Tags: Tatami Child Theme
*/

/* Imports the stylesheet from the Tatami parent theme */
@import url('../tatami/style.css');

/* Now you can start adding your own styles here. Use !important to overwrite styles if neccessary. */




/*-----------------------------------------------------------------------------------*/
/*	Basic Structure
/*-----------------------------------------------------------------------------------*/

body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 75%;
  color:#343332; 
}

/* Header wird in Desktop-Ansicht ausgeblendet - Einblendung fuer mobile Ansichten s.u. */ 
#site-header {
 display: none; 
} 

/* Inhaltsbereich beginnt weiter unten */
#content  {
	padding: 96px 0 0 0;
	background: url(images/hg-signet.gif) no-repeat 0 100px;
	background-size: 100% auto; 
    min-height: 690px;
}

/* Inhaltsbereich auf der Startseite beginnt weiter oben */
body.home #content  {
	padding: 20px 0 0 0;
	background: url(images/hg-signet.gif) no-repeat 0 100px;
    min-height: 690px;
}

/* Signet mit Pluszeichen als BG-Image in der rechten Spalte */
.sidebar-right {
background: transparent url(images/ks-signet.gif) no-repeat top right;
}






/*-----------------------------------------------------------------------------------*/
/*	Blog-Box auf Startseite
/*-----------------------------------------------------------------------------------*/


/* Container fuer den aktuellen Blog-Beitrag */
.blog-box {
width: 90%;
border: 1px solid #bbb;
padding: 5%;
}

/* Headline fuer die gesamte Blog-Box */
.blog-box p.blog-headline {
font-weight: bold;
}


/* einzelne Artikel */
.blog-box .blog-items {
 border-bottom: none;
 margin: 0;
 padding: 0;
}

/* Titel des Beitrages */
.blog-box .blog-items h3 {
font-weight: bold;
font-size: 108.33%;
margin-bottom: 0.5em;
}

/* Angabe von Autor + Datum */
.blog-box .autor,
.blog-box .date {
color: #999;
font-size:11px;
font-size:0.6875rem;
font-style: italic;
margin-bottom: 0.5em;
}

.blog-box .blog-items p {
margin-bottom: 0;
padding-bottom: 0;
}

/* allgemeine Likformatierung */
.blog-box a  {
color: #a8b341;
text-decoration: none;
}


/* Default-mehr-Link im Teaser ausblenden */
a.rssmi_more {
display: none;
}





/*-----------------------------------------------------------------------------------*/
/*	Artikel
/*-----------------------------------------------------------------------------------*/

/* ########################## Teaserseiten ############################# */

/* Container fuer Headline auf Kategorieseiten */
header.page-header {
margin: 0;
padding: 1em 0 1em 1.5em;
background: transparent !important;
}

/* Headline mit Kategorieangabe auf Kategorieseiten */
.page-header h2.page-title {
	margin:0;
	padding:0;
	font-size:16px;
	font-size:1rem;
	line-height:1;
	color:#666;
	font-weight:bold;
	font-style:normal;
}

article {
border-bottom: none;
background: transparent !important;
margin: 0 0 1em 0;
padding: 0;
}


/* Teaserabstaende */
article .entry-content {
margin: 0;
padding: 0;
}



/* Artikelheadlines */
article h3.entry-title {
margin: 0;
padding: 0;
width: 85%;
}

/* Autorenangabe unter Headline */
article header p.autor {
font-weight: normal;
color: #999;
font-size:11px;
font-size:0.6875rem;
}

/* weiterlesen-link */
article .entry-content a.more-link {
display: block;
font-size:12px;
font-size:0.75rem;
line-height:1.5;
color: #666;
text-transform: none;
font-weight: normal !important;
text-decoration: underline !important;
letter-spacing: 0 !important;
}

article .entry-content a.more-link:hover {
color: #000 !important;
}







/* ########################## Detailseiten ########################## */

article header.entry-header {
margin: 0;
padding: 1em 0 1em 1.5em;
background: transparent !important;
}

.entry-header h1.entry-title {
margin: 0;
padding: 0;
font-size:18px;
font-size:1.125rem;
width: 85%;
}


/* Meta-Angaben unter Artikel */
footer.entry-meta {
border: none;
margin: 0;
padding: 0;
}

/* zurueck-link */
li.entry-cats {
margin-top: 1.5em;
font-size:12px;
font-size:0.75rem;
line-height:1.5;
color: #666 !important;
font-style: normal !important;
}

li.entry-cats a {
text-decoration: underline;
color: #666 !important;
}

li.entry-cats a:hover {
color: #000 !important
}

/* related posts */

.related-posts ul {
list-style-type: none;
margin-left: 3.75em;
}



/* pre wird fuer die Downloadlinks verwendet */
pre {
font-family: Arial, Verdana, Helvetica, sans-serif;	
padding: 0 0 1em 1.20em;
font-size:12px;
font-size: 0.75rem; 
background: none;
border: none;
color: #343332;
margin: 0;
word-wrap: break-word;
overflow: hidden;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
   
 }
 
/* Formatierung Downloadlink */
pre a {
margin-left: 2.5em;
padding: 0 0 1em 2em;
background: transparent url(images/pdf.gif) 0 0 no-repeat;
word-wrap: break-word;
display: block;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}


/* Schlagworte */
li.entry-tags {
margin-left: 1.5em;
font-size:12px;
font-size:0.75rem;
color: #999;
font-weight:bold;
font-style: normal !important;
}

/* Formatierung Schlagwortlink */
li.entry-tags a {
font-weight:normal;
text-decoration: underline;
color: #666 !important;
}

li.entry-tags a:hover {
font-weight:normal;
text-decoration: underline;
color: #000 !important;
}




/*-----------------------------------------------------------------------------------*/
/*	Headlines / Text 
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
color:#666;
font-weight: bold;
text-rendering: optimizeLegibility;
line-height:1.35;
}

h1 {font-size: 150%; color: #393f46; padding-left: 15px; margin-bottom: 1.6em;}                        /* 18px */
h2 {font-size: 108.33%; padding-left: 15px; margin-bottom: 1.5em;}         /* 13px */
h3 {font-size: 108.33%; color: #a8b341;}                        /* grüne Headline, z.B. Leistungsübersicht, 13px */
h6 {font-size:116.67%; font-style:italic}  /* 14px */
  
 
 /* ++++++++++++++++ Headline-Specials ++++++++++++++++++++++ */
 
 /* Headline fuer die Downloads */
  h4 {
padding: 0 0 0 1.5em;
font-size:12px;
font-size:0.75rem;
color: #999;
font-weight:bold;
font-style:normal;
}

/* Text fuer die Download-Links */

h5 {
font-family: Arial, Verdana, Helvetica, sans-serif;	
padding: 0 0 1em 1.20em;
font-size:12px;
font-size: 0.75rem; 
background: none;
border: none;
color: #343332;
margin: 0;
font-weight: normal;
}

h5 a {
margin-left: 2.5em;
padding: 0 0 1em 2em;
background: transparent url(images/pdf.gif) 0 0 no-repeat;
display: block;
}

/* Headlines in den gruenen Boxen der Leistungspakete */

div.green-box h1 {font-size: 150%; color: #a8b341; padding-left: 0px; margin-bottom: 1em;} 

div.green-box h2 {font-size: 108.33%; padding-left: 0px; color: #a8b341;margin-bottom: 1em;}         
  

  /* Posts Typography */
.entry-content p,
.entry-summary p {
	margin:0 0 1.5em 0; 
	text-align: justify;
	font-size:12px;
    font-size:0.75rem;
	line-height:1.5;
}


/*-----------------------------------------------------------------------------------*/
/*	Navigationen 
/*-----------------------------------------------------------------------------------*/



/* --- Topnavigation --- */

.widget_nav_menu .menu-topnavigation-container ul#menu-topnavigation {
margin: -10px 0 0 0;
padding: 0;
float: left;
}

.widget_nav_menu .menu-topnavigation-container ul#menu-topnavigation li.menu-item {
float: left;
font-size:11px !important;
font-size:0.6875rem !important;
margin-right: 0.75em !important;
}

.widget_nav_menu .menu-topnavigation-container ul#menu-topnavigation li.menu-item a {
color: #393f46;
}

.widget_nav_menu .menu-topnavigation-container ul#menu-topnavigation li.current-menu-item a {
color: #000;
}

.widget_nav_menu .menu-topnavigation-container ul#menu-topnavigation li.menu-item a:hover {
color: #000;
}


/* --- Hauptnavigation - erste Ebene --- */


.widget_nav_menu .menu-hauptnavigation-container {
margin-top: -35px;
}



.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item {
	width: auto;
	float:none;
	padding:0 0 6px 0px;
	list-style:none;
	font-size:31px;
    font-size:1.9375rem;
	line-height:1em;
	font-weight: bold;
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item a {
color: #000;
display: block; 
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item a:hover {
color: #666;
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.current-menu-item a,
.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.current-menu-parent a {
color: #666;
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.current-menu-parent a

.widget_nav_menu ul li:last-child {
	padding:0;
}


/* --- Hauptnavigation - zweite Ebene --- */



.widget_nav_menu ul li.menu-item .sub-menu {
	margin: 0;
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.menu-item {
	margin:0 0 0px 0;
	padding: 0;
	line-height: 0.65em;
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.menu-item a {
	padding:0;
	margin: 0;
	color: #666;
	font-size:12px;
    font-size:0.75rem;
	font-weight: normal;
	 display: block;
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.menu-item a:hover,
.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.menu-item a:active,
.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.menu-item a:focus,
.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.current-menu-item a {
	color: #a8b341;
	font-weight: bold;
	
}


/* Submenu wird erst angezeigt, wenn Parent aktiviert  */
.menu-item-object-page .sub-menu { display: none; }

.current_page_item .sub-menu, 
.current_page_parent .sub-menu { display: block; }



/* --- Hauptnavigation - dritte Ebene --- */

.widget_nav_menu ul li.menu-item .sub-menu {
	margin: 0;
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.menu-item .sub-menu li.menu-item {
	margin:0;
	padding: 0 0 0 0.35em;
	line-height: 0.55em;
}

.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.menu-item .sub-menu li.menu-item a {
	padding:0;
	margin: 0;
	color: #666;
	font-size:12px;
    font-size:0.75rem;
	font-weight: normal;
	display: block; 
}


.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation li.menu-item .sub-menu li.menu-item .sub-menu li.menu-item a:hover {
	color: #000 !important;
}




/* Submenu wird erst angezeigt, wenn Parent aktiviert */
.sub-menu .sub-menu { display: none; }

.sub-menu .current_page_item .sub-menu  { display: block; }



/* dritte Ebene wird bei Anklicken der zweiten Ebene ausgeklappt */
.widget_nav_menu .menu-hauptnavigation-container ul#menu-hauptnavigation .current-menu-parent ul.sub-menu .current-menu-item ul.sub-menu  { 
display: block; 
}


/* dritte Ebene bleibt ausgeklappt, wenn angeklickt */

 .sub-menu .sub-menu .current-menu-item { }

/* ++++++++++++++++++++++ TEST +++++++++++++++++++++++++ */
li.menu-item-object-page ul.sub-menu .current-post-ancestor .current-menu-parent .current-post-parent {
color: red !important;
display: block !important;
}





/*-----------------------------------------------------------------------------------*/
/*	Searchforn
/*-----------------------------------------------------------------------------------*/

/* Formular nach oben schieben + Breite anpassen */
.sidebar-right #searchform {
margin-top: -40px;
width: 188px;
}


/* Formatierung Eingabefeld */
 #searchform #s {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px !important;
    font-size:0.6875rem !important;
	border: 1px solid #eff2cc;
	height: 0.75em;
	text-align: left;
}

/* Lupen-Icon ausblenden */
#searchform input#searchsubmit {
	display: none;
}



/*-----------------------------------------------------------------------------------*/
/*	Contact Form
/*-----------------------------------------------------------------------------------*/

#content .wpcf7-form p {
	margin:0 0 1.5em 0;
	padding:4px 0 0;
	font-size:13px;
	font-size:0.8125rem;
}

#content .wpcf7 input.wpcf7-text {
	display: block;
	width: 96%;
	margin: 4px 0 0;
	border: 1px solid #EFF2CC;
    padding: 4px 3px 4px 3px;
    background: #EFF2CC;
	font-family: Arial, sans-serif;
	font-size:12px;
    font-size:0.75rem;
	color:#666;
	line-height:1.6;
	-webkit-appearance: none;
	outline-color: transparent;
	outline-style: none;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
	     -o-transition: all 0.1s ease-in-out;
	        transition: all 0.1s ease-in-out;
}

#content .wpcf7 textarea {
	width:94%;
	margin: 4px 0 0;
	border: 1px solid #EFF2CC;
    padding: 4px 3px 4px 3px;
	background: #EFF2CC;
	font-family: Arial, sans-serif;
	font-size:12px;
    font-size:0.75rem;
	color:#666;
	line-height:1.6;
	-webkit-appearance: none;
	outline-color: transparent;
	outline-style: none;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
	     -o-transition: all 0.1s ease-in-out;
	        transition: all 0.1s ease-in-out;
}

#content .wpcf7 textarea {
	width:96%;
}	

#content .wpcf7 textarea:hover,
#content .wpcf7 input.wpcf7-text:hover,
#s:hover {
	background:#fcfcfc;
	border: 1px solid #999;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
	   -moz-box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
	        box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
}

#content .wpcf7 textarea:focus,
#content .wpcf7 textarea:active,
#content .wpcf7 input.wpcf7-text:focus,
#content .wpcf7 input.wpcf7-text:active,
#s:focus,
#s:active {
background: #fff;
cursor: pointer;
color: #666;
	-webkit-box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
	   -moz-box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
	        box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
}
#s:hover,
#s:focus,
#s:active {
	background:#fff !important;
}


input.wpcf7-submit {
	margin: 15px 0 5px;
	padding: 9px 17px;
	border:none;
	font-family: Arial, sans-serif;
	background: #BBBBBB !important;
	font-size:14px;
	font-size:0.875rem;
	color:#fff;
	cursor: pointer;
	-webkit-appearance: none;
	   -moz-border-radius: 50px;
	        border-radius: 50px;
	-webkit-transition: all 0.18s ease-in-out;
	   -moz-transition: all 0.18s ease-in-out;
	     -o-transition: all 0.18s ease-in-out;
	        transition: all 0.18s ease-in-out;
}

input.wpcf7-submit:hover {
background: #666 !important;
}




/*-----------------------------------------------------------------------------------*/
/*	Text-Widgets
/*-----------------------------------------------------------------------------------*/

/* Formatierung von Headlines, die im Widget-Block eingetragen werden - immer H3 */
.sidebar-right h3.widget-title { 
    margin: 0 0 10px 0;
	font-size:15px;
    font-size:0.9375rem;
	color: #000;
	text-transform: none;
	font-weight: bold;
	border-bottom: none;
    padding: 0;
    letter-spacing:1;
    text-rendering: optimizeLegibility;
	}

/* Absatzformatierung im Textwidget */
.sidebar-right .textwidget { 
    margin-bottom: 16px;
	font-size:12px;
    font-size:0.75rem;
	color: #000;
	}

.sidebar-right .textwidget a  {
color: #a8b341;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcodes
/*-----------------------------------------------------------------------------------*/


/* Abstaende aller Boxen nach unten verkleinern */
.two-columns-one,
.three-columns-one,
.four-columns-one,
div.divider {
margin-bottom: 0px;
}

/* two columns */

/* Block mit Text */
.two-columns-one {
 width:64%;
}

/* Block mit Bild - Floating vertauscht, dieser Code muss an erster Stelel stehen, damit Bild in mobiler Ansicht oberhalb des Textes erscheint  */
.two-columns-one.last {
float: right;
width:30.66666666666667%;
}


/* ++++++++++++++++++++++++++++ NEU 07.03.2016: two Columns: Special fur die Seite Kanzlei ++++++++++++++++++++++++++ */

/* linker Block */
body.page-id-119 .two-columns-one {
 width:48%;
}

/* rechter Block  */
body.page-id-119 .two-columns-one.last {
width: 48%;
}

/* Bilder in den Bloecken */
body.page-id-119 .two-columns-one img,
body.page-id-119 .two-columns-one-last img {
margin-bottom: 1.75em;
}





/* ++++++++++++++++++++++++ NEU 07.03.2016: three Columns Seite Leistungen: Hier kein Blocksatz ++++++++++++++++++++++ */


.entry-content .three-columns-one p,
.entry-content .three-columns-one.last p {text-align:left !important;}



/* four columns - wird zu zweispaltigen Boxen umfunktioniert */

.four-columns-one {
width: 47.5%;
margin-right: 4%;
}

/* green box - andere Bg-Color */

.green-box {
	background:#EFF2CC;
	border-bottom:none;
	padding: 0 0.5em 0.5em 0.5em !important;
	margin: O !important;
}

.green-box ul li {
 font-size:12px;
 font-size:0.75rem;
 }



/*-----------------------------------------------------------------------------------*/
/*	Newsletteranmelde-Formular - wird als Shortcode eingefügt
/*-----------------------------------------------------------------------------------*/

.widget_wysija input {
border: 1px solid #EFF2CC;
padding: 4px 3px 4px 3px;
background: #EFF2CC;
width: 60%;
}

.wysija-submit {
border: 1px solid #EFF2CC;
padding: 4px 15px 4px 15px;
background: #EFF2CC;
}

.wysija-submit:hover {
background: #EFF2CC;
cursor: pointer;
color: #666;
}



/*-----------------------------------------------------------------------------------*/
/* Linkformatierungen für die Leistungspakete 
/*-----------------------------------------------------------------------------------*/

a.m-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/m-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.m-paket:focus,
  a.m-paket:hover,
  a.m-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.w-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/w-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.w-paket:focus,
  a.w-paket:hover,
  a.w-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.g-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/g-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.g-paket:focus,
  a.g-paket:hover,
  a.g-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.h-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/h-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.h-paket:focus,
  a.h-paket:hover,
  a.h-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.k-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/k-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.k-paket:focus,
  a.k-paket:hover,
  a.k-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.d-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/d-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.d-paket:focus,
  a.d-paket:hover,
  a.d-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.u-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/u-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.u-paket:focus,
  a.u-paket:hover,
  a.u-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.b-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/b-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.b-paket:focus,
  a.b-paket:hover,
  a.b-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.v-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/v-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.v-paket:focus,
  a.v-paket:hover,
  a.v-paket:active {color:#a8b341; text-decoration:underline;}
  
  a.i-paket { height: 1.7em; display: block; color: #a8b341; background-image: url(images/i-signet.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; margin-top: 0.8em; margin-bottom: -1.2em;  }
  a.i-paket:focus,
  a.i-paket:hover,
  a.i-paket:active {color:#a8b341; text-decoration:underline;}



/*-----------------------------------------------------------------------------------*/
/*	Special Sitemap-Seite 
/*-----------------------------------------------------------------------------------*/

body.page-id-24 .entry-content h2 {
margin-bottom: 0.5em;
}

body.page-id-24 .entry-content ul {
list-style-type: none;
margin: 0.5em 0 0 2.5em;
}

body.page-id-24 .entry-content ul li {
list-style-type: none;
}



/*-----------------------------------------------------------------------------------*/
/*	Responsiveness
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	specials min-width 1260px
/*-----------------------------------------------------------------------------------*/


@media screen and (min-width: 1260px) {


/* Basic Structure */
.container,
.site-title {
	max-width:1260px;
	margin-left:auto;
	margin-right:auto;
}


/* Off Canvas: Definition der Spaltenbreiten */

[role="banner"] {
	position: relative !important;
	width: 100% !important;
	left:0 !important;
	background:#fff;
}

.container [role="navigation"] {	
	margin-left: 2.083333333333333% !important; /* 30px on 1440px screen */
    margin-left: 0 !important; /* 30px on 1440px screen */
	margin-right: 2.083333333333333% !important;
	margin-right: 4.583333333333333% !important; /* ########################### NEU ##################### */
	margin-top:0 !important;
	margin-bottom:0 !important;
	width:20.05555555555556% !important; /* NEU */
	float:left;
	text-align: right; /* NEU */
	padding-top: 20px; /* NEU */
}

[role="main"] {
	position: relative;
	width: 42.77777777777778% !important; /* NEU */
	width: 43.77777777777778% !important; /* NEU */
	margin-top:0 !important;
	margin-left: 0 !important;
	float: left !important;
}

[role="complementary"] {
	position:relative !important;
	height:auto !important;
	width: 18.83333333333333% !important; /* 300px on 1440px screen */
    width: 19.83333333333333% !important; /* 300px on 1440px screen */
	margin-left: 0 !important; /* NEU*/
	margin-left: 2.083333333333333% !important; /* 30px on 1440px screen NEU ######################################## */
    margin-left: 1.083333333333333% !important; /* 30px on 1440px screen NEU ######################################## */
	margin-right: 0 !important;
}

/* Inhaltsbereich beginnt weiter unten */
#content  {
	padding: 96px 0 0 0;
	background: url(images/hg-signet.gif) no-repeat 0 100px;
	background-size: 100% auto; /* fuer responsive nur 90% s.u. */
    min-height: 690px;
}

.entry-content {
background: transparent;
border-bottom: none !important;
width: 95%; /*   fuer responsive nur 85% s.u. */
}


}

	


/*-----------------------------------------------------------------------------------*/
/*	specials max-width 1260px
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1260px) {

/* Formular nach oben schieben + Breite anpassen */
.sidebar-right #searchform {
margin-top: -30px;
}


/* linke Sidebar mit Logo wird ausgeblendet */
.sidebar-left {
display: none;
}


 /* Inhaltsbereich beginnt weiter unten */
#content  {
	padding: 0 10px 0 10px;
	padding: 60px 10px 0 10px !important;
}



/* Inhaltsberich auf der Startseite beginnt weiter oben */
body.home #content  {
	padding: 0;
}

 
/* Header wird wieder eingeblendet */
 #site-header {
 display: block;
 background:#fff;
 overflow:hidden; 
 margin: 0 0 0 -60px;
 padding:0;
 width: auto;
} 


/* Logo-Bereich */
.site-title  {
	min-height: 90px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	display: block;
	text-align: center;
	}
	
/* Custom Logo */
.site-title a.logo {
	max-width:100%;
}

/* Logo in der Sidebar ausblenden */
	#logo {
	display: none;
	}

	
	
/* Seitentitel ausblenden */
.site-title h1.title {
display: none;
}

.menu-item,
.sidebar-item {
	/* background: #ccc; */
	background: #fff; 
}


/* ++++++++++++++++++++++++++++ NEU 07.02.2016: two Columns: Special fur die Seite Kanzlei ++++++++++++++++++++++++++ */

/* linker Block */
body.page-id-119 .two-columns-one {
 width:100%;
}

/* rechter Block  */
body.page-id-119 .two-columns-one.last {
width: 100%;
}

body.page-id-119 .two-columns-one p,
body.page-id-119 .two-columns-one-last p {
padding-top: 10px;
}




	
/* +++++ OffCanvas +++++ */



/* Hintergrund Navigations- + Sidebar-Button */ 
.off-canvas-nav,
.js .off-canvas-nav {
	/* background:red !important; */
	background: #fff !important; 
}

.js .menu-button {
	background-color:#ccc !important;
    display: none !important; 
}


.js .menu-button a,
.js .sidebar-button a {
	color: #000 !important;
	}
	
	
.js .sidebar-button {
	margin-top: 75px;
	margin-bottom: 0px;
	margin-right: 0px;
	background:#fff url(images/sidebar-btn.png) 50% 0 no-repeat !important;
}


	
/*-----------------------------------------------------------------------------------*/
/*	Shortcodes
/*-----------------------------------------------------------------------------------*/

/* Block mit Text soll die gesamte Breite einnehmen */
.two-columns-one {
	width:100%;
}

/* Block mit Bild soll die gesamte Breite einnehmen */
.two-columns-one.last {
	width:100%;
}

.four-columns-one {
	width:100%;
}

/* Block mit Bild soll die gesamte Breite einnehmen */
.four-columns-one.last {
	width:100%;
}
}




/* Minimum width of 1080 pixels (tablet landscape)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 1080px) {


/* Header wird wieder eingeblendet */
 #site-header {
 display: block;
 overflow:hidden; 
 margin: 0 0 0 260px;
 padding:0;
 width: auto;
} 


/* Logo-Bereich */
.site-title  {
	min-height: 90px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	display: block;
	}
	
/* Custom Logo */
.site-title a.logo {
	max-width:100%;
}

#content {
padding-top: 60px !important;
}




}



/* Minimum width of 1024 pixels (tablet landscape)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 1024px) {



/* Header wird wieder eingeblendet */
 #site-header {
 display: block;
 overflow:hidden; 
 margin: 0 0 0 0px;
 padding:0;
 width: auto;
} 


/* Logo-Bereich */
.site-title  {
	min-height: 90px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	display: block;
	text-align: center;
	}
	
/* Custom Logo */
.site-title a.logo {
	max-width:100%;
}

#content {
padding-top: 0px !important;
}



}


/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {

/* Logo-Bereich */
.site-title  {
	min-height: 90px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	display: block;
	}


}


/* Minimum width of 568 pixels (iPhone 5 landscape)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 568px) {

/* Header wird wieder eingeblendet */
 #site-header {
 display: block;
 background:#fff;
 overflow:hidden; 
 margin: 0 0 0 -40px;
 padding:0;
 width: auto;
} 


/* Logo-Bereich */
.site-title  {
	min-height: 50px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	display: block;
	}
	
/* ++++++++++++++++ NEU 07.03.2016: Bilder in den Bloecken +++++++++++++++ */
body.page-id-119 .two-columns-one img,
body.page-id-119 .two-columns-one-last img {
float: none;
display: block;
max-width: 100%;
height: auto;
margin-bottom: 1em !important;
}

/* ++++++++++++++++ NEU 07.03.2016: Absaetze in den Bloecken +++++++++++++++ */
body.page-id-119 .two-columns-one p,
body.page-id-119 .two-columns-one-last p {
margin-bottom: 1.75em;	
}
/* +++++ OffCanvas +++++ */

.js .sidebar-button {
	background-color:#fff !important;
	margin-top: 65px;
	margin-bottom: 0px;
	margin-right: 0;
}




}



/* Minimum width of 480 pixels (smartphone landscape)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 480px) {


 
 /* Header wird wieder eingeblendet */
 #site-header {
 display: block;
 background:#fff;
 overflow:hidden; 
 margin: 0 25px 0 -60px;
 padding:0;
 width: auto;
} 

/* Logo-Bereich */
.site-title  {
	min-height: 50px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	display: block;
	}


/* +++++ OffCanvas +++++ */

.js .sidebar-button {
	background-color:#fff !important;
	margin-top: 65px;
	margin-bottom: 0px;
	margin-right: 0;
}



}



/* Minimum width of 320 pixels (iPhone 3+4 portrait)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 320px) {


 
 /* Header wird wieder eingeblendet */
 #site-header {
 display: block;
 background:#fff;
 overflow:hidden; 
 margin: 0 25px 0 -35px;
 padding:0;
 width: auto;
} 


/* Logo-Bereich */
.site-title  {
	min-height: 40px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	display: block;
	}
	
	

/* +++++ OffCanvas +++++ */

.js .sidebar-button {
	background-color:#fff !important;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-right: 10px;
}



}