/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/*

rgba(35,31,32,0.5);


#B35460;

#231F20;

#FBFAF0;
#FBFAF0;

*/






#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {  z-index: 100000000000;}

.gdpr_lightbox-wrap{z-index: 10000000;}







/* --------------------------------------------------------- */

.sc{
margin-right:0;
margin-left:0;
width:300vw;
position:relative;
transition: padding 1.3s ease-out, opacity 0.79s ease-in;
left:-100vw;
overflow:hidden;
}


.sci{
width:100vw;
margin-right:auto;
margin-left:auto;
transition: opacity 0.7s ease-in;
opacity: 1;
padding-left:0;
padding-right:0;
}



/* --------------------------------------------------------- */

#mobox{
position:fixed;
top:0;
left:0;
display:none;
width:100vw;
height:100vh;
z-index:3000;
padding:4vw;
background-color: rgba(0,0,0,0.7);
opacity: 0;
transition: opacity 1.6s ease;
}

#mobox2{
width:100%;
height:100%;
background-position: center center;
background-size: cover;
background-image: none;
background-size: contain;
background-repeat: no-repeat;
transition: opacity 1.6s ease;
}






/* --------------------------------------------------------- */

.post-edit-link{display:none;}
.entry-title{display:none;}

html{overflow:hidden;}
body{overflow:hidden;}
header{overflow:hidden;}
wrapper{overflow:hidden;}

.entry-content{width:100vw;}

#container{background-color: #FBFAF0;}


footer a:link, footer a:visited{color: #FBFAF0; text-decoration: none !important;}
footer a:active, footer a:hover{color:#B35460;text-decoration: none !important;}

a:link, a:visited { text-decoration: none !important; color:#B35460 !important;}
a:hover{color:#FBFAF0; !important;}


/* --------------------------------------------------------- */

.men{
  	font-family: "Playfair Display SC", serif;
  	font-weight: 300;
  	font-style: normal;
  	font-size:2vh;
  	color: #FBFAF0;
  	text-align:left;
	border-left:1px solid #B35460;
	padding-left:1vh;
	padding-right:1vh;
	 z-index:1005;
}
.meno{
 	font-weight: 300;
    font-style: normal;
    font-size: 3vh;
    line-height: 2.9vh;
    margin-top: 0vh;
    margin-bottom: 0vh;
    margin-left: 3.7vh;
    color: #FBFAF0;
    border-left: 2px solid #B35460;
    padding-left: 1vh;
	z-index:1004;
}

.men a:link, .men a:visited{color: #FBFAF0;  !important;}
.men a:active, .men a:hover{color:#B35460 !important;}

#JRR{
	display:flex;
}

#menuoben{
background-color:#231F20;
height: 12vh;
width:100vw;
position: fixed;
top:0;
left:0;
display:flex;
z-index:1003;
justify-content:space-between;
border-bottom: 0.1px solid rgba(251,255,240,0.5);
}

#menuobenlinks{
display:flex;
justify-content: left;
align-items: center;
align-content: center;
padding-left:3vh;
width:50vh;
}

#menuobenlinks0{
height:6vh; 
width:6vh;
min-height:6vh;
flex-shrink:0;
background-image:url("https://www.jasminrizzo.de/wp-bau/jr-logo2.png");
background-position: center center;
background-size: 100% 100%;
}

#menuobenlinks1{
  font-family: "Playfair Display SC", serif;
  font-weight: 600;
  font-style: normal;
  font-size:3vh;
  color: #FBFAF0;
  margin-left:2vh;
}

#menuobenlinks2{
height:6vh;
}

#menuobenlinks3{
  font-family: "Playfair Display SC", serif;
  font-weight: 500;
  font-style: normal;
  font-size:3vh;
  color: #FBFAF0;
  text-align:right;
}


.menuobena{
display:flex;
justify-content: right;
align-items: center;


}






#menuobenmitte{
margin-top:auto;
margin-bottom:auto;
  width:100%;
  flex-shrink: 100;

}

#menuobenrechts{
width:29vh;
display:flex;
justify-content: right;
align-items: center;
padding-right:3vh;
}

#menuo2,#menuo3,#menuo1,#menuo4,#menuo5,#menou1,#menou2,#menou3,#menou4,#menou5{
background-position: center center;
background-size: 100% 100%;
height:4vh;
width:4vh;
margin-left:2vh;
}

