/* media querie handhelds 1920px Große Monitore */
@media only screen and (min-width: 1920px) {
 .reframe {
max-width: 1920px
}

/* Section img top home*********************************/
#visual {
	min-height:500px;
	margin:0 auto 0 auto;
	padding: 0% 0% 0% 0%;
}
#visual-slogan {
	max-width:1100px;
	min-height:350px;
	width:100%;
	margin:-0 auto 0 auto;
	text-align:left;
}
#visual-slogan-inner {
  padding: 4% 4% 4% 4%;
}

/* Section Content*********************************/
#content-wrapper {
 width:100%;
 padding:16% 0% 0% 0%;
}
}

/* media querie handhelds 1600px Große Monitore */
@media only screen and (min-width: 1600px) {
 .reframe {
max-width: 1600px
}


}

/* media querie handhelds 1280px Große Monitore */
@media only screen and (min-width: 1280px) {
 .reframe {
max-width: 1280px
}

/* Section img top home*********************************/

#visual {
	width:100%;
	margin:0% auto 0% auto;
	padding: 0% 0% 0% 0%;
}

#visual-slogan {
	max-width:1100px;
	width:100%;
	margin:50px auto 0 auto;
	text-align:left;
}

#visual-slogan-inner {
 margin-top:450px;
 margin-bottom:-50px;
 padding: 2% 4% 2% 4%;
}
}

/* media querie handhelds 1080px Große Monitore */
@media only screen and (min-width: 1080px) {
 .reframe {
max-width: 1080px
}

/* Section img top home*********************************/
#visual {
	width:100%;
	margin:6% auto 4% auto;
	padding: 6% 0% 5% 0%;
}

#visual-slogan-inner {
 margin-top:280px;
 padding: 2% 4% 2% 4%;
}
}

/* media querie handhelds more than 1024px Mittlere Monitore */
@media only screen and (max-width: 1024px) {
 .reframe {
max-width: 1024px
}

/* Basics *********************************/
body p {
 line-height:1.4em;
 font-size:1.1em;
 margin-bottom:20px;
}

/* Sections Header *********************************/
#logo {
width: 35%;
}

/* Navigation Top *********************************/
#mainMenu {
width: 75%;
}
 #mainMenu .icon {
 margin-left:0px;
}

/* Section img top home*********************************/

#visual {
	width:100%;
	margin:4% auto 4% auto;
	padding: 6% 0% 5% 0%;
}

#visual-slogan-inner {
 margin-top:360px;
 padding: 2% 4% 2% 4%;
}
#visual-slogan-inner h1 {
 font-size:2.6em;
 line-height:1.1em;
}

/* Sections Offer *********************/

#content02 .column-left {
 width:45%;
 min-height:180px;
 margin:0 2% 3% 0;
 padding:2% 2% 2% 2%;
 text-align:left;
 float:left;
 background-color:#fff;
}
#content02 .column-right {
 width:45%;
 min-height:180px;
 margin:0 0 3% 0;
 padding:2% 2% 2% 2%;
 text-align:left;
 float:left;
 background-color:#fff;
}
}

/* media querie handhelds more than 980px Mittlere Monitore */
@media only screen and (max-width: 980px) {
 .reframe {
max-width: 980px
}

/* Sections Header *********************************/
#logo {
width: 20%;
}

/* Navigation Top *********************************/
#mainMenu {
width: 80%;
}

/* Section img top home*********************************/

#visual {
	width:100%;
	margin:6% auto 4% auto;
	padding: 6% 0% 5% 0%;
}

#visual-slogan-inner {
 margin-top:300px;
 padding: 2% 4% 2% 4%;
}
}
.hidden {
	display: none;
}


/* media querie handhelds more than 900px Mittlere Monitore */
@media only screen and (max-width: 900px) {
 .reframe {
max-width: 900px
}

/* Sections Header *********************************/
#logo {
width: 40%;
}
#headercontent h1 {
font-size:2.8em;
line-height:0.9em;
}
#headercontent h2 {
font-size:0.970em;
}

/* Navigation Top *********************************/
#mainMenu {
width:60%;
}
 .hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #mobilMenu {
 height: 40px;
 overflow: hidden;
 padding:0% 0% 0% 0%;
 margin:0 auto;
}
 #mobilMenuListe {
margin-top:130px;
}

/* Section img top home*********************************/

