/*
Theme Name: stueckemann
Theme URI: https://wordpress.org/themes/twentyfifteen
Author: sagner-heinze + the WordPress team
Author URI: https://wordpress.org/
Description: Theme von stueckemann.com (2015) - Basierend auf twentyfifteen.
Text Domain: twentyfifteen

*/
/*@import url(https://fonts.googleapis.com/css?family=Exo+2:400,300,600,700,300italic,400italic);*/

/* Icon Font */
.iconfont {
font-family: "stueckemann_iconfont";
font-style: normal;
font-weight: normal;
speak: none;
color: #6d6d6d;	
}


/* Basics */
body {
font-family: 'exo_2light', /*'Exo 2', */sans-serif;
background-color: #fff;
font-size: 15px;
line-height: 1.6;
/*font-weight: 300;*/
margin: 0;
padding: 0;
color: #6d6d6d;
}

#wrapper {
background-color: #f6f3ee;
}

#page {
	
}

.container {
width: 980px;
margin: 0 auto;
position: relative;
}

#header {
background: #e9e0d3;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
padding-top: 20px;
}

#logo {
border: 1px solid #b19369;
background-color: #fff;
margin-bottom: 20px;
}
#logo h1 {
margin: 0;
padding: 0;
}
#logo a {
height: 100px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
display: block;
background-position: center center;
}

.entry-content {
word-wrap: break-word;
font-size: 16px;
line-height: 1.8;
}

/* Navigation */
.main_nav {
border-top: 1px solid #b19369;
border-bottom: 1px solid #b19369;
background-color: #fff;
line-height: 50px;
position: relative;
}

.main_nav ul {
width: auto; /*810px*//*780px*/
padding: 0;	
text-align: center;
display: block;
margin: 0 auto;
}

.main_nav li {
/*float: left;*/
display: inline-block;
margin: 0 15px;
}

.main_nav li a {
color: #6d6d6d;
text-decoration: none;	
text-transform: uppercase;
font-size: 110%;
}

.main_nav li a:hover {
color: #b19369	
}

.main_nav li.current_page_item a {
font-weight: 600;
color: #b19369;
}

.sub-menu li.menu-item a {
font-weight: 300;
color: #6d6d6d;
}

/* Dropdown */
ul.main_nav ul {
display: none;
} 

ul.main_nav li:hover ul {
display: block;
} 

ul.sub-menu {
width: auto;
position:absolute;
opacity:0;
transition:opacity linear 0.15s;
box-shadow:0px 2px 3px rgba(0,0,0,0.2);
border-right: 1px solid #b19369;
border-left: 1px solid #b19369;
border-top: 1px solid #b19369;
background: #fff;
margin-left: -21px;
float: left;
line-height: 40px;
}

ul.sub-menu li {
border-bottom: 1px solid #b19369;
display: block;
width: auto;
padding: 0px 20px;
margin: 0;
float: none;
}

ul.sub-menu li a {
color: #6d6d6d;
text-decoration: none;	
text-transform: none;
font-size: 100%;
}

ul.sub-menu li a:hover {
color: #b19369	
}

ul.sub-menu li.current_page_item a {
font-weight: 500;
color: #b19369;
}

.current-menu-parent > a {
color: #b19369 !important;
font-weight: 600;
}

.main_nav li:hover ul.sub-menu {
z-index:1;
opacity:1;
}

/* Rechtsgebiete Dropdown zweispaltig */
.menu-item-rechtsgebiete ul.sub-menu {
width: 530px;
border-bottom: 1px solid #b19369;
}

.menu-item-rechtsgebiete ul.sub-menu li {
width: 264px;
float: left;
text-align: center;
padding: 0;
margin: 0;
border-bottom: 1px solid #b19369;
border-right: 1px solid #b19369;
}
.menu-item-rechtsgebiete ul.sub-menu li:last-child {
border-bottom: none;
}
.menu-item-rechtsgebiete ul.sub-menu li:nth-child(2n) {
border-right: none;	
}

/* Has Children */
.menu-item-has-children > a:after {
content: "›";
font-size: 18px;
font-weight: 600;
text-align: center;
display: inline-block;
width: 10px;
height: 20px;
line-height: 20px;
margin: 0 -5px 5px 8px;
transform-origin: 50% 50%;
-webkit-transform: translateZ(0px);
-webkit-font-smoothing: subpixel-antialiased;
}