#menuo2s,#menuo5s{
background-position: center center;
background-size: 100% 100%;
height:12vh;
width:12vh;
margin-left:4vh;
mix-blend-mode: darken;
}

#menuo1{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-li.png");}
#menuo2{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-mail.png");}
#menuo3{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-map.png");}
#menuo4{background-image:url("https://www.jasminrizzo.de/wp-bau/de.png");width:5.5vh;border: 4px solid #FBFAF0;}
#menuo4s{background-image:url("https://www.jasminrizzo.de/wp-bau/de.png");width:5.5vh;}
#menuo5{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-tel.png");}

#menuo2s{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-mail.png");}
#menuo5s{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-tel.png");}

#menou1{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-li.png");}
#menou2{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-mail.png");}
#menou3{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-map.png");}
#menou4{background-image:url("https://www.jasminrizzo.de/wp-bau/de.png");width:5.5vh;border: 3px solid #FBFAF0;}
#menou5{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-tel.png");margin-left:0;}

#aaa1{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-tel.png");}
#aaa2{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-mail.png");}
#aaa3{background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-li.png");}

#fotlang{background-image:url("https://www.jasminrizzo.de/wp-bau/de.png");height:20px; width:30px; background-position: center center;background-size: 100% 100%;border: 1px solid #FBFAF0;}
/* --------------------------------------------------------- */



#menuunten{
background-color:#231F20;
height:12vh;
width:100vw;
display: flex;
border-bottom: 0.1px solid rgba(251,255,240,0.5);
}

#menuuntenlinks{ flex-shrink: 0;}

#menuuntenrechts{ flex-shrink: 0;}

#menuuntenmitte{
width: 100%;
font-family: "Playfair Display SC", serif;
font-weight: 400;
font-style: normal;
font-size:2vh;
color: #FBFAF0;
justify-content: space-around;
align-items: center;
display: flex;
flex-shrink: 100;
}

#menuunten2{
display: none;
  font-family: "Playfair Display SC", serif;
  font-weight: 400;
  font-style: normal;
  font-size:2vh;
  color: #FBFAF0;
  justify-content: space-around;
align-items: center;
}
#menu2u1,#menu2u2,#menu2u3,#menu2u4,#menu2u5{
border-left:1px solid #B35460;
padding-left:1vh; 
background-color:#231F20;
margin-left:1vh;
}
#menuu1,#menuu2,#menuu3,#menuu4,#menuu5{
border-left:1px solid #B35460;
padding-left:1vh; 
background-color:#231F20;
margin-left:1vh;
}






/* --------------------------------------------------------- */




#menooben{
background-color:#231F20;
height: 12vh;
width:100vw;
position: fixed;
top:0;
left:0;
display:flex;
z-index:1006;
justify-content:space-between;
border-bottom: 0.1px solid rgba(251,255,240,0.5);
}


#menooben2{
background-color:#231F20;
height: 65vh;
width:10vw;
position: fixed;
top:0;
left:0;
display:flex;
z-index:1000;
justify-content:space-between;
border-bottom: 0.1px solid rgba(251,255,240,0.5);
}


#menoobenlinks{
display:flex;
justify-content: left;
align-items: center;
padding-left:2vh;
flex-shrink:100;
}

#menoobenlinks0{
height:4vh; 
width:4vh;
margin-top:0.3vh;
min-height:4vh;
flex-shrink:0;
  background-image:url("https://www.jasminrizzo.de/wp-bau/jr-logo2.png");
background-position: center center;
background-size: 100% 100%;

}

#menoobenlinks1{
  font-family: "Playfair Display SC", serif;
  font-weight: 600;
  font-style: normal;
  font-size:2vh;
  color: #FBFAF0;
  margin-left:1.5vh;
}

#menoobenlinks2{
height:4vh;
}

#menoobenlinks3{
  font-family: "Playfair Display SC", serif;
  font-weight: 500;
  font-style: normal;
  font-size:2vh;
  color: #FBFAF0;
  text-align:right;
}

.menuobena{
display:flex;
align-items: center;
}

#menoobenmitte{  flex-shrink: 100;}

#menoobenrechts{
width:4.5vh;
height:4vh;
display:flex;
justify-content:space-around;
align-items: center;
margin:1vh 2vh 1vh 0;
flex-shrink:0;
background-image:url("https://www.jasminrizzo.de/wp-bau/jr-icons-menu.png");
background-position: center center;
background-size: 100% 100%;
}