#visual {
	width:100%;
	margin:8% auto 4% auto;
	padding: 6% 0% 5% 0%;
}

#visual-slogan-inner {
 margin-top:300px;
 padding: 2% 4% 2% 4%;
}
#visual-slogan-inner h1 {
 font-size:2.2em;
 line-height:1.1em;
}

/* Section Content*********************************/
#content02 h1 {
font-size:2.2em;
}
#content03 h1 {
font-size:2.2em;
}
}
.hidden {
	display: none;
}

/* media querie handhelds more than 800px Mittlere Monitore */
@media only screen and (max-width: 800px) {
 .reframe {
max-width: 800px
}

/* Basics *********************************/
body h1 {
 font-size:2.3em;
 line-height:1.2em;
}
body p {
 line-height:1.3em;
 font-size:1.0em;
 margin-bottom:20px;
}

/* Section img top home*********************************/

#visual {
	width:100%;
	margin:5% auto 4% auto;
	padding: 6% 0% 5% 0%;
}

#visual-slogan-inner {
 margin-top:400px;
 padding: 2% 4% 2% 4%;
}

/* top_padding, zuständig für Abstand Navigation fixed *********************************/

#top_padding {
 padding-top: 50px;
}

/* Navigation Top *********************************/
 #mobilMenuListe {
margin-top:130px;
}

/* Basics *********************************/
body p.intro {
width:80%;
}

/* Section Content*********************************/
#content02 h1 {
font-size:2.0em;
}
#content03 h1 {
font-size:2.0em;
}
}
.hidden {
	display: none;
}


/* media querie handhelds more than 800px Mittlere Monitore */
@media only screen and (max-width: 768px) {
 .reframe {
max-width: 768px
}

/* Basics *********************************/
body h2 {
 font-size:1.4em;
 line-height:1.2em;
 font-weight:600;
 text-transform:uppercase;
 margin:0 auto 2% auto;
 text-align:left;
}

/* Navigation Top *********************************/
 #mobilMenuListe {
margin-top:130px;
}

/* Section img top home*********************************/
#visual-slogan-inner {
 margin-top:220px;
 padding: 2% 4% 2% 4%;
}

/* Sections Offer *********************/

#content02 .column-content-bottom-intro li span {
 line-height:1.4em;
 font-size:0.9em;
 font-weight:400;
 color:#1a171b;
}
 #content03 .column-content-bottom-intro li span {
 line-height:1.4em;
 font-size:0.9em;
 font-weight:400;
 color:#1a171b;
}
}
.hidden {
	display: none;
}

/* media querie handhelds less than 667px Tabletts */
@media only screen and (max-width: 667px) {
 .reframe {
max-width: 667px
}

/* Navigation Top *********************************/
 #mobilMenuListe {
margin-top:130px;
}

/* Section img top home*********************************/
#visual-slogan-inner {
 margin-top:180px;
 padding: 2% 4% 2% 4%;
}
#visual-slogan-inner h1 {
 font-size:1.7em;
 line-height:1.1em;
}

/* Basics *********************************/
body p.attention {
 margin-top:5%;
 margin-bottom:5%;
 width:80%;
}

/* Sections Offer *********************/

#content02 .column-content-left h1 {
 font-size:1.8em;
 line-height:1.2em;
}
 #content02 .column-content-bottom-intro {
 padding:2% 2% 4% 2%;
}
 #content02 .column-content-bottom-left {
 width:96%;
 margin:0 0 0 0;
 padding:0 2% 0 2%;
 float:none;
}
 #content02 .column-content-bottom-right {
 width:96%;
 margin:0 0% 0% 0;
 padding:0 2% 0 2%;
 float:none;
}
 #content02 .column-content-bottom-intro ul {
 margin:0;
}
 #content03 .column-content-left h1 {
 font-size:1.8em;
 line-height:1.2em;
}
 #content03 .column-content-bottom-intro {
 padding:2% 2% 4% 2%;
}
 #content03 .column-content-bottom-left {
 width:96%;
 margin:0 0 0 0;
 padding:0 2% 0 2%;
 float:none;
}
 #content03 .column-content-bottom-right {
 width:96%;
 margin:0 0% 0% 0;
 padding:0 2% 0 2%;
 float:none;
}
 #content03 .column-content-bottom-intro ul {
 margin:0;
}
}
.hidden {
	display: none;
}

