/*
 Theme Name:     Responsive Classic Child Theme
 Theme URI:      http://brandschutz-pruefingenieur.com/
 Description:    Responsive Classic Child Theme
 Author:         Tobias Ossyra
 Author URI:     http://example.com
 Template:       responsiveclassic
 Version:        1.0.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../responsiveclassic/style.css');
@import url('../responsiveclassic/core/css/style.css');
@import url('font-css/font.css');

/* =Theme customization starts here
-------------------------------------------------------------- */

body {
    background-color: #fff;
    color: #58585a;
    font-family: 'encode_sansthin', Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.5;
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */  
    body {font-family: 'encode_sanslight', Arial, Helvetica, sans-serif;}
}

span, p, ul, li, div,
button, a,
input,
select,
textarea {
    font-size:1em;
}

a, a:active, a:hover, a:visited {color:#58585a; text-decoration: none;font-weight: normal}
p a, p a:active, p a:hover, p a:visited {color:#58585a; text-decoration: none;font-weight: normal}
a:hover, p a:hover {color: #9f905a}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: normal;
    line-height: 1;
    word-wrap: break-word;
    font-family: 'encode_sanslight', Arial, Helvetica, sans-serif;
}

h1 {font-size:2.2em;color: #9f905a;position: relative;left:-1px;}
h2 {font-size:1em;font-weight:100;color: #58585a;}
h4 {font-size:1em;color: #fff;text-transform: uppercase;margin: 0.8em 0;}

*:focus {outline: 0;}

/**************** Menus & Logo *****************/

.skip-container {display: none;}

#header {
    background:#fff;
    background-size: contain;
    top:0px;
    z-index:999;
    position: fixed;
    width:960px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    margin-left:-1px;
    padding-top: 30px;
}

#schatten {
    position: fixed;
    top:155px;
    width:960px;
    margin:0 auto;
    z-index:998;
    background: transparent;
    height:9px;
}

#schatten img{max-width:100%;margin:0;padding:0;vertical-align: top;}

.breadcrumb-list {float:left;width:40%;height:60px;padding:0;margin:0;line-height:20px;padding:20px 0px;box-sizing: border-box;}
.breadcrumb-list a, .breadcrumb-list a:hover, .breadcrumb-list a:active, .breadcrumb-list a:visited {color:#58585a;line-height: 1.4;}

#menu-top_info {
    float:left;
    width:20%;
    display: block;
    height:60px;
    line-height: 60px;
    font-size: 12px;
    padding:0;
    margin:0;
}
#menu-top_info p{
    height:60px;
    line-height: 60px;
    font-size: 12px;
    padding:0;
    margin:0 auto;
    display: block;
    text-align: center;
}

#logo {
    float:left;
    width:40%;
    display: block;
    height:80px;
    background:url(logo.png) no-repeat top right;
    background-size: auto 54px;
    position: relative;
    color:#58585a;
}
#logo:hover {color:#58585a;}
#logo p {padding:0;margin:0;position: relative;bottom:0px;position: absolute;bottom:0px; right:0px;}
#logo span:nth-child(1){display: block;width:100%;font-size:1.76em;border: none;padding:0;margin:0;text-align: right;line-height: 1;}
#logo span:nth-child(2){display: block;width:100%;height:20px;line-height: 20px;font-size:12px;border: none;padding:0;margin:0;text-align: right;}

#menu-top_menu {background:none;padding-top: 10px;}
#menu-top_menu li, #menu-top_menu li:hover, #menu-top_menu a, #menu-top_menu a:hover {background:none;}
.menu a, .menu a:hover, .menu a:active, .menu a:visited {
    font-family: 'encode_sanslight', Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
    text-shadow: none;
    color: #58585a;
    font-weight: normal;
    border: 0;
    padding-right: 0;
    padding-left:0;
    margin-right: 2em;
    border-bottom: 5px solid #fff;
    height:30px;
    line-height:30px;
}

.menu li:hover > a {color: #58585a;border-bottom: 5px solid #9f905a;}
.menu .current-menu-parent > a, .menu .current_page_item > a{border-bottom: 5px solid #9f905a;}

.sub-menu, .menu ul {
    background: rgba(255, 255, 255, 0.9);
    margin-top:0px;
    left:0px;
}
.sub-menu, .sub-menu li, .sub-menu a, .menu li li {border: none;outline: none;}
.menu li li, .menu li li a, .menu li li:hover, .menu li li a:hover {
    color:#58585a;
    text-transform: uppercase;
    font-size:0.95em;
    background:transparent!important;
    margin: 0;
    padding:0;
    padding-left: 5px;
    padding-right: 5px;
    height:30px;
    line-height: 30px;
    border:none!important;
}

.menu li li:hover, .menu li li a:hover{color:#9f905a}

/**************** Slider *****************/

.cycloneslider-template-default {margin-top:155px;}

.cycloneslider-template-default .cycloneslider-caption-description {display: none;}

.cycloneslider-template-default .cycloneslider-caption {
    background:transparent!important;
    right:60px!important;
    bottom:60%!important;
    text-align: right!important;
    width:auto!important;
}

.cycloneslider-template-default .cycloneslider-caption-title{
    margin:0;
    padding:0!important;
    background:none;
    font-size: 5em!important;
    font-family: 'encode_sansthin', Arial, Helvetica, sans-serif!important;
    color:#fff!important;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    font-weight: 100;   
}

.cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next {
    width:40px!important;
    height:40px!important;
    margin-top: -20px!important;
}

.cycloneslider-template-default .cycloneslider-next{
    right:0px!important;
    background:#cfc7ba url(arr-right.png) top left no-repeat!important;
    background-position: top left!important;
    box-shadow: -2px 0px 2px 1px rgba(0, 0, 0, 0.2)!important;
}

.cycloneslider-template-default:hover .cycloneslider-next{opacity: 1!important;}

.cycloneslider-template-default .cycloneslider-prev{
    left:0px!important;
    background:#cfc7ba url(arr-left.png) top left no-repeat!important;
    background-position: top left!important;
    box-shadow: 2px 0px 2px 1px rgba(0, 0, 0, 0.2)!important;
}

.cycloneslider-template-default:hover .cycloneslider-prev{opacity: 1!important;}

/**************** Content *****************/

#wrapper {
    padding: 0px 120px;
    border: 0;
    outline: 0;
    margin-top: 0;
    border:none;
    border-radius:0;
    margin-bottom: 0!important;
    overflow: hidden;
}

#content-full {margin-top: 20px;margin-bottom: 0;}

.spacer {width:100%;height:1px;border-bottom: 1px dotted #9f905a;margin-bottom:26px;}
.spacer2 {width:100%;height:1px;border-bottom: 1px dotted #9f905a;margin-bottom:26px;clear: both;}

.img-item {
    display: block;
    width:32%;
    height: 80px;
    margin-right:2%;
    float:left;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size:0.9em;
    font-family: 'encode_sanslight', Arial, Helvetica, sans-serif!important;
    cursor: pointer;
}
.img-item div {
    width:auto;
    height:80px;
    margin:0;
    padding:0;
    padding:0px 10px 0px 90px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}

.img-item-last {margin-right:0;}

.post-edit{display: none}

/**************** Big Box *****************/

.big-box {
    width:100%;
    margin:0;
    padding:0;
    position: relative;
    background: rgb(207, 199, 186);
    margin-bottom: 26px;
    clear: both;
    cursor: pointer;
    display: inline-block;
}

.big-box-img{
    max-width:620px;
    margin-top: 0;
    margin-bottom: 0;
    float:left;
    box-sizing: border-box;
}

.big-box-img img {max-width: 100%;padding:0;margin:0;}

.big-box-text {
    max-width:340px;
    float:left;
    padding:40px 20px 0px 30px;
    box-sizing: border-box;
}

.big-box-text span {
    display: block;
    width:100%;   
    text-transform: uppercase;
    line-height: 1.2;
    margin-left: 2px;
}

.big-box-text span.kleinezeileweiss {
    display: block;
    width:100%;   
    text-transform: uppercase;
    line-height: 1.2;
    color:#fff;
    margin-top:40px;
    margin-left: 2px;
}

.big-box-text p {
    display: block;
    width:100%;
    text-transform: uppercase;
    color:#fff;
    margin:0;
    padding:0;
    font-size: 2.2em;
    line-height: 1.2;
}

/**************** Startseite *****************/

#post-32 h1{display: none;}

/**************** Vita *****************/

.headerbild {
    margin-top: 155px;
    margin-bottom: 0;
}

.headerbild img{
    max-width: 100%;
}

#vita2{display: none;}

.vita1, .vita2{display: block;float:left;margin-bottom:5px;}
.vita1 {width: 20%;}
.vita2 {width: 80%;}

/* #post-20 h1{display: none;} */
#post-20 p{display: inline-block;margin-top: 0;width:100%;}

/**************** Presse & Publikationen *****************/

.publ1, .publ2 {display: block;float:left;margin-bottom:5px;}
.publ1 {width: 10%;}
.publ2 {width: 90%;}

/**************** Gallery-Layout *****************/

.gallery-item-container{position: relative;display: inline-block}

.kategorien-gallery{
    padding: 0px 120px;
    display: none;
}

.gallery-item-preview {
    display:block;
    float: left;
    width:80px;
    height:80px;
    padding:0;
    margin-right:11px;
    margin-left:11px;
    margin-bottom: 22px;
    cursor: pointer;
    transition: all .2s ease;
}

.gallery-item-preview:hover { transform: scale(1.1); }

.fancybox-title-float-wrap{
    margin-bottom: -50px;
}

.fancybox-title-float-wrap .child{
    background:transparent;
    font-family: 'encode_sanslight', Arial, Helvetica, sans-serif!important;
    font-size: 1em;
    font-weight:100;
}

.fancybox-nav{position: fixed}

.fancybox-nav span {
    width:40px;
    height:40px;
    position: fixed;
    top: 50%;
    margin-top: -20px;
}

.fancybox-next span {
    background:url(arr-right.png) top left no-repeat;
    right:20px;
}

.fancybox-prev span {
    background:url(arr-left.png) top left no-repeat;
    left:20px;
}

.fancybox-close {
    position: fixed;
    top:20px;
    right:20px;
    width:40px;
    height:40px;
    background:url(close.png) top left no-repeat;
}

.fancybox-lock .fancybox-overlay {
    overflow-y: auto!important;
}

/**************** YouTube DSE Hinweis *****************/
.video-dse{font-size:11px;line-height:1.5;display: inline-block;}

/**************** Footer *****************/

#footer {
    padding:0;
    background: #9f9075;
    border-left: 25px solid #fff; 
    border-right: 25px solid #fff;
    font-size: 0.8em;
    color:#fff;
    font-family: 'encode_sanslight', Arial, Helvetica, sans-serif;
    margin-top: 30px;
}
#footer a, #footer a:hover {color:#fff;line-height: 1.3;}

#footer-wrapper {padding: 0px 120px;}
#footer-wrapper .col-940 div {
    margin:0;
    float: left;
    padding: 0;
    box-sizing: border-box;
}
#footer-wrapper .col-940 div:nth-child(1){width:40%;margin-right:4%;}
#footer-wrapper .col-940 div:nth-child(2){width:26%;margin-right:4%;}
#footer-wrapper .col-940 div:nth-child(3){width:26%;margin-right: 0;}
#footer-wrapper p{margin-top: 0;margin-bottom:0.8em}

.footer-spacer{height:40px;margin-bottom: 0;border-bottom: 20px solid #fff;}

.breakline, .breakline-publ{display: none;}

#top {
    position: fixed;
    bottom:50px;
    right: 20px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    display: none;
}

#post-30 iframe {
    border:0;
    margin:0;
    padding:0;
    width:100%;
    height:185px;
}

/**************** Resize-Anpassung *****************/

@media screen and (max-width: 1024px) {
    #wrapper, #footer-wrapper, .kategorien-gallery{padding:0 100px;} 
    
    #footer-wrapper .col-940 div:nth-child(1){width:42%;margin-right:2%;}
    #footer-wrapper .col-940 div:nth-child(2){width:28%;margin-right:2%;}
    #footer-wrapper .col-940 div:nth-child(3){width:26%;margin-right: 0;}
    
    .big-box-img {width:64%}
    .big-box-text {width:36%}
    
}

@media screen and (max-width: 980px) {    
    #footer-wrapper .col-940 div:nth-child(1){width:44%;margin-right:3%;}
    #footer-wrapper .col-940 div:nth-child(2){width:30%;margin-right:3%;}
    #footer-wrapper .col-940 div:nth-child(3){width:20%;margin-right: 0;}
    #post-30 iframe {height:240px;}
}

@media screen and (max-width: 910px) {    
    .breakline{display: inline}
    #footer-wrapper .col-940 div:nth-child(1){width:44%;margin-right:5%;}
    #footer-wrapper .col-940 div:nth-child(2){width:25%;margin-right:5%;}
    #footer-wrapper .col-940 div:nth-child(3){width:21%;margin-right: 0;}
    
    .big-box-text{padding-top:30px;}
}

@media screen and (max-width: 880px) {
    .breadcrumb-list{width:45%}
    #menu-top_info{width:20%}
    
    #logo{width:35%;background-size: auto 48px;}
    #logo p{top:29px;}
    #logo span:nth-child(1){font-size: 1.5em;}
    
    .menu a, .menu a:hover, .menu a:active, .menu a:visited{font-size: 0.8em;}
    #menu-top_menu{margin-top: 10px;}
    
    #schatten{margin-top:0px;}
    
    .cycloneslider-template-default .cycloneslider-caption-title{font-size:4em!important;}
    
    #wrapper, #footer-wrapper, .kategorien-gallery{padding:0 50px;}
    p{font-size:0.95em;}
    h1 {font-size:2em;}
    
    .breakline{display: none;}
    #footer-wrapper .col-940 div:nth-child(1){width:40%;margin-right:5%;}
    #footer-wrapper .col-940 div:nth-child(2){width:30%;margin-right:5%;}
    #footer-wrapper .col-940 div:nth-child(3){width:20%;margin-right:0;}
    
    .big-box-text span.kleinezeileweiss{margin-top: 30px;}
    #post-30 iframe  {height:250px;}
}

@media screen and (max-width: 830px) {
    .breadcrumb-list{width:35%}
    #menu-top_info{width:25%}
    #logo{width:40%;}
    .breadcrumb-list span {display: none;}
    .breadcrumb-list span:first-child {display: inline;}
    
    .img-item{width:49%;margin-bottom: 10px;}
    .img-item-second, .img-item-last{margin-right: 0;}
    
    .breakline{display:inline;}
    #footer-wrapper .col-940 div:nth-child(1){width:40%;margin-right:5%;}
    #footer-wrapper .col-940 div:nth-child(2){width:30%;margin-right:5%;}
    #footer-wrapper .col-940 div:nth-child(3){width:20%;margin-right:0;} 
    
    .big-box-text p{font-size: 2em;line-height: 1.1;}   
}

@media screen and (max-width: 770px) {
    .cycloneslider-template-default .cycloneslider-caption-title{font-size:3.3em!important;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}
    .big-box-img{width:60%}
    .big-box-text{width:40%;padding:20px 20px 0px 20px}
    .big-box-text span.kleinezeileweiss{margin-top: 20px;}
    #post-30 iframe  {height:260px;}
}

@media screen and (max-width: 750px) {
    .breakline{display:none;}
    #footer-wrapper .col-940 div:nth-child(1){width:57%;margin-right:3%;}
    #footer-wrapper .col-940 div:nth-child(2){width:40%;margin-right:0;}
    #footer-wrapper .col-940 div:nth-child(3){width:100%;margin-right:0;}

    .publ1 {width: 10%;margin-right: 2%;}
    .publ2 {width: 86%;}
    .breakline-publ{display: inline}  

    .big-box-img{width:55%}
    .big-box-text{width:45%;padding-top:15px;}
    .big-box-text span.kleinezeileweiss{margin-top: 15px}
    .big-box-text p{font-size:1.8em;}
}

@media screen and (max-width: 700px) {
    .menu a, .menu a:hover, .menu a:active, .menu a:visited{margin-right: 1.5em;}
}

@media screen and (max-width: 675px) {
    .breadcrumb-list{width:6%}
    #menu-top_info{width:44%}
    #logo{width:50%;} 
}

@media screen and (max-width: 650px) {
    #header{padding-top:20px;}
    #schatten{margin-top:-20px;}
    .headerbild {margin-top: 135px;}
    .cycloneslider-template-default {margin-top:135px;}
    .cycloneslider-template-default .cycloneslider-caption-title{font-size:2.8em!important;}
    .cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next {display: none!important}
    
    #menu-top_menu{background:#fff;margin-top:0;}
    .menu a, .menu a:hover, .menu a:active, .menu a:visited{margin-right:0;}
    .js .main-nav .menu li a{height:35px;line-height:35px;}
    .menu li li, .menu li li a, .menu li li:hover, .menu li li a:hover{height:35px;line-height:35px;padding-left:0;margin:-1px 0px 1px 0px;}
    .js .main-nav #responsive_current_menu_item{padding:0;height:35px;line-height:35px;padding:0px 40px 0px 10px;text-indent: 100%;text-indent: -999px;}
    
    #wrapper, #footer-wrapper, .kategorien-gallery{padding:0 20px;}   
    h1{margin-top:0.2em;margin-bottom: 0.2em;}
    p {margin:1.3em 0;}
    h1{font-size: 1.7em;}
    
    #footer{text-align: left;}
    .breakline{display:inline;}
    #footer-wrapper .col-940 div:nth-child(1){width:57%;margin-right:3%;}
    #footer-wrapper .col-940 div:nth-child(2){width:40%;margin-right:0;}
    #footer-wrapper .col-940 div:nth-child(3){width:100%;margin-right:0;}
    
    .big-box-img{width:100%}
    .big-box-text{width:100%;max-width:100%;padding:20px;}
    .big-box-text p{font-size:1.5em;}
    
    #menu-top_menu{border-bottom: 3px solid #f3f3f3;}
    #vita{display: none}
    #vita2{display: block}
}

@media screen and (max-width: 600px) {
    .breadcrumb-list{display: none}
    #menu-top_info{width:40%}
    #menu-top_info p{text-align: left}
    #logo{width:60%;}
    
    .vita1 {width: 20%;margin-right: 5%;}
    .vita2 {width: 75%;}
    #post-30 iframe  {height:320px;}
}

@media screen and (max-width: 550px) {
    .cycloneslider-template-default .cycloneslider-caption-title{font-size:2em!important;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);}
    
    .img-item, .img-item-second, .img-item-last{width:100%;margin-right:0;}
    
    .breakline{display:none;}
    #footer-wrapper .col-940 div:nth-child(1){width:100%;margin-right:0;}
    #footer-wrapper .col-940 div:nth-child(2){width:100%;margin-right:0;}
    #footer-wrapper .col-940 div:nth-child(3){width:100%;margin-right:0;}  
    
    .vita1 {width: 25%;margin-right: 5%;}
    .vita2 {width: 70%;}
    
    .publ1 {width: 15%;margin-right: 5%;}
    .publ2 {width: 80%;}
    
    #post-30 iframe  {height:350px;}
}

@media screen and (max-width: 470px) {
    .sep{display: none}
    #menu-top_info{width:25%;margin-top: 12px;}
    #menu-top_info p{line-height: 20px;}
    #menu-top_info p a{display: block;width:100%;}
    #logo{width:75%}
    
    .cycloneslider-template-default .cycloneslider-caption-title{display: none!important}
    
    .publ1 {width: 100%;margin-bottom: 0;}
    .publ2 {width: 100%;margin-bottom: 15px;}
    
    #post-30 iframe  {height:430px;}
}

@media screen and (max-width: 400px) {
    .breakline{display:inline;}
    .del{display: none;}
    #post-30 iframe  {height:520px;}
}

@media screen and (max-width: 350px) {
    #logo{background-size: auto 40px;}
    #logo p{top:25px;}
    #logo span:nth-child(1){font-size: 1.2em;}
    
    #menu-top_info{width:25%;margin-top:4px;}
    #post-30 iframe  {height:600px;}
}