#menoobendrop{
width:100vw;
height:0vh;
position:fixed;
top:12vh;
left:0;
display: none;
  font-family: "Playfair Display SC", serif;
  font-weight: 400;
  font-style: normal;
  font-size:4vh;
  color: #FBFAF0;
  justify-content: space-around;
align-items: left;
display:flex;
flex-direction:row;
overflow:hidden;
background-color:rgba(0,0,0,0.77);
transition: all 0.6s ease;
box-shadow:0vw 0vw 0vw 0vw rgba(0,0,0,0.0);
z-index:1002;
padding-top:0vh;
padding-bottom: 0vh;
}

#aa1{
width:100vw;
height:auto;
  font-family: "Playfair Display SC", serif;
  font-weight: 400;
  font-style: normal;
  font-size:4vh;
  color: #FBFAF0;
  justify-content: space-around;
align-items: left;
display:flex;
flex-direction:column;
overflow:hidden;
background-color:none;
transition: all 0.6s ease;
box-shadow:0vw 0vw 0vw 0vw rgba(0,0,0,0.0);
z-index:1002;
padding-top:0vh;
padding-bottom: 0vh;
}

#aa1drop a:link, #aa1drop a:visited { text-decoration: none;}
#aa1drop a:link, #aa1drop a:visited{color: #FBFAF0;}
#aa1drop a:active, #aa1drop a:hover{color:#B35460;}

#aa2{
display:flex;
flex-direction:column;
align-items: left;
margin-top:2vh;
}


#aaa1,#aaa2,#aaa3,#aaa4{

background-position: center center;
background-size: 100% 100%;
height:4.5vh;
width:4.5vh;
margin-right:5vw;
margin-bottom:5vw;
}



/* --------------------------------------------------------- */




#menounten{
background-color:#231F20;
height: 12vh;
width:100vw;
display:flex;
align-items: center;
border-top: 0.1px solid rgba(251,255,240,0.5);
}

#menounten2{
display:flex;
flex-direction:row;
justify-content:space-between;
margin-left:auto;
margin-right:auto;
}


/* --------------------------------------------------------- */















#headshow{

height:76vh;
width:100vw;
margin-top:12vh;
overflow: hidden;  
}

#s1,#s2,#s3,#s4,#s5{
height:76vh;
width:100vw;
position:absolute;
top:12vh;
left:0;
background-size: cover;

opacity:0;
transition: opacity 1.4s ease;
justify-content: space-around;
align-items: center;
display: flex;
overflow:hidden;
flex-direction:column;
}

#s1t,#s2t,#s3t,#s4t,#s5t{
width:50vw;
transition: opacity 1.4s ease;
box-shadow: 0px 0px 22px 22px rgba(0,0,0,0.1);
background-color:rgba(0,0,0,0.1);
 font-family: "Tinos", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:8vh;
  color: #FBFAF0;
  text-shadow: 0px 0px 16px #000;
  text-align:center;
  background-image:url("https://www.jasminrizzo.de/wp-bau/jr-shadow1.png");
background-position: center center;
background-size: 100% 100%;
overflow:show;
display:none;
}


/* ------------ FOOOOTER --------------------------------------------- */
footer{
background-color:#231F20;
width:100vw;
display:flex;
flex-direction:column;
color: #B35460;
font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:18px;
  color: #FBFAF0;
  text-align:left;
  line-height:30px;
  text-shadow: 0px 0px 16px #000;
}



footertop{
width:100vw;
display:flex;
height:40px;
justify-content:space-between;
align-items: center;
flex-direction:row;
padding-left:2vw;
padding-right:2vw;
}

footermid{
display:flex;
height:0px;
justify-content:space-around;
align-items: center;
}

footermidborder{height:2px; margin-left:auto; margin-right:auto;}
footermidborder2{width:100%; display: block;}

footerlow{
display:flex;
width:100vw;
height:40px;
justify-content:center;
gap:1vh;
align-items: center;
}


footerlowlow{
display:flex;
height:40px;
justify-content:space-around;
align-items: center;
}








/* --------------------------------------------------------- */

/* --------------------------------------------------------- */

/* --------------------------------------------------------- */

/* --------------------------------------------------------- */


