/*
Theme Name: shopkeeper
Description: Childtheme von Thomas Rosenthal
Author: Thomas Rosenthal
Author URI: https://www.domain.com
Template: shopkeeper
Version: 1.0
Tags:
*/




/* Global ----------------------------------------------------------------------------------------------------------------------------------------------*/ 






.content-area {
    padding: 0px 0 0 0;
}


.displaynone{ display: none !important;}

.entry-content > p + :not(p) {
    margin-top: 0px;
}

.entry-content > p {
    margin-bottom: 0px !important;
    xdisplay: none;
}

@import url("../shopkeeper/style.css");

.blackandwhite{background-color: #fff; margin-top: -40px; xborder: 10px solid red; position: relative;
z-index: 200;}


@media only screen and (max-width: 800px) {
.blackandwhite{margin-top: -100px;}}





.row {
    padding: 0px;
    max-width: none;
}

.columns{ padding: 0px;}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}


blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, p, pre, td, th, { margin: 0px; padding: 0px;}


.blackandwhite p{display: none;}
.blackandwhite .textblock p {display: block;}
.blackandwhite .value-textblock p {display: block;}



.entry-content{xmargin-top: -40px;}

.blackandwhite{xpadding-top: 40px !important;}




.blackandwhite-nopaddingtop{padding-top: 0px !important; margin-top: 0px !important;}






.site-search {display: none !important;}


div.menu-wrapper{ display: none !important;}


.off-canvas.position-right {width: 360px;}


div.site-tools { display: none;}







 /* Navigation ----------------------------------------------------------------------------------------------------------------------------------------------*/ 
 
 
 



.mobile-navigation > ul > li > a:link {
	font-family: 'bsr';
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 1px;
	color: #333 !important;
}

.mobile-navigation > ul > li > a:hover {
	color: #022e4c !important;
}

.mobile-navigation > ul > li > a:active {
	color: #022e4c !important;
}



.mobile-navigation > ul > li > ul > li > a:link {
	font-family: 'bsr';
	font-size: 12px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 1px;
	color: #333 !important;
}

.mobile-navigation > ul > li > ul > li > a:hover {
	color: #022e4c !important;
}

.mobile-navigation > ul > li > ul > li > a:active {
	color: #022e4c !important;
}








 /* Typeface ----------------------------------------------------------------------------------------------------------------------------------------------*/ 
 
 
 

 
 @font-face {
    font-family: 'rr';
    src: url('./fonts/Raleway-Regular.woff2') format('woff2'),
        url('./fonts/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 @font-face {
    font-family: 'rb';
    src: url('./fonts/Raleway-Bold.woff2') format('woff2'),
        url('./fonts/Raleway-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}









/* Header ----------------------------------------------------------------------------------------------------------------------------------------------*/ 







#masthead div.row{
margin: 0px 96px 0px 96px;
height: 96px;}

@media only screen and (max-width: 1024px) { 
#masthead div.row{
	height: 66px;}
}

@media only screen and (max-width: 1024px) { 
#masthead div.row{
margin: 0px 44px 0px 44px;}}

@media only screen and (max-width: 600px) { 
#masthead div.row{
margin: 0px 20px 0px 20px;}}


.top-headers-wrapper:not(.sticky) .site-header {
    padding-top: 0px;
    padding-bottom: 0px;
}

.top-headers-wrapper.sticky .site-header {
    padding-top: 0px;
    padding-bottom: 0px;
}

.topbarleft{
	font-family: 'bsr';
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;

}

