/*
Theme Name: (c) ELLELL-One-Page / Version: 12
Description: Responsives ELLELL Webdesign-WBCE-Theme
Version: 1.0 / All rights reserved
Design, Framework, Programmierung: Lutz Lerchenfeld - ELLELL Webdesign(c)2018 - 2023
http://www.ll-design.info
*/

/* LARGE SCREENS ###################################################### */
/* LARGE SCREENS ###################################################### */
/* LARGE SCREENS ###################################################### */
/* LARGE SCREENS ###################################################### */

@import url("../css/ellell-nav.css");
/*@import url("../css/panel.css");*/

body {
scroll-behavior: smooth;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 100%;
margin: 0 auto;
font-size:14px;
line-height: 170%;
color:#000;
/*color:#5b5b5b;*/
background-color: #fff;
background-repeat: repeat;
/* automat. Silbentrennung: für Webkit Browser */
-webkit-hyphens: auto; /* Für Mozilla Browser */
-moz-hyphens: auto; /* Für Internet Explorer Browser */
-ms-hyphens: auto;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden; overflow-y:scroll;
}

p { 
  -webkit-hyphens: auto; 
  hyphens: auto; 
}

i {font-style: normal;}

hr {
border: none;
border-top: 1px solid #cacaca;
}

tr { 
vertical-align: top;
}