@media (max-width: 1200px) {
  	#menuobenlinks3, #menuobenlinks2{    display: none;  }
  	#menuobenlinks{    width: 18vh;  }
  	#menuobenmitte{padding-left: 1vh;  padding-right: 1vh; }
	#menuuntenmitte{padding-left: 1vh;  padding-right: 1vh; }
}
@media (max-width: 1000px) {
	#menuobenlinks1{    display: none;  }
	#menuobenlinks{    width: 9vh;  }
	#menuobenmitte{padding-left: 0vh;  padding-right: 0vh; }
	#menuuntenmitte{padding-left: 0vh;  padding-right: 0vh; }
	#menuu1, #menuu2, #menuu3, #menuu4, #menuu5,#menu2u1, #menu2u2, #menu2u3, #menu2u4, #menu2u5,  {  padding-left: 0.6vh;  margin-left: 0.7vh;  }
	#menuuntenmitte, #menuunten2 {  font-size: 1.7vh;}
}


@media (orientation: landscape){
	#menuoben{    display: flex;  }
  	#menuunten{    display: flex;  }
  	#menooben{    display: none;  }
  	#menounten{    display: none;  }
}

@media (orientation: portrait){
	#menuoben{    display: none;  }
  	#menuunten{    display: none;  }	
  	#menooben{    display: flex;  }
  	#menounten{    display: flex;  }
}


/* --------------------------------------------------------- */
#seite{
width:100vw;
background-image:url("https://jasminrizzo.de/wp-bau/tile.jpg");
background-repeat: repeat-x repeat-y;
background-size: 100% auto;
background-color:#FBFAF0;
}

.a1{height:1vh; width:100vw;}
.a10{height:10vh; width:100vw;}
.a10p{height:10px; width:100vw;}

.h1{
  margin-left:auto;
  margin-right:auto;
  font-family: "Playfair Display SC", serif;
  font-weight: 400;
  font-style: normal;
  font-size:44px;
  color:#231F20; 
  text-align:left;
  padding-bottom: 6px;
}

.line{height:1px; background-color:#B35461;}

.line2{height:1px; background-color:#B35461;}

.linejr{height:1px; background-color:#B35461;}


.h2{
  margin-left:auto;
  margin-right:auto;
  font-family: "Tinos", serif;
  font-weight: 400;
  font-style: italic;
  font-size:18.4px;
  color: #231F20;
  text-align:left;
  line-height:22px;
  margin-top:5px;
  text-align:justify;
  margin-bottom:10px;
  padding-right:440px;
}

.h2a{
  margin-left:auto;
  margin-right:auto;
  font-family: "Tinos", serif;
  font-weight: 400;
  font-style: normal;
  font-size:18.4px;
  color: #231F20;
  text-align:left;
  line-height:22px;
  margin-top:5px;
  text-align:left;
  margin-bottom:10px;
}
.h2b{
  background-color: #231F20;
  width:100vw;
  height:150px;
  padding-top:20px;
  margin-bottom:-2px;
  border-top: 1px solid #FBFAF0;
  margin-top:-1px;
  z-index: 6;
    position: relative;
}
.h2b2{
  margin-left:auto;
  margin-right:auto;
  font-family: "Tinos", serif;
  font-weight: 400;
  font-style: italic;
  font-size:18.0px;
  color: #231F20;
  text-align:justify;
  line-height:25px;
  color: #FBFAF0;
  background-color: #231F20;
  width:1280px;
  padding-right:440px;
}


.h3{
font-family: 'Playfair Display';
    line-height: 28px;
  font-weight: 660;
  font-size:17.4px;
  color: #231F20;
  text-align:left;
  border-bottom: 1px solid #B35461;
  margin-bottom:8px;
}


.h1img{width:100vw;}
.h1pic{
	width:100vw;
	height:26vh;
  	border-bottom: 1px solid rgb(35,31,32);
  	display:flex;
  	align-items:center;
  	overflow:hidden;
   	border-top: 1px solid rgb(35,31,32);
}
#h1pic1{
 background-image:url("https://www.jasminrizzo.de/wp-bau/h1.jpg");
background-position: center center;
background-size: cover;
}
#h1pic2{
 background-image:url("https://www.jasminrizzo.de/wp-bau/h2.jpg");
background-position: center center;
background-size: cover;
}
#h1pic3{
 background-image:url("https://www.jasminrizzo.de/wp-bau/h3.jpg");
background-position: center center;
background-size: cover;
}

.text{
  margin-left:auto;
  margin-right:auto;
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
  color: #231F20;
  text-align:left;
  line-height:22px;
  margin-top:32px;
  text-align:justify;
  column-count: 3;
  column-gap: 4vh;
  hyphens: auto;
}