a.contactmanagement:link{color: #333; text-decoration: none;}
a.contactmanagement:hover{color: #000; text-decoration: none;}
a.contactmanagement:visited{color: #333; text-decoration: none;}


 
 
.site-header-wrapper {
    max-width: none !important;
}
 
span.tools_button_icon i.spk-icon.spk-icon-search{
    background-image: url("img-child/search.png");
    background-size: 17px 18px;
    width: 17px;
    height: 18px;
}

.spk-icon-search::before {
    display: none;
}


@media only screen and (min-width: 1024px) { 
.site-tools {
    margin-top: 0px;}}
    


@media only screen and (min-width: 1024px) {   
.hide-for-large {display: block !important;} } 



.top-headers-wrapper .site-header .site-header-wrapper .site-tools > ul > li {
    float: right;
}
  
  

.top-headers-wrapper .site-header .site-header-wrapper .site-tools .tools_button {
	width: 28px;
    height: 17px;
    display: inline-block;
    position: relative;
 	}



div.site-tools ul li.offcanvas-menu-button.search-button { 
	display: none !important
	} 


div.site-tools ul li.offcanvas-menu-button.hide-for-large{
	width: 28px;
    height: 17px;
    margin: 0px !important;
    }
    
    
div.site-tools ul li.offcanvas-menu-button.hide-for-large a.tools_button {
	width: 28px;
    height: 17px;
} 


div.site-tools ul li a span{
	width: 28px !important;
	height: 1px !important;
	background-color: #000;
	position: absolute;
	top: 7px;
	display: block!important;	
}  


div.site-tools ul li a span:before{
	content: "" !important;
	width: 28px;
	height: 1px !important;
	border-bottom: 1px solid #000;
	display: block!important;
	position: absolute;
	top: -7px;
} 


div.site-tools ul li a span:after{
	content: "" !important;
	width: 28px;
	height: 1px !important;
	border-bottom: 1px solid #000;
	display: block!important;
	position: absolute;
	top: 7px;
}




div.site-tools ul li.offcanvas-menu-button.hide-for-large a.tools_button span.tools_button_icon i.spk-icon.spk-icon-menu{ display: none !important;}
    
  
.spk-icon-menu::before {
    content: "" !important;
    font-size: 0px;
} 
  


.top-headers-wrapper .site-header.default .site-header-wrapper {
    display: flex;
    align-items: center;
    height: 96px;
}

@media only screen and (max-width: 1024px) {
.top-headers-wrapper .site-header.default .site-header-wrapper {
    height: 66px;
}}

div.site-tools{ width: 28px; height: 17px; xbackground-color: red; margin-left: 0px !important; /*-webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important;*/
	position: relative;
	right: 0px;
	top: 0px;
	width: 50%;
}


.site-tools ul{
	position: absolute;
	left: -20px;
	top: 0px;
	right: 0px;
}





div.site-tools ul li.offcanvas-menu-button.search-button a.tools_button span.tools_button_icon i.spk-icon.spk-icon-search{ display: none;}


li.offcanvas-menu-button.search-button{ display: none;}


#masthead {
	height: 96px !important;
	background-image: url(img/logo-header.png);
	background-position: center center;	background-repeat:no-repeat;
	background-size: 227px 45px;
	background-color: rgba(255,255,255,1.0);
	position: fixed;
	width: 100%;
	box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.04);
	border: 0px !important;
}


@media only screen and (max-width: 1024px) {
#masthead {
	height: 66px !important;
	padding-top: 0px !important;
	background-image: url(img/logo-header.png) !important;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:182px 36px;
	background-color: rgba(255,255,255,1.0);}}
	
	




.exhibitionmanagement{ margin-top: 5px; width: 50%;}

@media only screen and (max-width: 1024px) {
.exhibitionmanagement{ margin-top: 8px; width: 50%;}}

@media only screen and (max-width: 420px) {
	.exhibitionmanagement{ margin-top: 6px; width: 50%;}}



@media only screen and (max-width: 600px) {
.exhibitionmanagement {
    xmargin-top: 25px;}}

.exhibitionmanagement-hl{
	font-family: 'mdsb';
	font-size: 20px;
	xline-height: 10px;
	color: #333;
}

@media only screen and (max-width: 1024px) {
	.exhibitionmanagement-hl{font-size: 14px; line-height: 13px;}}
	
@media only screen and (max-width: 490px) {
	.exhibitionmanagement-hl{
	font-size: 9px;
	line-height: 13px;
	width: 80px;	
	}}	

.exhibitionmanagement-sl{
	font-family: 'bsb';
	font-size: 16px;
	color: #969696;
	line-height: 16px;
}

@media only screen and (max-width: 1024px) {
	.exhibitionmanagement-sl{font-size: 12px;}}

@media only screen and (max-width: 530px) {
	.exhibitionmanagement-sl{font-size: 9px;}}

.site-tools{
 width: 33%;
 position: relative;}



@media only screen and (max-width: 600px) {
	.site-tools{margin-top: 0px; }}
	
	
 
.site-tools > ul > li {
    margin-left: 0px;
} 





.masthead-logo, .site-branding, .menu-wrapper{ display: none;}


