body { background: #000;  }
.row img { max-width: 100%; height: auto; }
h1 { margin: 0 0 3rem; }
blockquote { font-size: 2.4rem; font-style: italic; background: #f5f5f5; padding-top: 3rem; padding-bottom: 3rem; border-radius: 1.5rem; margin-top: 0;}
section.extended .container { width:90%; max-width:90% }
.content-1.extended .row > div { vertical-align: top; }

.row.display-flex { display: flex !important; flex-wrap: wrap !important; }
.row.display-flex > [class*='col-'] { display: flex !important; flex-direction: column !important; }

.flexvideo { width: 100%; max-width:100%; height: auto }

.content, .content p { font-family: Arial, Helvetica, sans-serif, sans; font-weight: normal }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.mbr-hero, .mbr-hero a { font-family: 'Sequel'; }

/***/

#menu-9 .mbr-brand__name {font-size: 16px; }
#menu-9.mbr-navbar--stuck .mbr-navbar__section {	background: #000; background: rgba(0,0,0,.9);}
#menu-9 .mbr-buttons__link { outline: 0; }
#menu-9 .mbr-navbar__items a { font-size: 12px; }
#menu-9.mbr-navbar--stuck .btn-default { color: goldenrod; border-color: goldenrod }
#menu-9.mbr-navbar--stuck .btn-default:hover, #menu-9.mbr-navbar--stuck .btn-default:focus { background-color: goldenrod; color: #000 }

.mbr-brand__logo { outline: 0 !important; }

#teaser1  { overflow-x: hidden; }
#teaser1 .row { min-height: 100vh; }
#teaser1 p { color: #fff; margin-bottom: 4.2rem; font-size: 2.1rem; }
#teaser1 .leadtext { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 100px; width:100% }
/*#teaser1 .leadtext { position: relative }
#teaser1 .leadtext-content { position: absolute; top: 50%; transform: translateY(-50%); }*/
#teaser1 .leadtext p a { color: #fff; outline: 0; text-decoration: none; border-bottom: 1px #fff dotted }
#teaser1 .leadtext p a:hover, #teaser1 .leadtext p a:focus { color: goldenrod; border-color: goldenrod; text-decoration: none;}
.mbr-hero.invert a, .mbr-hero.invert a:hover, .mbr-hero.invert a:focus { background: #fff !important; color: #000 !important }

#mediateaser1, #mediateaser1 p { text-align: center !important; color: #fff; margin-bottom: 2.1rem; }

#msg-box5-2 H2, #form1-5 h2  { color: #b8312f !important; padding-top:0; margin-top: 0; }
#msg-box5-2 P { font-size: 18px !important; margin-bottom: 1.5em; }
#msg-box3-4 H2 { color: #ffffff !important; }
#msg-box3-4 P { text-align: center !important; color: #ffffff !important; font-size: 18px !important; }
#form1-5 h2 { font-size: 3rem; }
#form1-5 .form-control:invalid { border: 0; }

.btn-danger { background-color: #b8312f; border-color: #b8312f; }
#form1 .skype, #form1 .email { display: none; }

#form1 input { transition: .2s all }
#form1 input:hover, #form1 input:focus { transform: scale(1.005); box-shadow: 0 0 10px rgba(0,0,0,.15) }

#form1 input[type=checkbox] { transform: scale(1.5); margin-right: 1rem }
#form1 input[type=checkbox] + label { display: inline }
#form1 input[type=checkbox]:hover, #form1 input[type=checkbox]:focus { transform: scale(1.5); }


/** hero **/

/*
#header1-0 { background-image: url(../img/hero/220208_AR_Tonale_011.jpg); }
#header2-0 { background-image: url(../img/hero/220208_AR_Tonale_013.jpg); }
#header3-0 { background-image: url(../img/hero/220208_AR_Tonale_017.jpg); }
*/
.mbr-hero a { display: inline-block; background: #000; background: rgba(0,0,0,.75); padding: 2.4rem; border-radius: 4px; font-size: 2.4rem; text-transform: uppercase; font-weight: normal; letter-spacing: .05em; transition: .5s all !important; }
.mbr-hero:hover a, .mbr-hero:focus a { transform: scale(1.1) rotate(-1deg) !important; background: #000; text-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 15px 1px rgba(255,255,255,0.25); box-shadow: 0px 0px 15px 1px rgba(255,255,255,0.25); }

#header2-0 .mbr-hero:hover a, #header2-0 .mbr-hero:focus a { transform: scale(1.1) rotate(1deg) !important; }


/***/
footer, footer a { color: white; text-decoration: none }
.mbr-footer__copyright a:hover, .mbr-footer__copyright a:focus { color: goldenrod; text-decoration: none; }
/***/

.juris h2 { letter-spacing: .01em; font-family: inherit !important; font-size: 3rem; padding-bottom: 0 !important; margin-top: 1rem !important; }
.juris h3 { letter-spacing: .01em; font-size: 1.8rem; }
.juris p { text-align: justify !important; font-family: Arial, Helvetica, sans-serif, sans }
.juris ul { font-size: 1.6rem; color: rgb(119,119,119); padding-left: 1.5rem  }
.juris ul li { margin-bottom: 1.5rem }

.partner { overflow: hidden }
.partner div { float: left; width: 18%; min-width: 120px; margin: 0 2% 2% 0; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
.partner div img { max-width: 100%; min-width: 120px; height: auto; border: 1px #ddd solid}

.galerie { display: grid; grid-template-columns: repeat(12,1fr); gap: 1rem; }
.galerie img { width: 100%; max-width: 100%; height: auto; }
.galerie img:hover { opacity: .8; }

.bgimage { width: 100%; height: 100%; background-size:cover; background-repeat: no-repeat; }
.bgimage.bgcenter { background-position: 50% 50%; }
.bgimage.bgcontain { background-size: contain; background-position: center 40%; background-size: 90%; }
.bgimage.bgfullheight { min-height: 100vh; }
.bgimage img { display: none; }

a img:hover, a img:focus { opacity: .9 }
.expanded { width: 100%; }

@-webkit-keyframes AufmacherEinblenden {
    /*0% { filter: saturate(500%) blur(5px) brightness(300%) sepia(100%); }*/
    0% { filter: brightness(300%) sepia(100%); }
    100% { filter: none }
}

.checkInViewport.AufmacherEinblenden.inViewport {
	-webkit-animation: AufmacherEinblenden 2s;
    -webkit-animation-fill-mode: both;
	}
	
/***/

/* bootstrap 3: 768, 992, 1200 */

@media screen and (max-width: 1440px)
{
	/*#header1-0 { background-image: url(../img/hero/titel1440x900.jpg) !important; }*/
	.mbr-brand__logo img { max-width: 400px; height: auto; }
}
@media screen and (max-width: 1200px)
{
	.content-1.extended .row > div { display: block; width: 100% }
	.galerie { grid-template-columns: repeat(8,1fr);  }
	.bgimage.bgfullheight { min-height: none; }
	.bgimage.bgmedium { background-image: none !important; }
	.bgimage.bgmedium img { display: block; margin-bottom: 2.1rem; }
	
	#teaser1 .leadtext, #teaser1 .leadtext-content { position: static; min-height: none; transform: none; }
	
}
@media screen and (max-width: 1024px)
{
	.mbr-brand__logo img { max-width: 250px; height: auto; }
}
@media screen and (max-width: 768px)
{
	.galerie { grid-template-columns: repeat(6,1fr);  }
	.bgimage { background-image: none !important; }
	.bgimage img { display: block; margin-bottom: 2.1rem; }
	.bgimage.bgfullheight { min-height: initial; }
}
@media screen and (max-width: 640px)
{
	#teaser1 .leadtext { padding: 50px; }
	#teaser1 p { font-size: 17px; line-height: 27px; }
	.galerie { grid-template-columns: repeat(4,1fr);  }
}
@media screen and (max-width: 480px)
{
	.galerie { grid-template-columns: repeat(3,1fr);  }
}
@media screen and (max-width: 420px)
{
	#teaser1 .leadtext { padding: 50px 20px; }
	.galerie { grid-template-columns: repeat(2,1fr);  }
}
@media screen and (orientation : portrait)
{
	/*#header1-0 { background-image: url(../img/hero/titel_portrait.jpg) !important; }*/
}
@media screen and (orientation : portrait) and (max-width: 460px)
{
	/*#header1-0 { background-image: url(../img/hero/titel_portrait_360.jpg) !important; }*/
}