a{text-decoration: none; color: #db0000}
a:hover{text-decoration: none; color: #000;}

/* Dieser Eintrag entfernt den gepunkteten Rahmen um Links beim anklicken. */
a:focus {outline: none;}

*img{border:none;}
.img-scale-01{width: 70%;}

.display{display: none;}
.desktop {display: block; }
.phone {display: none; }

.oeffnungszeiten {display: none;}

.vid-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
   border: 0px;
  background-color: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 1100px){
		
.box{
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
 }
 
.popop-ll{
width: 100%;
height: 600px;
overflow: visible;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden; overflow-y:scroll;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
  
 .elements{display: none;} 
}

h1  { 
font-size:42px; 
font-family: 'open sans', arial, sans-serif;
text-align: left;
letter-spacing: 0px;
padding: 0px 0px 0px 0px;
font-weight:400; 
line-height: 120%; 
color: #000;
}

h2   { 
font-size:28px;  
font-family: 'open sans', arial, sans-serif;
margin: -15px auto 0 auto;  
text-align: left;
padding: 0px 0px 10px 0px;
letter-spacing: 0px;
font-weight:400; 
line-height: 120%; 
color: #000;
}

h3   { 
font-size:22px;  
font-family: 'open sans', arial, sans-serif;
margin: 0 auto;  
text-align: left;
padding: 0px;
letter-spacing: 0px;
margin-top: 20px; 
font-weight:400; 
line-height: 120%; 
color: #000;
}

h4        {
font-size:16px;  
font-family: 'open sans', arial, sans-serif;
margin: 0 auto;  
text-align: left;
padding: 0px;
letter-spacing: 0px;
margin-top: 20px; 
font-weight:400; 
line-height: 100%; 
color: #595858;
}

blockquote{
position: relative;
background-color: #e2e2e2;
color: #000 !important;
width: 100%;
height: auto;
padding: 10px 30px 10px 30px;
margin: 0px 0px 0px 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.videobox{
top: 0px; 
bottom: 0px;
color: #000;
width: 100%; 
min-height: 20px; 
padding: 30px 70px 35px 70px;
background-color: #fff; 
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

/* Hero ###################################################### */

#home{display: block;}
#home-2{display: none;}

.hero {
margin: -95px auto 0 auto;
width: 100%;
height: 350px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.hero h3 {
color: #5b5b5b;
font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:26px; 
font-weight: 300;
padding: 0px;
text-transform: none;
letter-spacing: 0px;
}

.herowrap{
margin-top: 93px;
background-color: #ECDBA3;
float:left;
width: 30%;
height: 450px;
font-weight: 300;
font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
text-align:left;
color: #878585;
padding: 0px 0px 0px 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.herowrap2{
margin-top: 93px;
background-color: #000;
border-top: 25px solid #000;
float:left;
overflow: hidden;
width: 70%;
height: 450px;
font-weight: 400;
font-family: 'open sans',Arial,sans-serif;
letter-spacing: 0px;
text-align:left;
font-size: 32px;
line-height: 140%;
color: #000;
padding: 0px 0px 0px 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.herowrap2 h2 {
color: #5b5b5b;
font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:32px; 
text-align: left;
font-weight: 200;
padding: 0px;
text-transform: none;
letter-spacing: 0px;
}

.clear {clear:left;}

.hero-headline{
position:relative;
font-size: 45px;
width: 600px;
min-height: 50px;
font-weight: 600;
font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 120%;
text-align:left;
color: #5b5b5b;
padding: 50px 0px 0px 0px;
overflow: hidden;
}

.herobox{
position:relative;
margin: 0px 0px 0px 0px;
text-align: left;
font-family: 'open sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
color: #c4c4c4;
font-size: 16px;
letter-spacing: 0px;
top: 0px;
height: 300px;
width: 70%;
padding: 30px 10px 10px 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.textbox-2{display: none;} 

.textbox {
margin-top: 0px; 
min-width: 550px; 
min-height: 80px; 
padding: 0px 35px 15px 35px;
background-color: rgba(0,0,0,0.7); 
position: absolute; z-index: 10;
left: 6%;
top: 290px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.textbox h1{color: #fff; font-size:36px; Text-transform: uppercase; line-height: 150%;font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 500; }

.textbox p{margin-top: -30px;color: #fff; font-size:18px; line-height: 120%; Text-transform: uppercase;font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 500;}

.clear {clear:both;}

.headline-oder-leerzeile {
padding: 20px 0px 35px 0px;
margin: 0 auto;
text-align: center;
width: 100%;
min-height: 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.vollbild-01{
margin: 0 auto 0 auto;
width: 100%;
height: 250px;
background: url("https://www.mainzer-kunstgalerie.de/media/Bilder/MKG-01-sw.jpg") no-repeat center fixed;
background-size: 100%; 
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
}

/* FRAMEWORK ###################################################### */

#masterwrap{
margin: 0px auto 0 auto;
background-color: #FAFAFA;
top: 0px;
bottom:0px;
width: 100%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#wrapper-02{
margin: 0px auto 0px auto;
top: 0px;
bottom:0px;
background-color: #cacaca;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.sectionwrap{
position: relative;
background-color: #fff;
top: 0px;
bottom: 0px;
margin:  0 auto;
padding: 0;
width: 88%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

/* FRAMEWORK  ###################################################### */

.zweispaltig-links{
position: relative;
float: left;
top: 0px;
padding: 0px 40px 40px 40px;
background-color:#fff;
text-align:left;
width: 65%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.nur-handy{display: none;}

/*.zweispaltig-links h1, .zweispaltig-links h2, .zweispaltig-links h3, 
.zweispaltig-links strong, .zweispaltig-links p {color: #000;}*/

.zweispaltig-rechts{
background-color: #FAFAFA;
position: relative;
float: left;
top: 0px;
padding: 0px 0px 20px 40px;
text-align:left;
width: 35%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.geschlossen{
background-color: red;
position: relative;
color: #fff;
top: 0px;
padding: 40px;
text-align:left;
width: 50%;
min-height: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.sectionwrap-2 {
position: relative;
top: 0px;
bottom: 0px;
margin:  0 auto;
padding: 0;
width: 88%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
  
.dreispaltig-links{
position: relative;
background-color: rgba(255, 255, 255, 0.8);
float: left;
top: 0px;
padding: 30px 40px 20px 40px;
width: 40%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.dreispaltig-mitte{
position: relative;
background-color: rgba(255, 255, 255, 0.9);
float: left;
top: 0px;
padding: 30px 40px 20px 40px;
width: 30%;
min-height:100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.dreispaltig-rechts{
position: relative;
background-color: rgba(255, 255, 255, 0.8);
float: left;
top: 0px;
padding: 30px 40px 20px 40px;
width: 30%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#zweispaltig-links-1b{
position: relative;
float: left;
top: 0px;
padding: 30px 0px 0px 0px;
margin-bottom: 0px;
text-align:left;
width: 100%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.zweispaltig-links-1{
display: none;        /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
position: relative;
background-color:#cacaca;
float: left;
top: 0px;
padding: 30px 40px 70px 0px;
margin-bottom: 0px;
text-align:left;
width: 40%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.zweispaltig-rechts-1{
display: none;        /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
position: relative;
float: left;
top: 0px;
background-color:yellow;
padding: 30px 0px 70px 40px;
margin-bottom: 0px;
text-align:left;
width: 60%;
min-height: 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.zweispaltig-links-2{
position: relative;
float: left;
padding: 0px 40px 0px 0px;
text-align:left;
width: 40%;
min-height: 50px;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.zweispaltig-rechts-2{
position: relative;
float: left;
top: 0px;
padding: 0px 0px 20px 40px;
text-align:left;
width: 60%;
min-height: 50px;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.zweispaltig-rechts-2-1 {	
}

/* Footer  ###################################################### */
.footer{
display:block;
font-size: 14px;
margin: 50px auto 0 auto;
background-color: #f2f2f2;
color:#5b5b5b;
border-top: 0px dotted #4C4B4B;
min-height: 250px;
text-align:left;
width: 100%;
padding: 50px 20px 50px 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.footer-innen{
padding: 0px 2px 1px 0px;
display:block;
font-size: 14px;
margin:  0 6% 0 6%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.footer-innen-links{
width: 40%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

/*.footer-innen-rechts{
padding: 0px 2px 1px 0px;
display:block;
font-size: 14px;
margin:  0 6% 0 6%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}*/

.footer-innen-rechts{
width: 60%;
height: auto;
padding: 0px 0px 20px 50px;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.footer a:link{
text-decoration: none;
color: #db0000;
}

.footer a:hover{
text-decoration: none;
color: #000;
}

.footer a:visited{
text-decoration: none;
color: #db0000;
}

.footer h3{
color: #000;
}

#menuwrapper{
margin-top: 70px;
z-index:  1000;
position:fixed;
display:block;
}
#menuwrapper h1{
font-size:36px; 
margin-top: 2px;
font-family: 'open sans', arial, sans-serif;
text-align: left;
letter-spacing: 0px;
padding: 0px 0px 0px 0px;
font-weight:400; 
line-height: 120%; 
color: #595858;	
}

#druckversion{display: none;}

#startseite{
margin-top: 80px;
min-height: 800px;
font-weight: 400;
font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
text-align:left;
color: #fff;
padding: 0px 0px 0px 0px;
overflow: hidden;
}

#startseite-phone{
display:none;
}

#startseite2{
display: none;
}

#menufader{
z-index: 1000;
}

#logo {
position: fixed;
font-family: 'Open Sans', Arial, sans-serif;
color:#000;
width: 150px;
height:50px;
top:5px;
left: 0px;
margin: 5px 0px 0px 20px;
padding: 0px 0px 0px 0px;
z-index:10000;
}

#toTop {
	display:block;
	text-decoration:none;
	position:fixed;
	bottom:250px;
	right:15px;
	overflow:hidden;
	width:40px;
	height:40px;
	border:none;
	text-indent:100%;
	background-color:#cacaca;
	background-image: url("../img/up-4.png");
	background-size: 40px 40px;
	z-index:1000;
}

#toTop img{
	width:60px;
	height:60px;
}

#toTopHover {
	background-image: url("../img/up-4.png");
	background-color:#000;
	background-size: 40px 40px;
	width:40px;
	height:40px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	z-index:1000;
}

#toTop:active, #toTop:focus {
	outline:none;
}

#menuwrapper-phone {display: none;}
#startseite2{display: none;}

.clear {clear:left;}

a[href^="tel"]:link{text-decoration: none; color: #db0000;}
a[href^="tel"]:visited,
a[href^="tel"]:hover {text-decoration: none; color: #000;}


/* MEDIUM TABLET ###################################################### */
/* MEDIUM TABLET ###################################################### */
/* MEDIUM TABLET ###################################################### */
/* MEDIUM TABLET ###################################################### */
/* MEDIUM TABLET ###################################################### */

@media screen and (min-width:751px) and (max-width:1000px){
	
#druckversion, .home, .hero{display: none;}

h3 {text-align: left;}
h2 {margin-top: 0px;}

.img-scale-01{width: 50%;}

.display{display: none;}

.videobox{
top: 0px; 
bottom: 0px;
color: #000 !important;
width: 100%; 
background-color: #fff;
min-height: 20px; 
padding: 20px 20px 20px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#wrapper-02{
margin: 0px auto 0px auto;
top: 0px;
bottom:0px;
background-color: #cacaca;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.wrapper-headline h1{
margin-left: 20px;
font-size: 26px;  
font-family: 'montserrat', arial, sans-serif;
text-transform: none; 
text-align: center;
width: 200px;
height: 60px;
background-color: #000;
padding: 30px 0px 0px 0px;
letter-spacing: 1px;
font-weight:300; 
line-height: 100%; 
color: #fff;
}

.masterwrap, .sectionwrap, .zweispaltig-rechts-2, .zweispaltig-links-2, .headline,  .zweispaltig-links, .zweispaltig-rechts, 
.dreispaltig-links, .dreispaltig-mitte, .dreispaltig-rechts, .zweispaltig-links-1, .zweispaltig-rechts-1, .zweispaltig-rechts-1b,
.vierspaltig, .fuenfspaltig, #zweispaltig-links-1b {
padding: 0px 20px 20px 20px;
width: 100%;
min-height: 50px;
margin: 0;
}
.nur-handy{display: none;}

.sectionwrap, .masterwrap{
padding: 0px;
width: 100%;
margin: 0;
}

.herowrap, .herowrap2 {display: none;}

.herobox{
display: none;
position:relative;
width: 100%;
margin: 0px auto 0 auto;
text-align: center;
background-color: green;
padding: 0px 10px 40px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#home{display: none;}
#home-2{
display: block;
background-color:#F4F4F4;
margin: 80px auto 0 auto;
text-align: left;
padding: 0px 0px 0px 0px;
min-height: 150px;
width: 100%;
}

.textbox{display: none;}
.textbox-2 {
display: block;
margin: -30px auto 0px auto; 
width: 100%; 
min-height: 80px; 
padding: 25px 20px 20px 20px;
background-color: rgba(0,0,0,0.8);  
z-index: 1000;
left: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.textbox-2 h1{color: #fff; font-size:36px; Text-transform: uppercase;font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif; }
.textbox-2 p{color: #fff; font-size:18px; line-height: 120%; Text-transform: uppercase;font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif;}

#startseite-phone{
margin: 0px auto 0 auto;
display: block;
width: 100%;
top: 0px;
min-height: 100px;
font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
padding: 0px 0px 0px 0px;
}

.headerlogo-phone {position:relative; width: 20%; height: auto;}

#animatescroll-1, .scroll {
display: none;
background: transparent;
}

#zweispaltig-links-1b {
padding: 0px 0px 20px 0px;
width: 100%;
min-height: 50px;
margin: 0;
}

.scroll-1 {
display: block;
top: 0px;
left: 0px;
border-radius: 0px;
text-align: center;
font-size:16px;
padding: 42px 0px 0px 0px;
width: 50px;
height: 70px;
}

.footer{
padding: 0px;
height: auto;
width: 100%;
margin: 0px auto;
display:block;
font-size: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.footer-innen{
min-width:100px;
height: auto;
margin: 20px 20px 0px 20px;
padding: 10px 0px 50px 0px;
display:block;
font-size: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

a[href^="tel"]:link{text-decoration: none; color: red;}
a[href^="tel"]:visited,
a[href^="tel"]:hover {text-decoration: none; color: #000; font-size:22px;}

}
	
/* SMALL SMARTPHONE ###################################################### */
/* SMALL SMARTPHONE ###################################################### */
/* SMALL SMARTPHONE ###################################################### */
/* SMALL SMARTPHONE ###################################################### */
/* SMALL SMARTPHONE ###################################################### */

@media screen and (min-width:80px) and (max-width:750px){
	
#druckversion, .home, .hero{display: none;}
.display{display: block;}

.desktop {display: none; }
.phone {display: block; }

.oeffnungszeiten {display: block;}

.textanimation_stil {
font-size:18px; 
font-family: 'open sans', arial, sans-serif;
text-align: left;
letter-spacing: 0px;
margin-top: 0px; 
padding: 0px 0px 0px 0px;
font-weight:500; 
line-height: 120%; 
color: #595858;
}

h1  { 
font-size:20px; 
font-family: 'open sans', arial, sans-serif;
text-align: left;
letter-spacing: 0px;
margin-top: 0px; 
padding: 0px 0px 0px 0px;
font-weight:300; 
line-height: 120%; 
color: #595858;
}

body {
font-family: 'open sans', arial, sans-serif;
font-weight: 400;
margin: 0 auto;
font-size:13px;
line-height: 140%;
color:#000;
background-color: #fff;
background-repeat: repeat;
/* automat. Silbentrennung: für Webkit Browser */
-webkit-hyphens: auto; /* Für Mozilla Browser */
-moz-hyphens: auto; /* Für Internet Explorer Browser */
-ms-hyphens: auto;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden; overflow-y:scroll;
}

blockquote{
position: relative;
background-color: #e2e2e2;
color: #000 !important;
width: 100%;
height: auto;
padding: 10px 30px 10px 30px;
margin: 0px 0px 0px 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
	
h1  { 
font-size:28px; 
font-family: 'open sans', arial, sans-serif;
text-align: left;
letter-spacing: 0px;
margin-top: 0px; 
padding: 0px 0px 0px 0px;
font-weight:400; 
line-height: 120%; 
color: #595858;
}
h2 {font-size:22px; margin-top: 0px; line-height: 120%;}


h3   { 
font-size:17px;  
font-family: 'open sans', arial, sans-serif;
margin: 0 auto;  
text-align: left;
padding: 0px;
letter-spacing: 0px;
margin-top: 20px; 
font-weight:600; 
line-height: 120%; 
color: #595858;
}

.img-scale-01{width: 100%;}

.videobox{
top: 0px; 
bottom: 0px;
color: #000;
width: 100%; 
background-color: #fff;
min-height: 20px; 
padding: 20px 20px 20px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#wrapper-02{
margin: 50px auto 0px auto;
top: 0px;
bottom:0px;
background-color: #cacaca;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.zweispaltig-links{
padding: 30px 20px 20px 20px;
width: 100%;
min-height: 50px;
margin: 0;
}

.nur-handy{
display: block;
padding: 10px 0px 20px 0px;
width: 100%;
min-height: 10px;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.masterwrap, .sectionwrap, .zweispaltig-rechts-2, .zweispaltig-links-2, .headline, .zweispaltig-rechts, 
.zweispaltig-links-1, .zweispaltig-links, .zweispaltig-links-2, .zweispaltig-rechts-1, .zweispaltig-rechts-2, .zweispaltig-rechts-1b,
.vierspaltig, .fuenfspaltig, .footer-innen {
padding: 0px 20px 20px 20px;
width: 100%;
min-height: 50px;
margin: 0;
}

.wrapper-headline h1{
margin-left: 20px;
font-size: 26px;  
font-family: 'montserrat', arial, sans-serif;
text-transform: none; 
text-align: center;
width: 200px;
height: 60px;
background-color: #000;
padding: 30px 0px 0px 0px;
letter-spacing: 1px;
font-weight:300; 
line-height: 100%; 
color: #fff;
}

.dreispaltig-links, .dreispaltig-mitte, .dreispaltig-rechts {
padding: 0px 20px 20px 20px;
width: 100%;
min-height: 50px;
margin: 0;
background-color: #e8e5e5;}

#zweispaltig-links-1b {
padding: 0px 0px 20px 0px;
width: 100%;
min-height: 50px;
margin: 0;
}

.sectionwrap, .masterwrap{
position: relative;
padding: 0px;
width: 100%;
margin: 0;
}

.herowrap, .herowrap2 {display: none;}

.vollbild-01{
display: none;
margin: 0 auto 0 auto;
width: 100%;
height: 200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
}

#home{
display: none;
}

#home-2{
display: block;
background-color:#F4F4F4;
margin: 80px auto 0 auto;
text-align: left;
padding: 0px 0px 0px 0px;
min-height: 250px;
width: 100%;
}

.textbox{display: none;}
.textbox-2 {
display: block;
margin: -20px auto 0px auto; 
width: 100%; 
min-height: 80px; 
padding: 25px 20px 10px 20px;
background-color: rgba(0,0,0,0.8);  
z-index: 1000;
left: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.textbox-2 h1{color: #fff; font-size:24px; line-height: 120%; Text-transform: uppercase;font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif; }
.textbox-2 p{color: #fff; font-size:15px; Text-transform: uppercase;font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif;}

.herobox{
display: none;
position:relative;
width: 100%;
margin: 0px auto 0 auto;
text-align: center;
background-color: green;
padding: 0px 10px 40px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#startseite-phone{
margin: 0px auto 0 auto;
display: block;
width: 100%;
top: 0px;
min-height: 100px;
font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
padding: 0px 0px 0px 0px;
}

.headerlogo-phone {position:relative; width: 30%; height: auto;}

#animatescroll-1, .scroll {
display: none;
background: transparent;
}

.scroll-1 {
display: block;
top: 0px;
left: 0px;
border-radius: 0px;
text-align: center;
font-size:16px;
padding: 42px 0px 0px 0px;
width: 50px;
height: 70px;
}

.footer{
padding: 0px;
height: auto;
width: 100%;
margin: 0px auto;
display:block;
font-size: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.footer-innen-rechts, .footer-innen-links {
padding: 20px 0px 0px 0px;
width: 100%;
font-size:13px;
min-height: 50px;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#toTop {
	display:block;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:0px;
	overflow:hidden;
	width:40px;
	height:40px;
	border:none;
	text-indent:100%;
	background-color:#000;
	background-image: url("../img/up-4.png");
	background-size: 40px 40px;
	z-index:100;
}

#toTop img{
	width:60px;
	height:60px;
}

#toTopHover {
	background-image: url("../img/up-4.png");
	background-color:#000;
	background-size: 40px 40px;
	width:40px;
	height:40px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	z-index:1000;
}

#toTop:active, #toTop:focus {
	outline:none;
}

a[href^="tel"]:link{text-decoration: none; color: red; font-size:22px;}
a[href^="tel"]:visited,
a[href^="tel"]:hover {text-decoration: none; color: #000; font-size:22px;}

}