.menu-item-has-children:hover > a:after {
transform: rotate(90deg) ;
-webkit-transform: rotate(90deg) ;
-moz-transform: rotate(90deg) ;
-o-transform: rotate(90deg) ;
-ms-transform: rotate(90deg) ;
}

/* Footer */
#footer {
background: #fff;
padding: 20px 0;
border-top: 1px solid #b19369;
}

.footer_nav ul {
overflow: auto;
}

.footer_nav ul li {
float: left;
margin-right: 20px;
}

#footer .col_2 {
text-align: right;
padding-top: 40px;
}

#footer .col_2 img {
width: 50px;
height: auto;
}

/* Cols */
.content {
width: 980px;
margin: 20px 0;	
}

.col {

}

.cols_3_1 .col_1 {
width: 640px;
float: left;
margin: 20px 60px 40px 0;	
}

.cols_3_1 .col_2 {
width: 280px;
float: left;
margin: 0;	
}

.cols_2_1 .col_1 {
width: 560px;
float: left;
margin: 0 20px 0 0;
}

.cols_2_1 .col_2 {
width: 400px;
float: left;
}

.cols .col_last {
margin: 0 0 0 0;
}

/* Slider */
.slider {
background-color: #fff;	
border-bottom: 1px solid #b19369;
overflow: hidden;	
}

.slider img {
display: block;
}

.slider_caption_left {
bottom: 40px;
left: 40px;
position: absolute;
z-index: 500;
max-width: 340px;
}
.slider_caption_right {
bottom: 40px;
right: 40px;
position: absolute;
z-index: 500;
max-width: 340px;
}

.slider_text {
background-color: #b19369;	
padding: 10px 20px;
text-align: left;
font-weight: 200;
font-size: 120%;
color: #FFFFFF;
}

.bx-wrapper {
max-width: 100%!important;
margin-bottom: 40px;
}

.bx-wrapper .bx-viewport {
background: none repeat scroll 0 0 transparent;
border: none;
box-shadow: none;
left: 0px;
z-index: 0;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: relative;
width: 100%;
margin-top: -30px;
}

.bx-wrapper .bx-pager.bx-default-pager a { 
background: #6d6d6d;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { 
background: #b19369;
}

.headerimg {
background-color: #fff;	
border-bottom: 1px solid #b19369;
overflow: hidden;
height: 420px;
}

/* Sidebar */
.sidebar_element {
background-color: #fff;
border: 1px solid #b19369;
margin: 20px 0px;
padding: 20px;
position: relative;
}

.sidebar_element:first-child {
margin-top: 100px;
}

.sidebar_element h3 {
margin-top: 0px;
cursor: pointer;
}

.sidebar_element .sidebar_title {
width: 330px;
float: left;
}

.sidebar_element .sidebar_toggle {
width: 25px;	
float: left;
margin-top: -3px;
font-size: 130%;
text-align: right;
cursor: pointer;
}

.sidebar_element .sidebar_text {
display: none;
}


/*
.sidebar {
margin-top: 60px;
margin-bottom: 60px;
}

.sidebar h3 {
margin: 0px;
padding: 0px;
}

.sidebar_element {
background-color: #fff;
border: 1px solid #b19369;
margin: 20px 0px;
padding: 20px;
position: relative;
}

.sidebar_icon {
position: absolute;
right: 20px;
bottom: 0;
}

.sidebar_icon img {
width: 50px;
height: 50px;
float: right;
}*/

/* Ansprechpartner */
.contacts {
background-color: #fff;
border: 1px solid #b19369;
margin: 40px 0px;
padding: 20px 20px 0px 20px;
}

.contact {
margin: 20px 0;
}

.contacts_image {
background-color: #b19369;
float: left;
width: 80px;
height: 100px;	
margin: 5px 20px 20px 0;
}

.contacts_image img {
float: left;
width: 80px;
height: 100px;	
margin: 0 20px 20px 0;
}

.contacts_text {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.contacts_text p, h3 {
margin: 0px;
}

.contacts_person {
float: left;
width: 138px;
}

/* Teaser */
#teaserbox .col {
width: 300px;
float: left;
margin-right: 40px;	
}

#teaserbox .col_last {
margin-right: 0;
}

#teaserbox h2 {
margin-bottom: 0px;
}

