/*
Theme Name: Jubilee
Theme URI: https://www.eracht.at
Description: Wordpress-Theme für Jubilee
Version: 1.0
Author: Maximilian Huber
Text Domain: https://jubilee.at
Author URI: https://www.eracht.at
*/


/* Global */

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body, html {height: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.8; margin: 0px 0px; color: var(--schwarz); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
b {font-weight: 400;}
strong {font-weight: 400;}
a {color: var(--orange); text-decoration: none;}

:root {--orange: #703136;}
:root {--hellorange: #F39D7D;}
:root {--hellgrau: #EDEDED;}
:root {--schwarz: #444444;}
:root {--weiss: #FFF;}
:root {--gruen: #86BC98}

.container {width: 100%; height: auto; margin: 0 auto; padding: 0px 30px; overflow: auto; max-width: 1260px;}

/* Newsletter */
#mc_embed_signup {width: 100%; height: auto;}
#mce-EMAIL, #mce-FNAME, #mce-LNAME {text-align: center; height: 70px; border-style: solid; border-width: 1px; border-color: var(--hellgrau); width: 100%; padding-left: 15px; padding-right: 15px; color: var(--schwarz); font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; margin-bottom: 20px; background-color: var(--weiss);}
#mc-embedded-subscribe {text-align: center; height: 70px; border-width: 0px; width: 100%; padding-left: 15px; padding-right: 15px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; background-color: var(--orange); color: var(--weiss); font-weight: 400; cursor: pointer;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-style: none;}
#mc-embedded-subscribe:hover {background-color: var(--schwarz);}




/* Cookie Banner */

#cookie-notice, .cn-button {font-family: 'Roboto', sans-serif!important; font-size: 14px!important; font-weight: 300!important; color: #FFF!important;}
.cn-button.bootstrap {background: var(--orange)!important;}
.cn-button {-webkit-border-radius: 1px!important; -moz-border-radius!important: 1px; border-radius: 1px!important;}


/* News */

.container-news-sub {width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-top: 280px; float: left;}
.post-news-wrapper {float: left; width: 100%; background-color: var(--orange); padding-top: 80px; padding-bottom: 80px; margin-top: 0px;}
.title-news {color: #FFF; margin-top: 0px; width: 100%; height: auto; font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-align: center; float: left;}
.title-strip-news {margin-top: 25px; margin-bottom: 80px; width: 200px; margin-left: auto; margin-right: auto; height: 1px; border-bottom-width: 1px; border-bottom-style: solid; color: #FFF;}
.post-container-inside-news {background-color: var(--weiss); margin: 0px 30px; float: left; padding: 30px 30px; padding-bottom: 15px;}
.post-container-news {width: 100%; margin-left: auto; margin-right: auto; padding: 0px 0px; overflow: auto; max-width: 900px; margin-bottom: 0px; margin-top: 30px;}
.post-title-news {width: 100%; height: auto; color: var(--schwarz); font-style: italic; font-weight: 400; font-size: 18px; margin-bottom: 30px; float: left; text-align: center;}
.post-text-news {color: var(--schwarz); font-weight: 300; font-style: italic; font-size: 16px; line-height: 26px; float: left; padding: 0px; margin-top: 30px; text-align: center;}
.post-text-news p {padding: 0px; margin-top: 0px; margin-bottom: 10px;}
.wp-block-gallery {margin-top: 30px!important;}

/* Header */

.clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0;}

#header {height: 280px; width: 100%; float: left; position: fixed; z-index: 100; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-color: rgba(255,0,0,0.0); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #F3F3F3;}
#header-2 {height: 280px; width: 100%; float: left; position: fixed; z-index: 100; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-color: rgba(255,0,0,0.0); }
#header-mobile {height: 0px; visibility: hidden;}
#logo {height: 200px; width: 25%; margin: 40px 0px; float: left; transition: 0.2s; z-index: 100;}
.custom-logo {width: 100%; height: 100%; object-fit: contain; object-position: 0 0; float: left; text-align: left;}

.instagram-menu {height: auto; width: 25px; float: right; margin-top: 128px; margin-left: 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.instagram-menu:hover {opacity: 0.6;}
.facebook-menu {height: auto; width: 25px; float: right; margin-top: 128px; margin-left: 30px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.facebook-menu:hover {opacity: 0.6;}

.mobile-instagram-menu {visibility: hidden;}
.mobile-facebook-menu {visibility: hidden;}

.facebook-footer {height: auto; width: 25px; float: right; margin-top: 13px; margin-left: 30px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.facebook-footer:hover {opacity: 0.6;}
.instagram-footer {height: auto; width: 25px; float: right; margin-top: 13px; margin-left: 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.instagram-footer:hover {opacity: 0.6;}

.icon-menu {}

#navigation {display: inline-block; text-transform: uppercase; line-height: 280px; width: calc(75% - 90px); float: right; text-align: right; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 100;}

.hamburger {height: 0; line-height: 0px;}
.cross {height: 0; line-height: 0px;}
.menu-mobile {line-height: 0;}

.menu {margin: 0px;}
.menu ul {display: inline-block; margin: 0px;}

.menu li:before {content: "·"; display: inline-block; margin-right: 20px;}
.menu li:first-child:before, .menu .children li:before {content: ""; display: none;}
.menu li {display: inline-block; list-style: none; margin-left: 15px;}

.menu li a {display: inline-block; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 1px; text-decoration: none; color: var(--schwarz); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.menu li a:hover {color: var(--orange);}
.current_page_item a {color: var(--orange)!important;}

#info {height: 50px; width: 100%; float: left; background-color: var(--hellgrau); margin-top: 164px; position: fixed; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size: 12px; color: #9F9F9F; -webkit-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.15); box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.15); z-index: 99;}
.path {float: left; line-height: 50px; width: calc(100% - 400);}
.contact {float: right; width: 100%;}
.icon-contact {width: 16px; height: auto; float: right; padding: 17px 0px; margin-right: 5px; margin-left: 20px;}
.contact-felder {float: right; line-height: 50px; text-align: right;}
.trenner {float: right; height: 20px; width: 1px; margin: 15px 15px; background-color: var(--weiss);}
a.colink {text-decoration: none; color: #9F9F9F; font-weight: 300;}
a.colink:hover {color: var(--hellorange);}

/* Startseite   */

.title-kollektion {margin-top: 100px; width: 100%; height: auto; font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-align: center; float: left;}
.title-strip {margin-top: 25px; width: 200px; margin-left: auto; margin-right: auto; height: 1px; border-bottom-width: 1px; border-bottom-style: solid; color: var(--schwarz);}
.title-atelier-startseite {margin-top: 100px; width: 100%; height: auto; font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-align: center; float: left;}
.title-kollektion-text {width: 100%; height: auto; font-size: 18px; font-weight: 300; font-style: italic; float: left; text-transform: none; margin-top: 25px; letter-spacing: 0px; padding: 0 50px;}


.showimg {z-index: 99; float: left; margin-top: 0px;  height: calc(100% - 0px); width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; align-items:center; justify-content:center; flex-direction:column; display: flex; color: var(--weiss); font-weight: 400;}
.index-title {font-size: 50px; line-height: 50px;}
.index-subtitle {font-size: 26px; margin: 0px;}

.box-img {object-fit: cover; width: 100%; height: 100%; position: absolute; opacity: 0.4;}
.box-wrapper {width: calc(100% + 50px); height: auto; float: left; margin-left: -25px; margin-right: -25px; padding: 0px; margin-top: 60px;}
.box1, .box2, .box3 {height: auto; width: 33.33%; height: auto; float: left; padding-left: 25px; padding-right: 25px; margin-bottom: 0px;}
.box-inside-wrapper {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; background-color: rgba(90, 90, 90, 0.6); }
.box-inside-bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; float: left;}
.box-inside-texte-center {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;  padding: 0px 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--weiss); margin: 0px 30px;}
.title-unterpunkte {width: 100%; height: auto; font-size: 18px; line-height: 22px; font-weight: 400; word-break: normal; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: var(--weiss);   -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

.box-title {width: 100%; height: auto; font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 26px; float: left;}
.box-text {width: 100%; height: auto; font-size: 14px; font-weight: 300; line-height: 24px; float: left;}
.box-button {width: 100%; height: auto; float: left; margin-top: 30px; color: var(--orange); font-size: 16px; font-style: italic; line-height: 20px; font-weight: 400; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: var(--orange); }
.box-button:hover {background-color: var(--orange); color: var(--weiss); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.box-button-wrapper {width: calc(100% + 50px); height: auto; float: left; margin-left: -25px; margin-right: -25px; padding: 0px; margin-top: 0px;}

.container-atelier {width: 100%; height: auto; margin: 0 auto; padding: 0px 30px; max-width: 1260px;}
.atelier-wrapper {width: 100%; height: auto; float: left; }
.atelier {width: 100%; height: auto; float: left; margin-top: 0px; margin-bottom: 0px;}
.atelier-startseite {width: 100%; height: auto; float: left; margin-top: 60px; margin-bottom: 0px;}
.atelier-inside-wrapper {width: 100%; height: 0; padding-bottom: 50%; float: left; position: relative; background-color: rgba(90, 90, 90, 0.6); }
.atelier-inside-wrapper-sub {width: 100%; height: 0; padding-bottom: 50%; float: left; position: relative; background-color: rgba(90, 90, 90, 0.0); }
.atelier-inside-bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; float: left;}
.atelier-img {position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.4; background-color: #B4C4C5; border: none;}
.atelier-img-sub {position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 1; background-color: #B4C4C5; border: none;}
.atelier-inside-texte-center {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;  padding: 0px 30px;  margin: 0px 30px;}
.atelier-text {width: 100%; height: auto; font-size: 16px; font-weight: 400; font-style: italic; text-align: center; color: var(--weiss); padding-left: 200px; padding-right: 200px;}
.atelier-button {margin-bottom: 100px; width: 100%; height: auto; float: left; margin-top: 30px; color: var(--orange); font-size: 16px; font-style: italic; line-height: 20px; font-weight: 400; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: var(--orange); }
.atelier-button:hover {background-color: var(--orange); color: var(--weiss); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}

.container-newsletter {width: 100%; height: auto; float: left; background-color: var(--hellgrau);}
.wrapper-newsletter {width: 100%; height: auto; float: left; margin-bottom: 80px;}
.wrapper-newsletter-formular {width: 100%; height: auto; text-align: center; margin-top: 80px; float: left;}
.newsletter-formular {width: 50%; height: auto; text-align: center; margin-left: auto; margin-right: auto;}

.ab-hell-wrapper {float: left; width: 100%; color: var(--weiss); background-color: var(--hellorange); padding-top: 10px; padding-bottom: 10px;}


/* Atelier Seite */

.atelier-sub {width: 100%; height: auto; float: left; margin-top: 80px; margin-bottom: 0px;}
.container-atelier-sub {width: 100%; height: auto; padding: 0px 30px; max-width: 1260px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-top: 360px;}

.conainer-atelier-text-sub-wrapper {margin-top: 80px; margin-bottom: 30px; float: left; width: 100%; height: auto;}
.conainer-atelier-text-sub {margin-left: auto; margin-right: auto; width: 50%; height: auto; text-align: center;}

/* Kollektion Seite */

.atelier-wrapper {width: 100%; height: auto; float: left; }
.container-kollektion-sub {width: 100%; height: auto; padding: 0px 30px; max-width: 1260px; margin-top: 0px; margin-bottom: 80px; margin-left: auto; margin-right: auto; padding-top: 260px; }
.galerie-spacer {height: 80px; width: 100%; float: left;}
.caption-with-icons, .grid-gallery-caption figcaption, .caption-with-icons span {font-family: 'Roboto', sans-serif!important; font-size: 14px!important; font-weight: 300!important;}

/* Kontakt Seite */

.container-kontakt-sub {width: 100%; height: auto; padding: 0px 30px; max-width: 1260px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-top: 360px;}
.kontakt-wrapper {width: 100%; height: auto; float: left; }
.conainer-kontakt-text-sub-wrapper {margin-top: 80px; margin-bottom: 80px; float: left; width: 100%; height: auto;}
.conainer-kontakt-text-sub {margin-left: auto; margin-right: auto; width: 50%; height: auto; text-align: center;}
.title-kontakt {margin-top: 0px; width: 100%; height: auto; font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-align: center; float: left;}
.wrapper-kontakt-formular {width: 100%; height: auto; text-align: center; margin-top: 80px; float: left;}
.kontakt-formular {width: 50%; height: auto; text-align: center; margin-left: auto; margin-right: auto;}

/* Newsletter */

.newsletter-formular p {margin: 0px; padding: 0px; height: auto;}
.wpcf7-form-control {text-align: center; height: 70px; border-style: solid; border-width: 1px; border-color: var(--hellgrau); width: 100%; padding-left: 15px; padding-right: 15px; color: var(--schwarz); font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; margin-bottom: 20px; }
.wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.wpcf7-submit {background-color: var(--orange); color: var(--weiss); font-weight: 400; cursor: pointer;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.wpcf7-submit:hover {background-color: var(--schwarz);}
.wpcf7-response-output, .wpcf7-validation-errors {margin: 0px!important; border: 2px solid var(--orange)!important; padding: 15px!important;}
.wpcf7-not-valid-tip {margin-top: -15px;}
label {font-size: 12px; font-weight: 400;}

.post-wrapper {float: left; width: 100%; background-color: var(--hellgrau); padding-top: 50px; padding-bottom: 50px; }
.post-container {width: 100%; margin-left: auto; margin-right: auto; padding: 0px 0px; overflow: auto; max-width: 800px; margin-bottom: 0px; }
.post-container-inside {background-color: var(--weiss); margin: 30px 30px; float: left; padding: 30px 30px;}
.post-title {color: var(--schwarz); font-weight: 400; font-size: 18px; margin-bottom: 25px; float: left;}
.img-post {width: 100%; height: auto; border: none; float: left;}
.post-text {color: var(--schwarz); font-weight: 300; font-size: 16px; line-height: 26px; float: left; padding: 0px; margin-top: 25px;}
.post-text p {padding: 0px; margin-top: 0px; margin-bottom: 10px;}

/* Footer */

.footer {width: 100%;  float: left; padding-top: 100px; padding-bottom: 100px; padding-left: 0px; padding-right: 0px; background-color: var(--orange);}
.footer-info {width: 100%; height: 50px; line-height: 50px; float: left; background-color: #3A3A3A; color: var(--weiss); font-size: 12px; font-weight: 300;}
a.footer-link:hover {color: #A4A4A4;}
a.footer-link {text-decoration: none; font-weight: 300; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: var(--weiss);}

.footer-wrapper {width: calc(100% + 50px); height: auto; float: left; margin-left: -25px; margin-right: -25px; color: var(--weiss);}
.footer-box1 {width: 100%; height: auto; float: left; text-align: center; margin-bottom: 0px;}
.footer-img {width: 200px; height: auto;}

.footer2 {width: 100%;  float: left; padding-top: 50px; padding-bottom: 50px; padding-left: 0px; padding-right: 0px; background-color: #d4d4d4;}
.container-fusszeile-meisterbetrieb {width: calc(100% + 50px); height: auto; float: left; margin-left: -25px; margin-right: -25px; color: #676767;}
.img-meisterbetrieb {width: 150px; height: auto;}
.footer-box1-2 {width: 100%; height: auto; float: left; text-align: center; margin-bottom: 0px;}

.container-fusszeile-links {width: 50%; float: left; text-align: left;}
.container-fusszeile-rechts {width: 50%; float: right; text-align: right;}
.kontakt-formular {width: 50%;}
.dot {margin-left: 10px; margin-right: 10px;}


@media (max-width: 1120px) {
	#header {height: 0px; visibility: hidden;}
	#header-2 {height: 0px; visibility: hidden;}
	#header-mobile {z-index: 1001; height: 100px; visibility: visible; width: 100%; float: left; background-color: var(--weiss); position: fixed; -webkit-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.15); box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.15);}
	#logo {z-index: 1002; height: 60px; width: 50%; margin: 20px 0px; float: left; transition: 0.2s;}
	.custom-logo {z-index: 1003; width: 100%; height: 100%; object-fit: contain; object-position: 0 0; float: left; text-align: left;}
	
	#navigation-mobile {display: inline-block; line-height: 20px; width: 100%; float: right; text-align: right; margin-top: -100px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 999;}
	.hamburger {height: auto; background:none; position:fixed; padding-right: 40px; right:0; line-height: 100px; color: var(--schwarz); border:0; font-size:30px; font-weight:bold; cursor:pointer; outline:none; z-index: 1003; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
	.cross {height: auto; background:none; position:fixed; padding-right: 40px; right:0; line-height: 60px; padding-top: 45px; color: var(--orange); border:0; font-size:70px; font-weight:bold; cursor:pointer; outline:none; z-index: 1003; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
	
.mobile-instagram-menu { visibility: visible; height: auto; width: 25px; float: right; margin-top: 37px; margin-left: 10px; margin-right: 70px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.mobile-facebook-menu {visibility: visible; height: auto; width: 25px; float: right; margin-top: 37px; margin-left: 30px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
	
	.menu-mobile {margin-left: -30px; line-height: 30px; float: left; z-index:999; margin-top: 100px; font-weight: 400; font-size:0.8em; width:100%; background: rgb(230, 230, 230);  position:fixed; text-align: center; padding-left: 0px; padding-right: 0px; font-size:12px; }
	.menu-mobile ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; z-index:999; }
	.menu-mobile li {display: block; z-index:999;}
	.menu-mobile a {color: var(--schwarz); text-decoration:none; font-size:16px; font-weight:400; z-index: 999; padding: 15px 0 15px 0; width: 100%; float: left; border-bottom:#FFF 1px solid;}
	.menu-mobile a:hover {text-decoration:none; color: var(--orange); z-index: 999;}
	#info {height: 0px; visibility: hidden;}
	.showimg {margin-top: 100px;}
	
	.bk-wrapper {margin-top: 100px;}
	.container-atelier-sub {padding-top: 180px;}
	.container-kontakt-sub {padding-top: 180px;}
	.conainer-kontakt-text-sub {width: 100%;}
	.conainer-atelier-text-sub {width: 100%;}
	.container-kollektion-sub {padding-top: 80px;}
	.container-news-sub {padding-top: 100px;}
	.post-news-wrapper {padding-bottom: 80px;}
	
}
@media (max-width: 900px) {
	
	.container-fusszeile-links {width: 100%; float: left; text-align: left; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #505050;}
	.container-fusszeile-rechts {width: 100%; float: left; text-align: left;}
	.footer-info {height: 100px; line-height: 50px;}
	
	.atelier-inside-wrapper {padding-bottom: 80%;}
	.atelier-text {padding-left: 30px; padding-right: 30px;}
	.atelier-button {margin-bottom: 50px; margin-top: -25px;}
	.atelier-inside-texte-center {padding: 0px 0px; margin: 0px 0px;}
	.title-atelier-startseite {margin-top: 30px; }
	.box-button {margin-top: -30px; margin-bottom: -55px; }
	.box-wrapper {margin-top: 0px;}
	.newsletter-formular {width: 100%;}
	.kontakt-formular {width: 100%;}
	
	.index-title {font-size: 30px; line-height: 30px;}
	.index-subtitle {padding-left: 20px; padding-right: 20px; font-size: 20px; line-height: 24px; text-align: center; margin-top: 10px;}
	.box1, .box2, .box3 {width: 100%; margin-bottom: 30px;}
	.about-wrapper {padding: 0px 0px;}
	.about-container {margin-top: 0px; }
	.about1, .about2, .about3 {width: 100%; margin-bottom: 50px;}
	.img-about {margin-top: 100px;}
	.footer {padding-bottom: 0px; }
	.footer-box1, .footer-box2, .footer-box3 {width: 100%; margin-bottom: 100px;}
	
	.footer2 {padding-bottom: 0px;}
	.img-meisterbetrieb {width: 150px; height: auto;}
	.footer-box1-2 {width: 100%; margin-bottom: 35px;}

	
	.post-wrapper {padding-top: 0px; padding-bottom: 30px;}
	.post-container {padding: 0px 0px; margin-bottom: 0px; }
	.post-container-inside {margin-top: 30px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 30px 30px;}
	
}