.homelink{
    width: 300px;
    height: 70px;
    margin: 0px auto;
    justify-content: center;
     width: 33%;
}

.homelink a{
display: block;
width: 100%;
height: 100%;
}

@media only screen and (max-width: 1024px) {
li.offcanvas-menu-button.hide-for-large{	
margin-top: -2px;}}



header.entry-header{ display: none;}








    
/* Buttons ----------------------------------------------------------------------------------------------------------------------------------------------*/






a {color: #fff !important;}

.entry-content a:hover, a:focus, a:hover {
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a.calltoaction{
	padding: 15px 44px 12px 44px;
	margin: 35px 30px 10px 0px;
	border: 1px solid white !important;
	border-radius: 6px;
	display: inline-block;
	font-family: 'bsm';
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
a.calltoaction {
    padding: 15px 24px 12px 24px;
    margin: 25px 30px 0px 0px;
    font-family: 'bsm';
    font-size: 13px;
    line-height: 23px;
}}

@media only screen and (max-width: 600px) {
a.calltoaction {
    margin: 25px 0px 0px 0px;
    width: 100%;
    text-align: center;
}}

a.calltoaction:hover{
	background-color: #d4a68f;
	background-color: #fff;
	color: #333 !important;
}




a.nextpage{
	padding: 15px 44px 12px 44px;
	border: 1px solid white !important;
	border-radius: 6px;
	display: inline-block;
	font-family: 'bsm';
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color:  #022e4c;
	color: #fff;
}

@media only screen and (max-width: 600px) {
	a.nextpage{
	font-size: 14px;}}



a.nextpage:hover{
	background-color: #fff;
	color: #333 !important;
	border: 1px solid #022e4c !important;
}


.sitenav {
    text-align: center;
    margin: 0px 20px 0px 20px;
    padding: 96px 0px 96px 0px;}
    
.sitenav-top {
    padding: 0px 0px 44px 0px;
    margin-top: -56px;
    display: none;}    






/* Textelemente----------------------------------------------------------------------------------------------------------------------------------------------*/













/* Above the Fold ----------------------------------------------------------------------------------------------------------------------------------------------*/ 
 
 
 .title{
	height: 50vh;
	background-image: url("img/title-hg.jpg");
	background-size: cover !important;
	background-repeat: no-repeat !important; 
	display: flex;
 }
 
 @media only screen and (max-width: 800px) { 
 .title{
	height: 40vh;}}	 
	 
 .title-center{
	 align-self: center;
	 max-width: 1200px;
	 margin: 0px auto;
	 padding: 0px 20px 0px 20px;
 }
 
 .title-headline{
	 font-family: 'rb';
	 font-size: 40px;
	 color: #fff;
	 text-transform: uppercase;
	 text-align: center;
	 padding: 20px 30px 20px 30px;
	 background-color: #103764;
 }
 
@media only screen and (max-width: 800px) { 
	 .title-headline{
	 font-family: 'rb';
	 font-size: 20px;
	 color: #fff;
	 text-transform: uppercase;
	 text-align: center;
	 padding: 10px 20px 10px 20px;
	 background-color: #103764;
 }

	
}


.weiss-adresse {
    padding: 0px 20px 0px 20px;
}

.text-oben p{
	font-family: 'rr';
	font-size: 20px;
	color: #333;
}

@media only screen and (max-width: 800px) { 
.title-textbox-orange{
	background-color: #f39200;
	padding: 15px 15px 15px 15px;
}

.text-oben p{
	font-family: 'rr';
	font-size: 14px;
	color: #333;
}
.topdistance{ padding-top: 40px;}
}

.white{ background-color: #fff !important; color: #333;}

.distance{ height: 100px;}

@media only screen and (max-width: 800px) {
	.distance{ height: 40px;}} 


 .site-headline{
	 font-family: 'rb';
	 font-size: 40px;
	 color: #103764;
	 text-transform: uppercase;
	 text-align: center;
	 max-width: 1200px;
	 margin: 0px auto;
	 padding: 0px 20px 0px 20px;
 }

@media only screen and (max-width: 800px) { 
 .site-headline{
	 font-size: 20px;
 }
}

 .spacer{
	width: 140px;
 }
 
 @media only screen and (max-width: 800px) { 
	  .spacer{
	width: 20px;
 }}

 .bilder{
	display: flex;
	max-width: 1090px;
	margin: 0px auto;
 }

 .bilder-bild{
	width: 50%;
 }

 .bilder-subtitle{
 	font-family: 'rb';
	 font-size: 20px;
	 color: #fff;
	 text-transform: uppercase;
	 text-align: center;
	 padding: 15px 15px 15px 15px;
	 background-color: #103764;
 }
 
 
 .grau-adresse{
	 background-color: #ededed;
	 padding: 100px 20px 100px 20px;
 }
 
 @media only screen and (max-width: 800px) { 
	  .grau-adresse{
	 background-color: #ededed;
	 padding: 40px 20px 40px 20px;
 }}
 
 .adresse-logo{
	 width: 227px;
	 height: 45px;
	 margin: 0px auto;
	 background-image: url("img/logo-header.png");
	 background-size:cover; 
 }
 
.adresse-container{
	display: flex;
	max-width: 700px;
	margin: 0px auto;
	padding: 100px 0px 0px 0px;
 }

.adresse{
	width: 50%;
	font-family: 'rr';
	font-size: 20px;
	color: #103764;
 }

 @media only screen and (max-width: 800px) { 
	 .adresse{
	font-size: 14px;
 }
}

.wrapper-formular{
	max-width: 800px;
	margin: 0px auto;
 }
 
 .formular-headline{
	 font-family: 'rb';
	 font-size: 40px;
	 color: #fff;
	 text-transform: uppercase;
	 text-align: center;
	 padding: 20px 30px 20px 30px;
	 background-color: #103764;
	 margin: 0px 20px 0px 20px;
 }
 
  @media only screen and (max-width: 800px) { 
 .formular-headline{
	 font-size: 20px;
	 padding: 10px 20px 10px 20px;
 }
} 
 
 
.wrapper-text{
	 max-width: 1200px;
	 margin: 0px auto;}


.text-headline{
	font-family: 'rb';
	 font-size: 40px;
	 color: #103764;
	 text-transform: uppercase;
}

@media only screen and (max-width: 800px) { 
.text-headline{
	 font-size: 20px;
}
}

.text-headline-orange{
	font-family: 'rb';
	 font-size: 20px;
	 color: #f39200;
}

@media only screen and (max-width: 800px) { 
.text-headline-orange{
	 font-size: 14px;
	 padding-bottom: 40px;
}}

.text-headline-paddingbottom{
	 padding-bottom: 20px;
}

.text-block{ display: flex;}

.text-icon{ width: 50px;}

.text-text{
	 width: 100%;
	font-family: 'rr';
	font-size: 20px;
	color: #103764;
	padding: 0px 0px 30px 30px;
}

.text-text p{
	font-family: 'rr';
	font-size: 20px;
	color: #103764;}

 @media only screen and (max-width: 800px) { 
.text-text{
	padding: 0px 0px 20px 20px;
}
.text-text p{
	font-family: 'rr';
	font-size: 14px;}}




div.adresse a.contentlink{ color: #103764 !important;}






 /* Formular ----------------------------------------------------------------------------------------------------------------------------------------------*/




div.formular{ padding: 0px 20px 0px 20px;}




div.formular input{
	text-align: center;
	font-family: 'rr';
	font-size: 20px;
	border: none;
	margin-top: 20px;
	border: 2px solid #103764;}

@media only screen and (max-width: 800px) { 
div.formular input{
	font-size: 14px;
	margin-top: 15px;}}	

::placeholder {
	color: #103764 !important;
}


div#bilder label.bilder span.wpcf7-form-control-wrap.your-message{
width: 100%;
height: 200px;}

div#bilder label.bilder span.wpcf7-form-control-wrap.your-message input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
	height: 200px;}

div#senden{
margin-top: 40px;}

div#senden input.wpcf7-form-control.wpcf7-submit{
	width: 100%;
	border: none;
}

div#senden input{
background-color: #f39200;}







 /* Enllax ----------------------------------------------------------------------------------------------------------------------------------------------*/
 
 



.albert-einstein-sign {
    padding: 21px 0px 0px 0px;
    text-align: center;
    max-width: 400px;
    margin: 0px auto;
}

@media only screen and (max-width: 600px) {
.albert-einstein-sign {
    padding: 30px 0px 0px 0px;
}}

@media only screen and (max-width: 600px) {
.albert-einstein-sign img {
    max-width: 200px;
}}


.albert-einstein-zitat {
    font-family: 'mdsbi';
    font-size: 30px;
    margin: 0px auto;
    color: #fff;
    text-align: center;
    line-height: 40px;
    max-width: 700px;
}

@media only screen and (max-width: 600px) {
.albert-einstein-zitat {
    font-size: 20px;
    line-height: 30px;
}}


.albert-einstein-bild{ text-align: center; padding-bottom: 9px;} 

@media only screen and (max-width: 600px) {
.albert-einstein-bild{ text-align: center; padding-bottom: 10px;}}

.albert-einstein-bild img {width: 400px;} 

@media only screen and (max-width: 600px) {
.albert-einstein-bild img {width: 250px;}} 

 
.albert-einstein{padding: 96px 40px 96px 40px; background-color: #000;}

@media only screen and (max-width: 600px) {
.albert-einstein{padding: 44px 20px 44px 20px;}}



.enllax {
	height: 100vh;
	position: relative;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-color: #000 !important;
}

 @media only screen and (max-width: 1024px) {  
.enllax {
	height: 100vh;}}

 @media only screen and (max-width: 600px) { 	
.enllax {
 background-size: 300% !important;
}}
	
	
.enllaxnovh {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;}


.topheight{padding-top: 96px;}


.height80{height:80vh !important;}
.height90{height:90vh !important;}
.height100{height:100vh !important;}
.height110{height:110vh !important;}
.height120{height:120vh !important;}
.height300{height:300vh !important;}
.height200{height:244vh !important;}
.height266{height:266vh !important;}
.height170{height:170vh;}
.height150{height:150vh;}
.height140{height:140vh;}
.height135{height:135vh;}


.height50{height:70vh !important;}



.gradient-oben{ 
	height: 333px;
	width: 100%; 
	left: 0px;
	position: absolute;		
    background-image: url("img-child/gradient-oben.png");
    background-position: bottom;
    display: none;}
    
 
 @media only screen and (max-width: 1024px) {   
.gradient-oben{ 
	height: 150px;
	width: 100%; 
    background-image: url("img-child/gradient-oben-klein.png");}}
    
        
    
.gradient-unten{ 
	height: 333px;
	width: 100%; 	
    background-image: url("img-child/gradient-unten.png");
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: none;}
    
 @media only screen and (max-width: 1024px) {   
.gradient-unten{ 
	height: 150px;
	width: 100%; 	
    background-image: url("img-child/gradient-unten-klein.png");}}


.gradient-oben-footer{ 
	height: 400px;
	width: 100%; 	
    background-image: url("img-child/gradient-oben-klein-footer.png");} 

 @media only screen and (max-width: 600px) {       
.gradient-oben-footer {
    height: 200px;
    background-position: bottom;
}}    

.gradient-unten-footer{ 
	height: 250px;
	width: 100%; 	
    background-image: url("img-child/gradient-unten-klein-footer.png");
    position: absolute;
    bottom: 0px;}

@media only screen and (max-width: 800px) {
.margin800{margin-top: 100px;}}


.heightendframe{height:170vh !important;}

@media only screen and (max-width: 600px) {
.heightendframe{height:130vh !important;}}


.zitat-albert-einstein-enllax{
    font-family: 'mdsbi';
    font-size: 30px;
    margin: 0px auto;
    color: #fff;
    text-align: center;
    padding: 0px 20px 0px 20px;
	line-height: 40px;
    position: absolute;
    top: 50%;left: 50%;
    transform: translate(-50%,-50%);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 0 1px rgba(0,0,0,0.4),0 0 1px rgba(0,0,0,0.4),0 0 1px rgb(0, 0, 0);
    width: 100%;
    max-width: 900px;
}

@media only screen and (max-width: 600px) {
.zitat-albert-einstein-enllax {
    font-family: 'mdsbi';
    font-size: 20px;
    margin: 0px auto;
    color: #fff;
    text-align: center;
    padding: 0px 20px 0px 20px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 0 1px rgba(0,0,0,0.4),0 0 1px rgba(0,0,0,0.4),0 0 1px rgb(0, 0, 0);
    width: 100%;
}}
	
.albertsagt-noshadow{ text-shadow: none !important;}


.albert-einstein-sign-enllax {
    font-family: 'Gill Sans Mt Pro Book';
    font-size: 10px;
    padding: 44px 0px 0px 0px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    max-width: 400px;
    margin: 0px auto;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 0 1px rgba(0,0,0,0.4),0 0 1px rgba(0,0,0,0.4),0 0 1px rgb(0, 0, 0);
}


@media only screen and (max-width: 600px) {
.albert-einstein-sign-enllax {
    padding: 30px 0px 0px 0px;
}}


@media only screen and (max-width: 600px) {
.albert-einstein-sign-enllax img{ max-width: 200px;}}



@media only screen and (max-width: 600px) {
    .albert-einstein-sign-enllax {
    padding: 30px 0px 0px 0px;
}}




.bildnachweise p{ display: block;}


.bildnachweise p{
	font-family: 'bsl';
    font-size: 12px;
    line-height: 19px;
    color: #ededed;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: right;
}


.bildnachweise {
    padding: 0px 40px 20px 40px;
    xbackground-color: #000;
    position: absolute;
	bottom: 0px;
	width: 100%;
}

@media only screen and (max-width: 600px) {
.bildnachweise{
	padding: 0px 20px 10px 20px;}
	
.bildnachweise p {
    font-family: 'bsl';
    font-size: 7px;
    line-height: 14px;
    text-align: left;}}


.bildnachweise a:link {
    color: #b8b8b8;
    padding: 0px;
}
.bildnachweise a:hover {
    color: #fff;
}


.bildnachweise-insight{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: transparent;
    width: 100%;
    text-align: right;
    color: #ededed;}

.bildnachweise-insight p{ color: #fff;}

.bildnachweise-insight p a:link {
    color: #fff !important;
}
.bildnachweise-insight p a:hover {
    color: #ededed !important;
}


div.enllax.topheight div.zitat-albert-einstein-enllax{top: 55%;}









/* Accordion ----------------------------------------------------------------------------------------------------------------------------------------------*/ 




.accordion{
	padding-bottom: 200px;
	margin: 0px 40px 0px 40px;} 


@media only screen and (max-width: 600px) {
.accordion{
	margin: 0px 20px 0px 20px;}}	
	
div.accordion h3{ display: none;}


#wpsm_accordion_648 .wpsm_panel-body, #wpsm_accordion_651 .wpsm_panel-body, #wpsm_accordion_743 .wpsm_panel-body {
    border: none !important;
}

.wpsm_panel-group .wpsm_panel-heading + .wpsm_panel-collapse > .wpsm_panel-body, .wpsm_panel-group .wpsm_panel-heading + .wpsm_panel-collapse > .list-group {
    border-top: none !important;}

.wpsm_panel-body {
    padding: 0px !important;
}

div#wpsm_accordion_648.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading, div#wpsm_accordion_651.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading, div#wpsm_accordion_743.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading{
    background-color: #fff !important;
    border-top: 1px solid #333 !important;
	xorder-bottom: 1px solid #333 !important;}
      

.wpsm_panel {
    overflow: hidden;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: none !important;
    border: none !important;}
    
.fa {
     font-size: 15px !important;}


div#wpsm_accordion_648.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading h4.wpsm_panel-title a span.ac_title_class, div#wpsm_accordion_651.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading h4.wpsm_panel-title a span.ac_title_class, div#wpsm_accordion_743.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading h4.wpsm_panel-title a span.ac_title_class{
	font-family: 'bsb' !important;
    font-size: 22px !important;
    font-weight: normal !important;
    color: #333 !important;
}

@media only screen and (max-width: 600px) {
div#wpsm_accordion_648.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading h4.wpsm_panel-title a span.ac_title_class, div#wpsm_accordion_651.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading h4.wpsm_panel-title a span.ac_title_class, div#wpsm_accordion_743.wpsm_panel-group div.wpsm_panel.wpsm_panel-default div.wpsm_panel-heading h4.wpsm_panel-title a span.ac_title_class{
font-size: 20px !important;	
}}






#wpsm_accordion_648 .ac_title_class, #wpsm_accordion_651 .ac_title_class, #wpsm_accordion_743 .ac_title_class {
    display: block;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;}
      

#wpsm_accordion_648 .wpsm_panel-title a, #wpsm_accordion_651 .wpsm_panel-title a, #wpsm_accordion_743 .wpsm_panel-title a {
    padding-top: 30px !important;}