.teaser {
background-color: #fff;
border: 1px solid #b19369;
margin: 20px 0px;
padding: 20px;
/*word-wrap: break-word;*/
hyphens: auto;
position: relative;
}

.teaser h3 {
margin: 0px;
padding: 0px;
}

.teaser_icon {
position: absolute;
right: 20px;
bottom: 0;
}

.teaser_icon img {
width: 50px;
height: 50px;
float: right;
}

/* Accordion */
section {
margin: 20px 0px;
}

.accordion_items {
border-top: 2px solid #b19369;	
}

.accordion_item {
border-bottom: 2px solid #b19369;
padding: 10px 0;
display: inline-block;
}

.accordion_item.show-item {
border-bottom: 2px solid #b19369;
}

.accordion_item .accordion_title h3 {
cursor: pointer;
margin: 0;
}

.col_1 .accordion_item .accordion_title {
width: 600px;
float: left;
}
.accordion_item .accordion_title {
width: 940px;
float: left;
}

.accordion_item .accordion_toggle {
width: 40px;	
float: left;
margin-top: 0px;
font-size: 130%;
text-align: right;
cursor: pointer;
}

.accordion_item .accordion_text {
display: none;
padding: 20px 0;
}

/* Lebenslauf */
.curriculum_vitae {
border-left: 3px solid #b19369;
padding: 1px 0px 1px 30px;
}

.curriculum_vitae_item {
margin: 20px 0;
}

.curriculum_vitae_item h3 {
margin: 0;
padding: 0;
}

/* RSS */
.rss_item {
margin: 20px 0px;
border-top: 1px solid #b19369;
padding-top: 20px;
}

.rss_link {
/*background-color: #b19369;
padding: 5px 10px;*/
display: inline-block;
color: #fff;
}
.rss_link a {
color: #fff;
}

audio::-webkit-media-controls-play-button {
  background-color: rgba(0, 0, 0, 0.99);
}

/* L */
.clearlist {
margin: 0;
padding: 0;
}

.clearlist li {
list-style-type: none;	
}

.entry-content ul,
.sidebar_text ul,
.accordion_text ul {
margin: 0;
padding: 0;
}
.entry-content ul li,
.sidebar_text ul li,
.accordion_text ul li {
list-style-type: none;
line-height: 22.5px;
display: table-row;
}
.entry-content ul li:before,
.sidebar_text ul li:before,
.accordion_text li:before {
content: "▩";
color: #b19369;
font-size: 50%;
padding-right: 6px;
display: table-cell;
vertical-align: top;
}

/* Fonts */
.subline {
font-size: 145%;
width: 85%;
}

h1 {
font-weight: 200;
font-size: 200%;
color: #b19369;
}
h1.entry-title {
margin-bottom: 0px;
}

h2 {
font-weight: 200;
font-size: 170%;
color: #b19369;
}

h3 {
font-weight: 400;
font-size: 120%;
text-transform: uppercase;
color: #b19369;
}

h4 {
font-weight: 200;
font-size: 100%;
color: #b19369;
margin: 0px;
margin-top: -5px;
padding: 0px;
}

/* Diverses */
a {
color: #b19369;
text-decoration: none;
}

a.more_btn {
font-weight: 600;
}
a.more_btn:before {
content: '+ ';
}

p {
margin: 15px 0px;	
}

table {
width: 100%
}
td {
padding: 0 10px 0 0;
vertical-align: top;
}

iframe {
width: 100%;
}

blockquote {
font-size: 120%; /*
border-left: 5px solid #b19369;
padding: 5px 0px 5px 20px;*/
margin-left: 0px;
}/*
blockquote:before {
color: #b19369;
content: open-quote;
font-size: 250%;
vertical-align: middle;
margin-right: 15px;
}*/
blockquote p {
display: inline;
}

.alignleft {
float: left;
margin-right: 20px;
}

.alignright {
float: right;
margin-left: 20px;
}

.sep {
margin: 0 10px;
}

.clear {
clear: both;	
}

.hidden {
display: none;	
}

.nodesktop {
display: none;	
}

/* Umzug Seite / page-move */
.page-move #header {
    padding-bottom: 30px;
}

.page-move #logo {
    margin-bottom: 0;
}

.page-move .headerimg {
    border-top: 1px solid #b19369;
    border-bottom: none;
    background-color: transparent;
    text-align: center;
    height: auto;
}

img.move-img {
    width: 100%;
    height: auto;
}