.text2{
width:688px;
  margin-left:auto;
  margin-right:auto;
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
  color: #231F20;
  line-height:22px;
  margin-top:12px;
  text-align:justify;
  hyphens: auto;
  padding-left:3vw;
  padding-right:3vw;
}


links1{	
font-family:"Playfair Display SC", sans-serif;
  font-weight: 100;
  font-style:normal;
  font-size:33px;
  color: #231F20;
  text-align:left;
  }

  line1{
    font-family: "Playfair Display", serif;
  font-weight: 600;
    font-style: normal;
    font-size: 88px;
    margin-top: -10px;
    line-height: 88px;
  }
 
rechts1{
  font-family:"Playfair Display SC", sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size:33px;
  line-height:33px;
  color: #000;
  text-align:left;
  padding-left:6px;
  }




#boox{


}

boox{
display:flex;
flex-direction:row;
align-content:center;
justify-content: space-around;
width:fit-content;
margin-left:auto;
margin-right:auto;
align-items: start;
padding-left:5vw !important;
padding-right:5vw !important;
}





mitte{
  font-family: 'Playfair Display SC';
  line-height: 27px;
  font-weight: 500;
  font-size:27px;
  color: #231F20;
  text-align:left;
  width:fit-content !important;
  margin-left:auto;
  margin-right:auto;
  display:block;
  margin-top:77px;
  margin-bottom:4.9vh;
  padding-left:5vw !important;
padding-right:5vw !important;
  }
  
  
links{	font-family:"Tinos", serif;
  line-height: 24px;
  font-weight: 660;
  font-style:italic;
  font-size:19.8px;
  color: #231F20;
  text-align:justify;
 width:40vw;
 max-width:300px;
 padding-top:5px;
  }
  
  line{
  height:170px;
  width:170px;
  margin-left:-80px;
  margin-top:0vw;
  }
  
  
rechts{
 max-width:350px;
  font-family: "Tinos", serif;
  font-weight: 400;
  font-style: normal;
  font-size:19px;
  line-height:26px;
 color: #000;
 width:40vw;
 margin-top:106px;
  margin-left:-80px;
  }







.absatz{margin-top:2.4vh;}

b2{font-weight:600;
    font-family: 'Playfair Display';
    font-style: italic;
    font-size: 16px;}

b{font-weight:600;}

.zitat{
	width:100vw;
	background-image:url("https://www.jasminrizzo.de/wp-bau/q1.jpg");
	background-position: center center;
	background-size: cover;
	overflow-x:hidden;
	display:flex;
	flex-direction:column;
	justify-content: space-around;
	border-bottom: 1px solid #231F20;
	border-top: 1px solid #231F20;
	overflow:hidden;
}

#zitat1{background-image:url("https://www.jasminrizzo.de/wp-bau/q1.jpg");}
#zitat2{background-image:url("https://www.jasminrizzo.de/wp-bau/q2.jpg");}


.satz{
  margin-left:auto;
  margin-right:auto;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-style: italic;
  font-size:29px;
  color: #FBFAF0;
  text-align:left;
  line-height:37px;
  text-shadow: 0px 0px 16px #000;
  padding-top:3vh;
 
  
  
} 

.shadowtext{
background-color: rgba(0,0,0,0.24);
box-shadow: 0px 0px 19px 13px rgba(0, 0, 0, 0.24);
width:fit-content;
}


.von{
width:100%;
  margin-left:auto;
  margin-right:auto;
  font-family: "Tinos", serif;
  font-weight: 400;
  font-style: normal;
  font-size:27px;
 color: #FBFAF0;
  text-align:right;
  line-height:22px;
  padding-bottom:3vh;
  text-shadow: 0px 0px 16px #000;
  display:flex;
  flex-direction:row-reverse;
  margin-top:2vh;
}


.boxen{
  width:1280px;
  display:grid;
  margin-left:auto;
  margin-right:auto;
  grid-template-columns: 400px 400px 400px; column-gap:40px;
    grid-template-rows: auto auto auto; row-gap:1.5vw;
}



.box{
background-color:#B35460;
padding:15px 22px 22px 22px;
}

.boxh{
    font-family: "Playfair Display", serif;
    font-weight: 600;
    font-style: italic;
    font-size: 31.4px;
    color: #FBFAF0;
    text-align: left;
    line-height: 32px;

    padding-bottom: 4px;
    hyphens: none;
    overflow: hidden;
}

.boxline{
  width:100%;
 height:1px;
 background-color:#FBFAF0;
   margin-top:5.3px;
     margin-bottom:6.3px;
}