.textblock-accordion {
    padding: 80px 0px 0px 0px;}

#wpsm_accordion_648, #wpsm_accordion_651, #wpsm_accordion_743 {
    max-width: 900px;
    display: block;
    margin: 0px auto;
}            	








/* Video ----------------------------------------------------------------------------------------------------------------------------------------------*/ 




.kg-video-js-skin .vjs-big-play-button {
    font-size: 3em;
    line-height: 3em;
    height: 56px;
    width: 56px;
    border: none;
    border-radius: 3em;
    left: 52%;
    top: 55%;
    xmargin-left: -2.2em;
    xmargin-top: -2em;
    position: absolute;
    box-sizing: border-box;
    z-index: 2;
    background-color: #fff !important;
}

@media only screen and (max-width: 600px) {
.kg-video-js-skin .vjs-big-play-button {left: 55%;}}

.kg-video-js-skin .vjs-big-play-button::before {
    content: '\f101';
    font-size: 30px;
    font-family: 'Videojs';
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    line-height: 56px;
    color: #000;
}	

.kg-video-js-skin .vjs-control-bar{ display: none;}




:focus {outline:none;}


xxx#kgvid_kgvid_3_wrapper{ width: 100% !important;}



div.artcontainer div.art div.artwork div.video div#kgvid_kgvid_3_wrapper.kgvid_wrapper{ width: 2000px !important;}