img.logo-fusion {
    width: 100%;
    max-width: 390px;
    height: auto;
    margin: 30px auto 0;
}

.page-move #main .entry-content {
    border: 1px solid #b19369;
    text-align: center;
    background: #fff;
    margin: 2rem auto;
    padding: 3rem 1rem;
}




/* Retina */
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {

}


/* Tablet */
@media screen and (max-width: 1024px) {

body {
width: 1020px;
}

}


/* Mobile */
@media screen and (max-width: 750px) {
body {
width: 100%;
font-size: 15px;
border-top: 1px solid #fff;
}

#wrapper {
position: relative;
overflow: hidden;
width: 100%;
}

.container {
width: auto;
padding: 0;
margin: 0 20px;	
}

#logo a {
background-size: 90%;
}

/* Navigation */
.nav {
padding: 0;
margin: 0;
}

.nav_toggle {
display: block;
background-color: #fff;
line-height: normal;
font-weight: 600;
font-size: 110%;
text-transform: uppercase;
padding: 10px 0;
}

.main_nav ul {
display: none;
padding: 0 0 0 20px;
margin: 0 0 0 -20px; 
width: 100%;
text-align: left;
}

.main_nav li {
display: block;
float: none;
}

.main_nav ul li {
border-top: 1px solid #b19369;
padding: 0 0 0 20px;
margin: 0 -20px 0 -20px;
}

.main_nav li a {
display: block;
}

.main_nav li li {
padding: 0;
margin: 0;
}

.sub-menu {
display: none;
}

.menu-item-has-children > a:after {
display: none;
}

/* Footer */
#footer .col_2 {
text-align: left;
padding-top: 0px;
}

.footer_nav {
margin: 20px 0px;
}

.footer_link_call {
display: inline-block;	
text-transform: uppercase;
font-size: 90%;
}

.footer_link_call:before {
content: "\e80d";
width: 30px;
line-height: 30px;
height: 30px;
color: #b19369;
background: #fff;
border: 1px solid #b19369;
display: inline-block;
text-decoration: none;
text-align: center;
margin-right: 20px;
font-family: "stueckemann_iconfont";
}

.footer_link_mail {
display: inline-block;	
text-transform: uppercase;
font-size: 90%;
margin-top: 20px;
}

.footer_link_mail:before {
content: "\e80e";
width: 30px;
line-height: 30px;
height: 30px;
color: #b19369;
background: #fff;
border: 1px solid #b19369;
display: inline-block;
text-decoration: none;
text-align: center;
margin-right: 20px;
font-family: "stueckemann_iconfont";
}

/* Cols */
.content {
width: auto;
margin: 0 0 20px 0!;	
}

.cols .col {
width: 100%;
float: none;
margin: 0 0 10px 0;	
}

/* Slider */
.slider_caption_right,
.slider_caption_left {
display: none !important;
}

.slider .container {
margin: 0px!important;	
height: 100%;
}

.slider {
width: auto !important;
height: 100%;
}

.slider img {
width: 100%;
height: auto;	
}

.post-thumbnail {
width: 100%!important;
}

.headerimg .container {
margin: 0px!important;
margin-bottom: -20px!important;
}

.headerimg {
width: auto!important;
height: 100%;
}

.headerimg img {
width: 100%;
height: auto;	
}
    
/* page move / Umzug */
    
.page-move .headerimg {
    overflow: visible;
    padding: 0 20px;
}
.page-move .entry-content img {
    max-width: 370px;
}

/* Sidebar */
.sidebar {
margin: 0 auto;
}
.sidebar_element:first-child {
margin-top: 40px;
}

.sidebar_element .sidebar_title {
width: 80%;
}
.sidebar_element .sidebar_title h3 {
hyphens: auto;
}

.sidebar_element .sidebar_toggle {
width: 20%;	
}

/* Teaser */
#teaserbox .col {
float: none;
width: auto;
margin: 0;
}

/* A */
.accordion_item {
display: block;	
}

.col_1 .accordion_item .accordion_title,
.accordion_item .accordion_title {
width: 85%;
}
.accordion_item .accordion_toggle {
width: 15%;
}

.accordion_item .accordion_content img {
width: 85%;
height: auto;
}

/* Diverses */
img {
width: 100%;
height: auto;
}

.nodesktop {
display: block;	
}

.nomobile {
display: none;	
}