.boxt{
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
  color: #FBFAF0;
  text-align:right;
  line-height:22px;
  text-align:justify;
  margin-top:4px;
}







.boxen2{
  width:1280px;
  display:grid;
  margin-left:auto;
  margin-right:auto;
  grid-template-columns: 400px 400px 400px; column-gap:40px;
    grid-template-rows: auto auto auto; row-gap:1.5vw;
}


/*
rgba(35,31,32,0.5);
#B35460;
#231F20;
#FBFAF0;
*/


.boxen3{
  width:100vw;
  display:grid;
 align-items: normal;
    justify-content: center;
  grid-template-columns: 400px 400px 400px; column-gap:40px;
    grid-template-rows: auto auto auto; row-gap:1.5vw;
	background-color:#231F20;
	padding:40px 0 200px 0;
}


.box2{
background-color:none;
padding:40px 0px 3px 0px;
margin:0px 0px 0px 0px;
}

.boxh2{
     font-family: "Playfair Display SC", serif;
    /* font-weight: 600; */
    /* font-style: italic; */
    font-size: 24.4px;
    color: #000;
    text-align: left;
    line-height: 24px;
    padding-bottom: 4px;
    hyphens: auto;
    overflow: hidden;
}

.boxline2{
  width:100%;
 height:1px;
 background-color:darkred;
   margin-top:5.3px;
   margin-bottom:6.3px;
}



.boxt2{
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
  color: #000;
  text-align:right;
  line-height:22px;
  text-align:justify;
  margin-top:4px;
}

























.kontakt{
  margin-left:auto;
  margin-right:auto;
  font-family: "Tinos", serif;
  font-weight: 400;
  font-style: normal;
  font-size:20px;
  color: #000;
  text-align:left;
  line-height:28px;
  margin-top:16px;
  display:flex;
  justify-content:space-between;
  padding-bottom: 2vh;
}





.imggrid{
  display:grid;
  width:1280px;
  margin-left:auto;
  margin-right:auto;
  margin-top:33px;
  grid-template-columns: 400px 400px 400px; column-gap:40px;
  grid-template-rows: 400px 400px; row-gap:1.5vw;
  margin-bottom:9vh;
}

.imggridx{
background-position: center center;
background-size: cover;
overflow:hidden;
width:100%;
height:100%;
}

.imggridi{

}



#imggridi1{	width:100%; height:auto; }
#imggridi2{	width:auto; height:100%; }
#imggridi3{	width:100%; height:auto; }
#imggridi4{	width:100%; height:auto; }
#imggridi5{	width:100%; height:auto; }
#imggridi6{	width:100%; height:auto; }




#imgbox1{
background-position: center center;
background-size: cover;
overflow:hidden;
width:100%;
height:100%;
background-image:url("https://www.jasminrizzo.de/wp-bau/o1.jpg");
min-height:266px;
}
#imgbox2{
background-position: center center;
background-size: cover;
overflow:hidden;
width:100%;
height:100%;
background-image:url("https://www.jasminrizzo.de/wp-bau/o4.jpg");
min-height:222px;
}

#imgbox3{
background-position: center center;
background-size: cover;
overflow:hidden;
width:100%;
height:100%;
background-image:url("https://www.jasminrizzo.de/wp-bau/o2.jpg");
min-height:332px;
}








.kontaktl{
display:flex;
flex-direction:column;
align-items: left;
}
.kontaktr{
display:flex;
flex-direction:row;
align-items: center;
justify-content:space-around;
}




k1{font-weight: 600;}
k2{}
k3{}
k4{font-weight: 500; font-size:21px; font-style:italic;}
k5{font-weight: 500; font-size:21px; font-weight: 500; font-style:italic;}

#k4a{margin-top:7.5px; color: #000 !important; }
#k5a{color: #000 !important;}














.textbild{
  margin-left:auto;
  margin-right:auto;
  font-family: "Lato", serif;
  text-align:left;
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content:start;
  margin-top:10px;
  margin-bottom:10px;
  align-self:auto;
  line-height:27px;
  font-size:17px;
  
}

.textbildleft{
min-height: 200px;
 width:320px;  
 height:320px;
 background-position: center center;	
 background-size: auto 100%; 
}
.textbildright{ flex-shrink:0;}