.kgvid_wrapper {
    width: 100% !important;}
    
    
    
    
    





/* Footer ----------------------------------------------------------------------------------------------------------------------------------------------*/ 


.menu-footer{
	display: flex;
	max-width: 1800px;
	margin: 0px auto;
	padding: 0px 80px 0px 80px;
}


.menu-footer .box1 {width: 28%;}
.menu-footer .box2 {width: 28%;}
.menu-footer .box3 {width: 28%;}
.menu-footer .box4 {width: 16%;}

@media only screen and (max-width: 1024px) { 
.menu-footer{
padding: 0px 20px 0px 20px;}
.menu-footer{
	display: block;
}
.menu-footer .box1 {width: 100%; padding-bottom: 40px;}
.menu-footer .box2 {width: 100%; padding-bottom: 40px;}
.menu-footer .box3 {width: 100%; padding-bottom: 40px;}
.menu-footer .box4 {width: 100%;}}

.menu-footer-box{
	xborder: 1px solid red;
}



.site-footer-widget-area {
    display: none !important; 
}



#site-footer {
    padding: 0px;
    background-color: #ededed;
    padding: 0px 20px 0px 20px;
    width: 100%;
}


#site-footer a {
    text-transform: none !important;
    font-family: 'rr';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px !important;
    color: #333 !important;
    padding-bottom: 10px;
}