/* media querie handhelds less than 640px Tabletts */
@media only screen and (max-width: 640px) {
 .reframe {
max-width: 640px
}

/* Basics *********************************/
body h1 {
 font-size:2.1em;
 line-height:1.1em;
}
 body h3.intro {
 font-size:1.3em;
 line-height:1.4em;
 font-weight:600;
 margin:-10px auto 10px auto;
}
 #content02 .column-content-left h1 {
font-size:1.5em;
}
#content03 .column-content-left h1 {
font-size:1.5em;
}

/* Section img top home*********************************/
#visual-slogan-inner {
 margin-top:130px;
 padding: 2% 4% 1% 4%;
}
#visual-slogan-inner h1 {
 font-size:1.7em;
 line-height:1.1em;
}
}
.hidden {
	display: none;
}


/* media querie handhelds less than 600px */
@media screen and (max-width: 480px) {
 .reframe {
max-width: 480px
}

/* top_padding, zuständig für Abstand Navigation fixed *********************************/

#top_padding {
 padding-top: 100px;
}

/* Basics *********************************/
body h1 {
 font-size:2.1em;
 line-height:1.1em;
}
body p {
 font-size:0.975em;
 line-height:1.5em;
}
 body p.intro {
width:100%;
}
 #content02 .column-content-left h1 {
font-size:1.2em;
}
#content03 .column-content-left h1 {
font-size:1.2em;
}

/* Navigation Top *********************************/
 #mobilMenuListe {
margin-top:120px;
}

/* Sections Header *********************************/

.headercontent-inner {
 width:100%;
 padding:0 0 0 0;
 height:150px;
 float:left;
}
 #logo {
width: 20%;
}

/* Section img top home*********************************/
#visual-slogan-inner {
 margin-top:120px;
 padding: 2% 4% 2% 4%;
}
#visual-slogan-inner h1 {
 font-size:1.7em;
 line-height:1.1em;
}

/* Sections Footer *********************/
#footer h1 {
margin:0 auto 10px auto;
}
#footer p {
font-size:1.05em;
line-height:1.3em;
}
}
.hidden {
	display: none;
}

/* media querie handhelds less than 375px */
@media screen and (max-width: 375px) {
 .reframe {
max-width: 375px
}

/* Basics *********************************/
body h1 {
 font-size:1.9em;
 line-height:1.1em;
}
 body h2 {
 font-size:1.1em;
 line-height:1.2em;
 margin-top:2%;
}
 body p {
 font-size:0.9em;
 line-height:1.4em;
}

/* Sections Header *********************************/

.headercontent-inner {
 width:100%;
 padding:0 0 0 0;
 height:120px;
 float:left;
}
 #logo {
width: 20%;
}

/* top_padding, zuständig für Abstand Navigation fixed *********************************/

#top_padding {
 padding-top: 80px;
}

/* Navigation Top *********************************/
#mainMenu {
width:30%;
}

/* Navigation Top *********************************/
 #mobilMenuListe {
margin-top:80px;
}

/* Section img top home*********************************/
#visual-slogan-inner {
 margin-top:120px;
 padding: 2% 4% 2% 4%;
}
#visual-slogan-inner h1 {
 font-size:1.3em;
 line-height:1.3em;
}
 #visual-artist {
 padding: 0%;
}

/* Sections Offer *********************/

#content02 .column-content-left {
 width:96%;
 min-height:auto;
 margin:0 0 0 0;
 padding:4% 2% 4% 2%;
 float:none;
}
 #content02 .column-content-right {
 width:100%;
 min-height:140px;
 margin:0 0 0 0;
 padding:3% 0% 0% 0%;
 float:none;
}
 #content03 .column-content-left {
 width:96%;
 min-height:auto;
 margin:0 0 0 0;
 padding:4% 2% 4% 2%;
 float:none;
}
 #content03 .column-content-right {
 width:100%;
 min-height:140px;
 margin:0 0 0 0;
 padding:3% 0% 0% 0%;
 float:none;
}

/* Sections Footer *********************/
#footer {
margin: 3% auto 5% auto;
}
#footer-copyright {
max-width:250px;
width:92%;
}

/* Button Up V02*********************/
#back-top {
bottom: 195px;
right: 10px;
}
 #back-top a {
 width: 50px;
 height: 45px;
 padding-top:8px;
 font-family:'Ubuntu', Helvetica, Arial, sans-serif;
 font-size:4.0em;
 line-height:1.100em;
}
}
.hidden {
	display: none;
}