/*/*/.nofuss_container, .nofuss_container_vis {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 0;
}
#header .nofuss_container{
padding: 0 20px;
}
.header_fullwidth #header .nofuss_container{
max-width: 100%;
}
#footer .nofuss_container{
max-width: 1130px;
}/**/.nofuss_columns_wrap {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}
.nofuss_column,
.nofuss_foocol {
margin: 0 0;
padding: 0 20px;
width: 100%;
}
.nofuss_column{
margin: 0 0 20px 0;
}
@media only screen and (min-width: 468px) {
.nofuss_column,.nofuss_item,.nofuss_foocol,.eightcol, .fourcol {
float: left;
}
.nofuss_column_2,.nofuss_column_3,.nofuss_column_4,.nofuss_column_5{
width: 50%;
}
.nofuss_column_2:nth-child(2n + 3),.nofuss_column_3:nth-child(2n + 3),.nofuss_column_4:nth-child(2n + 3),.nofuss_column_5:nth-child(2n + 3){  
clear: left;
}
}
@media (min-width:468px) and (max-width:868px) { .nofuss_column_3:last-of-type {
display:none; 
}
}
@media only screen and (min-width: 868px) {
.nofuss_sidebar_active .main_part   {width: 82%;}
#sidebar                            {width: 18%;}
.nofuss_sidebar_active .nofuss_wrapper_inn::after {width: 18%;}
.nofuss_column_inner                {width: 100%;}
.nofuss_column_2                    {width: 50%;}
.nofuss_column_3                    {width: 33.33%;}
.nofuss_column_4                    {width: 25%;}
.nofuss_column_5                    {width: 20%;}
.nofuss_column_2:nth-child(2n + 3),.nofuss_column_3:nth-child(2n + 3),.nofuss_column_4:nth-child(2n + 3),.nofuss_column_5:nth-child(2n + 3){
clear: none;
}
.nofuss_column_4:nth-child(4n + 5),.nofuss_column_3:nth-child(3n + 4),.nofuss_column_2:nth-child(2n + 3) {
clear: left;
}
.nofuss_column_3:last-of-type {
display: block;
} .nofuss_sidebar_null .main_part,
body.blog .blogger_fullwidth .main_part{width: 100%;}
.nofuss_sidebar_null #sidebar,
body.blog .blogger_fullwidth #sidebar{display: none;} .foocol.first{
width: 40%;
}
.foocol{
width: 20%;
}
}
@media only screen and (min-width: 1025px) {
.nofuss_columns_wrap {
width: calc(100% + 50px); margin: 0 -25px; }
.nofuss_column,.nofuss_item,.nofuss_foocol {
padding: 0 25px; }
.nofuss_column{
margin: 0 0 50px 0;
}
.foocol {
padding: 0 25px 0 25px;
}
}
@media only screen and (min-width: 1155px) {
.nofuss_sidebar_active .nofuss_wrapper_inn::after {width: 16.8%;}
}/*/*/@media only screen and (min-width: 1155px) {
.nofuss_wrapper{
margin: 80px;
}/**/.nofuss_wrapper_inn{
padding-left: 120px;
}
.show-menu{
display: block;
padding:28px 30px;
height:100%;
width:120px;
background-image: none;
position:absolute;
top: 0;
left: 0;
z-index:99;
text-align:center;
font-size:15px !important;
line-height:1;
text-align: center;
}
.main_part::before{
position: absolute;
content: '';
left: 120px;
top: 80px;
width: 4px;
height: 100%;
display: block;
background-color: black;
border-radius: 30px;
z-index: 99;
display: none;
}
.nofuss_menu_is_not .nofuss_wrapper_inn{
padding-left: 0;
}
.nofuss_menu_is_not .show-menu{
display: none;
}
.show-menu > i{
font-size: 50px;
}
.show-menu span.show_menu_label{
display: block;
transform: rotate(-90deg);
height:55px;
width: 100px;
letter-spacing: 2px;
position: absolute;
top: 70px;
left: 9px;
}
#navigation{
display: initial; 
position: fixed;
top: 0;
left:-100%; width: 460px;
height: 100%;
padding: 0 0;
overflow-y: scroll;
min-height: 100%;
direction: rtl;
text-align: left !important;
border-width: 0 1px 0 0;
border-style: solid;
}
#main-nav{
padding: 100px 80px;
z-index: 99;
position: relative;
}
ul.nav .sub-menu a,
ul.nav .sub-menu .sub-menu a,
ul.nav .sub-menu .sub-menu .sub-menu a{
color: inherit !important;
}
a .tmnf_dropdown_minimal_header {
display:block;
position:absolute;
content: "↓";
height:25px;
width:25px;
top:12px;
right:0;
font-size:11px !important;
margin-top:-2px;
font-weight:normal;
background-color: rgba(0,0,0,.07);
padding:4px 10px;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
-moz-border-radius:30px;
-khtml-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
z-index:2;
}
li.menu-item-has-children li a .tmnf_dropdown_minimal_header{ display:none;}
.menu-item-has-children.minimal_menu_active > a .tmnf_dropdown_minimal_header{
transform: rotate(-180deg);
right: 2px;
}
ul.nav .minimal_menu_active .sub-menu,
ul.nav .minimal_menu_active .sub-menu .sub-menu,
ul.nav .minimal_menu_active .sub-menu .sub-menu .sub-menu {
display:block !important;
}
a.nofuss_close_nav{
position: fixed;
top: 0;
left:-100%;
width: 100%;
height: 100%;
content: '';
background-color:#F2F2F2ED;
z-index: 97;
display: block;
cursor: url(//herrlichfenster.de/wp-content/themes/chartres/images/cancel.png), auto;
}
#nav_wrap [type="checkbox"]:checked ~ #navigation {
left:-5px;
}
#nav_wrap [type="checkbox"]:checked ~ #navigation a.nofuss_close_nav{
left: 443px;
}
.close_menu_button{
display: block;
position: absolute;
top: 40px;
right: 40px;
z-index: 99;
} .will_stick_wrap {
min-height: 65px;
}
.header_row {
position: relative;
}
#titles {
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#navigation {
float: right;
margin: 0 0 0 -12px;
}
.nav,
.nav>li {
float: left;
}
.header_fullwidth #header .header_row_center {
float: none;
margin: 0 3%;
}
.header_fullwidth #header .header_row_center.scrollDown {
margin: 0 0;
} .blogger .item_inn {
padding: 0 17%;
}
.content_inn {
border-width: 0 0 0 0;
padding-left:17%;
padding-right: 17%;
overflow: visible;
}
.blogger .has-post-thumbnail .imgwrap,
.has-post-thumbnail .entryhead_single {
margin: 20px -10% 40px -10%;
width: calc(100% + 20%);
max-width: calc(100% + 20%);
}
.archive_title h2,
.archive_title .subtitle{
margin: 0 17%;
}
}
@media only screen and (min-width: 868px) {
#woo-site .fourcol {
width: 25%;
padding-top: 0;
}
#woo-site .eightcol {
width: 75% !important;
float: right !important;
}
.nofuss_shop_sidebar_null #woo-site .eightcol {
width: 100% !important;
}
.nofuss_sidebar_null .eightcol {
float: none;
margin: auto;
overflow: visible;
}
.postbarLeft .eightcol {
float: right;
}
.postbarLeft .four {
float: left;
}
.foocol {
padding: 0 25px 0 25px;
position: relative;
float: left;
min-height: 1px;
border-width: 0 0 0 0;
} .nofuss_wrapper {
overflow: hidden;
}
.nofuss_sidebar_null .alignfull{
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: auto;
max-width: 1000%;
margin-top: 15px;
margin-bottom: 15px;
}
.blogger .entry .alignfull {
margin-left: calc(25% - 20vw) !important;
margin-right: calc(25% - 20vw) !important;
width: auto;
max-width: 1000%;
}
.nofuss_sidebar_null .alignwide{
margin-left: calc(25% - 20vw) !important;
margin-right: calc(25% - 20vw) !important;
width: auto;
max-width: 1000%;
}
.alignwide img, .alignfull img {
display: block;
margin: 0 auto;
padding: 0 0;
}
.nofuss_wrapper .wp-block-gallery.alignleft {
margin-right: 30px !important;
}
.nofuss_wrapper .wp-block-gallery.alignright {
margin-left: 30px !important;
}
.alignfull iframe {
float: none;
margin: 0 auto;
}
.alignfull .wp-block-embed__wrapper {
text-align: center;
}
.post_nav_item {
width: 50%;
} .single-post .page-header-image .nofuss_excerpt p {
max-width: 70%;
}
.nav li ul li.menu-item-has-children>a::after {
right: 0;
top: 22px;
transform: rotate(-90deg);
color: inherit !important;
}
.error-search{
max-width: 70%;
margin: auto;
}
}
@media only screen and (min-width: 1555px) {
.nofuss_wrapper{
margin: 120px;
}
}/*/*/@media screen and (max-width: 1525px) {
#wp-calendar tbody td {
padding: 8px 4px;
}
.page-header img {
left: -30%;
width: 160% !important;
max-width: 160% !important;
}
.sidebar_item {
padding: 20px 25px 0 25px;
}
}
@media screen and (max-width: 1255px) {
.nofuss_wrapper{
margin:50px;
}
}
@media screen and (max-width: 1155px) {
#header {
margin-top:20px !important;
margin-bottom:20px !important;
}
#titles {
margin: 15px 0 15px 0 !important;
float: none;
}
#header .nofuss_container_vis {
overflow: hidden;
}
#header h1 {
font-size: 32px !important;
text-align: left;
}
#header img.this-is-logo {
display: block;
float: none;
margin: 0 0;
max-height: 40px;
}
.nofuss_hr_header{
width: 100%;
margin: 0;
height: 1px;
}
#header ul.social-menu {
text-align: left;
margin:0 0 5px -10px;
}
#header ul.social-menu li {
margin: 0 10px 0 0;
}/**/.show-menu{
background-color: transparent !important;
}
span.close_menu {
padding: 0 0 0 0 ;
height: auto;
}
#navigation {
overflow: hidden;
position: relative;
margin: 0 0;
padding: 20px 20px 10px 20px;
width:100%;
}
#main-nav{
background-color: transparent !important;
}
nav .searchform {
display: none;
} #content{
padding: 0 20px;
}
.page-header {
padding: 160px 0 60px 0 !important;
}
.page-header img {
left: -90%;
width: 280% !important;
max-width: 280% !important;
}
.archive_title {
margin-top: 40px !important;
margin-bottom: 20px !important;
}
.foocol {
padding: 0 20px 0 20px;
}
.foocol.third {
padding-right: 20px;
}
#wp-calendar tbody td {
padding: 8px 1px;
}
.sidebar_item .cat_nr {
display: none;
}
h3.related_title {
margin: 0 20px 20px 15px;
}
.footer_img {
display: none;
}
.tptn_posts_widget li>.tptn_link {
display: none;
}
.tptn_after_thumb {
padding: 0 0 0 55px;
}
.tptn_after_thumb::before {
top: 0;
}
.tptn_after_thumb .tptn_link {
margin: 0 0 8px 0;
}
}
@media screen and (max-width: 1025px) { .nofuss_wrapper{
margin:40px;
}
.show-menu {
right:5px;
}
#core {
padding-top:60px;
}
h1.nofuss_title_large, h2.nofuss_title_large, .nofuss_titles_are_large .nofuss_title, .slider_inn h1, .slider_inn h2 {
font-size: 60px !important;
}
}
@media screen and (max-width: 768px) { body {-webkit-text-size-adjust: none !important;}
.nofuss_wrapper{
margin:20px;
} .blogger .nofuss_excerpt p {
font-size:19px !important;
-webkit-text-size-adjust: 100%;
} #sidebar {
max-width: 400px;
margin: 0 auto;
width: 100% !important;
padding: 20px !important
}
.sidebar_item {
padding: 30px 30px 10px 30px;
margin: 0 0 20px 0;
}
.sidebar_item_footer:first-of-type {
margin-top: 10px;
}
.sidebar_item_footer:last-of-type {
margin-bottom: 10px;
}
.page-header {
padding: 120px 0 40px 0 !important;
}
#curtain .searchform {
width: 90%;
margin: -10px 0 0 0;
left: 5%;
}
#curtain a.curtainclose {
margin: 10px 0 0 0;
top: 10px;
right: 20px;
left: auto;
}
#curtain .searchSubmit {
width: 50px;
}
.sidebar_item_footer:first-of-type {
margin-top: 80px !important;
}
#footer .bottom-menu li::before {
display: none;
}
.nofuss_tab_post .imgwrap {
margin: 0 15px 25px 0;
}
.nofuss_tab_post h4 {
margin: 0;
} .commentlist li.comment {
padding: 15px 0 15px 45px;
}
.commentlist li.comment.parent {
padding: 15px 0 0 45px;
}
.commentlist .avatar {
left: -45px;
width: 30px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
width: 100%;
float: none;
margin-right: 0 !important;
}
.comment-author cite, .comment-meta {
padding-left: 0px;
}
.wp-block-gallery {
margin: 0 0 30px !important;
}
.postauthor {
padding: 30px;
}
}
@media screen and (max-width: 625px) {
#core {
padding-top:40px;
}
.mainbutton {
padding: 10px 16px;
font-size: 12px !important;
display: inline-block;
margin: 10px 0 !important;
}
.nofuss_icon {
display: none;
}
.entry p {
margin: 20px 0;
}
.mailchimp_section_alt,
.footer_text {
max-width: 100%;
}
.footer_icons {
float: left;
padding-bottom: 40px;
}
.footer_icons ul.social-menu {
float: left;
margin:-10px 0 30px 0;
}
.post_nav_item {
padding: 20px 20px;
}
.post_nav_arrow {
display: none;
}
.post_nav_text {
width: auto;
padding: 10px 20px;
}
.entry blockquote {
padding: 20px 20px 20px 20px !important;
margin: 30px 0;
}
.entry blockquote p {
font-size: 30px;
}
h1.nofuss_title_large, h2.nofuss_title_large, .nofuss_titles_are_large .nofuss_title,
h1.entry_title, h2 .maintitle, h2.maintitle {
font-size: 50px !important;
}
h2#comments-title,
h3.related_title,
h3#reply-title {
font-size: 22px !important;
}
}
@media screen and (max-width: 505px) {
#header .social-menu{
display: none;
}
.nofuss_wrapper{
margin:0;
}
#titles {
max-width: 40%;
}
.page-header {
padding: 60px 0 40px 0 !important;
}
.page-header img {
left: -100%;
width: 300% !important;
max-width: 300% !important;
}
.page-header-image h1 {
margin: 10px 0 20px 0;
}
.page-header .nofuss_excerpt p {
font-size: 95%;
margin-bottom: 0;
}
.wp-block-image .alignright
.wp-block-image .alignleft{
max-width: 45%;
}
.nav-links>span,
.nav-links>a {
margin: 6px 4px;
}
.commentlist li.comment.depth-3.parent,
.commentlist li.comment.depth-4.parent,
.commentlist li.comment.depth-5.parent {
padding: 25px 0 0 0;
}
.footer_text,
.footer_icons {
width: 100%;
float: none;
}
.scrollTo_top {
right: 0;
bottom: -4px;
width: 100%;
}
.scrollTo_top a {
padding: 0 0 4px 0;
}
.nofuss-button {
display: none;
}
.header_search a {
padding: 12px 3px 12px 6px;
}
.page-header img {
left: -140%;
width: 380% !important;
max-width: 380% !important;
}
.content_inn .mc4wp-form {
padding: 20px 20px 10px 20px;
}
.mailchimp_section_alt .mc4wp-form {
margin: 20px 20px 0 20px;
}
.mailchimp_section_alt .formwrap {
max-width: 100%;
}
.mc4wp-form input[type="submit"] {
padding: 15px 8px !important;
}
.nofuss_related>div {
width: 100%;
}
#post_nav {
margin: 20px 0 20px 0;
}
.post_nav_text {
padding: 0 0 5px 0;
}
#post_nav img {
display: none;
}
.footer_text {
padding: 32px 25px 0 0;
}
.footer_icons {
float: left;
}
.footer_icons ul.social-menu {
float: left;
margin-bottom: 35px;
}
.footer_icons ul.social-menu li a {
width: 37px;
padding: 10px 6px;
}
.footer_icons ul.social-menu li a i {
margin: 0 4px 2px 4px;
font-size: 14px;
}
.footer_icons ul.social-menu a span {
display: none;
}
#footer .bottom-menu {
float: left;
}
h1.nofuss_title_large, h2.nofuss_title_large, .nofuss_titles_are_large .nofuss_title,
h1.entry_title, h2 .maintitle, h2.maintitle, .item_mag3_big h2.posttitle, .blogger .item_big h2, .block_title h2 {
font-size: 45px !important;
}
}
@media screen and (max-width: 405px) {
span.post-date,
span.commes,
span.author .divider,
.page-header-image .main_breadcrumbs {
display: none;
}
.blogger .has-post-thumbnail span.post-date,
.blogger .has-post-thumbnail .meta_front {
display: block;
}
.meta_categ {
float: none;
display: inline-block;
}
.commentlist li.comment {
padding: 15px 0 15px 0;
}
.commentlist li.comment.parent {
padding: 15px 0 0 0;
}
.commentlist ul.children {
margin-left: 15px;
}
.commentlist .avatar {
display: none;
}
.nofuss_icon {
display: block;
}
h1.nofuss_title_large,h2.nofuss_title_large,.nofuss_titles_are_large .nofuss_title,.slider_inn h1,.slider_inn h2{
font-size: 45px !important;
}
}