@media only screen and (max-width: 600px) { 
#site-footer a {
    font-size: 9px;
}
}

.footer-brand{
	height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;	
	}

.footer-brandmark{
	width: 227px;
	height: 45px;
	background-image: url(img/logo-footer.png);
	background-position: center center;	background-repeat:no-repeat;
	background-size: 100%;
}	

@media only screen and (max-width: 600px) { 
.footer-brandmark{
	width: 182px;
	height: 36px;
}}

.footer-line{
	height: 1px;
	background-color: #999;
	margin: 100px 80px 0 80px;
}



@media only screen and (max-width: 1024px) { 
.footer-line{
margin: 100px 20px 0px 20px;}}

@media only screen and (max-width: 600px) { 
.footer-line{
margin: 0px 0px 0px 0px;}}

.footer-copy{
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 600px) { 
.footer-copy{
    height: 56px;}}


.footerheadline{
	font-family: 'rr';
	font-size: 14px;
	color: #fff;
}

div.menu ul li{
	list-style-type: none;
	margin-left: -30px;
	font-family: 'font1';
	font-size: 14px;
	color: #fff;}


.footer-copy p{
    font-family: 'rr';
    font-size: 14px;
    letter-spacing: 1px;
    color: #333;
    text-align: center;
    }


@media only screen and (max-width: 600px) { 
.footer-copy p{
    font-size: 9px;}}

.footer-copy p a:link{
    color: #969696;
    }
.footer-copy p a:hover{
    color: #fff;
    }
.footer-copy p a:visited{
    color: #969696;
    }