#textbildleft1{	background-image:url("https://www.jasminrizzo.de/wp-bau/a1.jpg");}
#textbildleft2{	background-image:url("https://www.jasminrizzo.de/wp-bau/a2.jpg"); }			
#textbildleft3{	background-image:url("https://www.jasminrizzo.de/wp-bau/a3.jpg"); }			
#textbildleft4{	background-image:url("https://www.jasminrizzo.de/wp-bau/a4.jpg"); }			

#textbildright1{  width:320px; }	
#textbildright2{  width:620px; }			
#textbildright3{  width:120px; }			
#textbildright4{  width:420px; }			



.h3b{
  font-family: 'Playfair Display SC';

  color:#FBFAF0;
  font-weight:400;
  text-align:left;
  margin-bottom:8px;
  background-color: rgba(0,0,0,0.24);
  box-shadow: 0px 0px 19px 13px rgba(0, 0, 0, 0.24);
      line-height: 34px;
    font-size: 40px;
	 text-align: left;  
	 margin-left: 10px;       
	 margin-top: 173px;       
	  	
}



















/* --------------------------------------------------------- */


@media (min-width: 1408px) {
	.text, .line, .h1, .h1map, .textbild, .imggrid, .h2, .h2a, .h2b2, .kontakt, .von, .satz, .boxen, .boxen2, footermidborder, #menounten2{ width:1280px;	}	
		
	#seite{
background-repeat: repeat-x repeat-y;
background-size: 100% auto;
background-position:center center;
}
	
 	.boxen2{ grid-template-columns: 300px 300px 300px; column-gap:80px;  row-gap:20px; padding:0 100px 0 100px;	}
	
	.boxen, .boxen3{
	  grid-template-columns: 400px 400px 400px; column-gap:40px;
	  row-gap:40px;
	}
	 .imggrid{
	  grid-template-columns: 400px 400px 400px; column-gap:40px;
	  grid-template-rows: 400px 400px ; row-gap:40px;
	}

}

@media (max-width: 1408px) {
	.text, .line, .h1, .h2, .h2a, .h2b2, .imggrid, .textbild, .h1map, .kontakt, .von, .satz, .boxen, .boxen2, footermidborder, #menounten2{	  width:90vw;	}	
	 .boxen2{
	  grid-template-columns: 35vw 35vw; column-gap:10vw; padding:0 5vw 0 5vw;
	}
	 .boxen, .boxen3{
 	 grid-template-columns: 28.5vw 28.5vw 28.5vw; column-gap:2.2vw;row-gap:2.2vw;
	}
	 .imggrid{
	  grid-template-columns: 28.5vw 28.5vw 28.5vw; column-gap:2.2vw;
	  grid-template-rows: 28.5vw 28.5vw; row-gap:2.2vw;
	}

	.h2b2{padding-right:0;}
	.h2{padding-right:0;}


	.text{
	  column-count: 3;
	  column-gap: 3vh;
	}
}
/* ####################### */

@media (min-width: 860px) {

	.line2{width:688px;}
	.text2{width:728px;}

	#boox1{ margin-bottom:10px;}
	 .textbildleft{min-width:200px !important; width:33vw; !important; height:250px !important;}
	.textbildright{margin-left:22px; border: none; margin-top:0; min-width:400px !important; width:400px !important; }
	
	
	#textbild1{justify-content:center;} 
	#textbild2{justify-content:center;} 
	#textbild3{justify-content:center;} 
	#textbild4{justify-content:center;} 
	.textbild{width:88vw; min-width:640px;padding-left:1vw;padding-right:1vw;padding-bottom:7px;margin-top:55px;}
	
	.linejr{display:flex; width:fit-content; }
	.linejra{ width:33vw; min-width: 200px !important; }
	.linejrb{ width:426px; }
	
}

/* ####################### */

@media (max-width: 860px) {
	.text, .line, .h1, .h2, .h2b2, .h2a, .imggrid, .textbild, .h1map, .kontakt, .von, .satz, .boxen2, .boxen, footermidborder, #menounten2{ width:90vw;	}	
	
	.text{
	  column-count: 2;
	  column-gap: 3vh;
	}
	 

	
	 .textbild{flex-direction:column;}
	 .textbildleft{width:90vw; height:250px !important;}
	 .textbildright{text-align:justify; margin-left:0; margin-top:14px; width:90vw!important; border-bottom : 1px solid darkred; padding-bottom:15px; margin-bottom:20px;}
	
	 .linejr{display:none;}
	
	.h1pic{height:16vh;}
	
	
	.line2{width:94vw;}
	.text2{width:100vw;}
	
	
	
	 .boxen, .boxen3{
	  grid-template-columns: 44vw 44vw; column-gap:2vw; 
	}
	
	 .imggrid{
	  grid-template-columns: 44vw 44vw; column-gap:2vw;
	  grid-template-rows: 44vw 44vw 44vw; row-gap:2vw;
	}
	
}


@media (min-width: 640px) {


#s1{background-position: center 40%; background-image:url("https://www.jasminrizzo.de/wp-bau/s1.jpg");opacity:1;}
#s2{background-position: center center; background-image:url("https://www.jasminrizzo.de/wp-bau/s2.jpg");}
#s3{background-position: center center; background-image:url("https://www.jasminrizzo.de/wp-bau/s3.jpg");}
#s4{background-position: center center; background-image:url("https://www.jasminrizzo.de/wp-bau/s4.jpg");}
#s5{background-position: center 60%; background-size: cover; background-image:url("https://www.jasminrizzo.de/wp-bau/s5.jpg");}

#s1p{display:block;}
#s2p{display:none;}

#s1t,#s2t,#s3t,#s4t,#s5t{font-size:7vh;}

}



@media (max-width: 640px) {
	.text, .line, .h1, .h2, .h2b2, .h2a, .imggrid, .h1map, .textbild, .textbildleft, .textbildright, .kontakt, .von, .satz, .boxen2, .boxen, footermidborder, #menounten2{ width:90vw!important;	}	
	.text{
	  column-count: 1;
	}
	
	
	


#s1{background-position: center bottom; background-size: auto 110%; background-image:url("https://www.jasminrizzo.de/wp-bau/s1m.jpg");opacity:1;}
#s2{background-position: center center; background-image:url("https://www.jasminrizzo.de/wp-bau/s2m.jpg");}
#s3{background-position: 56% center; background-image:url("https://www.jasminrizzo.de/wp-bau/s3m.jpg");}
#s4{background-position: center center; background-image:url("https://www.jasminrizzo.de/wp-bau/s4m.jpg");}
#s5{background-position: center 20%; background-image:url("https://www.jasminrizzo.de/wp-bau/s5m.jpg");}

#s1p{display:none;}
#s2p{display:block;}
#s1t,#s2t,#s3t,#s4t,#s5t{font-size:6vh;}

	
	.satz{margin-top:3vh;}
	.von{margin-top:3vh;}
			
	line{height:auto; padding-top:87px; width:130px; margin-left:-25vw;}		
	rechts{padding-top:45px;width:80vw; margin-left:-60px; text-align:left;}
	links{ width:40vw;text-align:left;}
	
	mitte{font-size:25px; line-height:22px; margin-bottom:20px;}
	rechts, links{ font-size:15px; line-height:20px;}		
	boox{padding-left:5vw; padding-right:4vw; width:100vw;}	
	
	#boox1{ align-items: center; flex-direction: column;}
	rechts1{margin-bottom:2vh;margin-top:-5px}
			
	 .boxen2, .boxen, .boxen3{
	 display:flex;
	 flex-direction:column;
	 height:fit-content;
	         width: 100vw;

	}
	.boxen3{padding-left:5vw;    padding-right: 5vw;	}
	
	.box{	margin-top:3vw;}
	
	.imggrid{
	 grid-template-columns: 42vw 42vw; column-gap:2vw;
	  grid-template-rows: 42vw 42vw 42vw; row-gap:2vw; 

	}
	
}

@media (max-width: 380px) {
.kontaktr {flex-direction:column;}
#menoobenlinks2, #menoobenlinks3{display:none;}
}

@media (min-width: 380px) {
#menoobenlinks2, #menoobenlinks3{display:block;}
}






















/*

rgba(35,31,32,0.5);


#B35460;

#231F20;

#FBFAF0;

*/




.impdat{
	min-height:100vh;
	background-color:#231F20;
	color: #FBFAF0;
  	width:100vw;
	padding:10vh;
  	font-family: "Lato", serif;
 	text-align:left;
	font-size:14px;
	line-height:22px;
}

h1{
font-family: "Playfair Display", serif;
font-size:30px;
margin-bottom:22px;
line-height:33px;
border-bottom:1px solid #B35460;
}

h2{
font-family: "Playfair Display", serif;
font-size:20px;
font-weight:bold;
margin-bottom:7px;
margin-top:22px;
}


h3{
font-weight:bold;
margin-top:12px;
font-size:15px;
}
h4{
font-weight:bold;
margin-top:8px;
}


