/* CSS for meeting pages ---- */


/* semibold fuer test ---- */
<style>
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:600,600i&amp;display=swap');
</style> 



/*  Verschiedene Tests für Speaker-Karten  */

#p131 .frame-99  {
    padding: 1rem 2rem;
	padding: 2rem 2rem 1rem 2rem;
}


#p131 .frame-99 h3 {
	margin-bottom: 1rem;
	color: white !important;
	border-bottom: 8px solid #EB5D1D;
	display: table;
	padding-bottom: 0.75rem;
}
	

#p131 .frame-99 .col-md-6 figure {
    margin-top: 0rem;
}

#p131 .frame-type-textpic .col-md-6 figure {
    margin-top: 0;
}



#mobile-bottom {
    margin: 1rem auto;
    max-width: 748px;
}

/*  verwendet auf Home, Keynot Speaker - kann hier raus  */

#p131 .frame-ruler-after {
	background: #E6E9EB;
	padding: 2rem 2rem 1rem 2rem;
	margin-top: 2rem;
	
	}
	
	#p131 .frame-ruler-after header{
	background: #EB5D1D;
	padding: 10px 20px;
	margin-top: 0;
	color: white !important;
	
	
	}
	
		#p131 .frame-ruler-after header h3{
	margin-bottom: 2px;
	color: white !important;
	
	}
	
	#p131 .frame-ruler-after header {
    background: #eb5d1d none repeat scroll 0 0;
    color: white !important;
    display: table;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 6px 16px;
}


#p131 figure .caption {
    border-left: 10px solid #eb5d1d;
    font-size: 0.85em;
    line-height: 1.4em;
    padding-left: 1rem;
    padding-top: 0.5em;
	
	    border-left: 8px solid #83ca17;
    font-family: "IBM Plex Sans";
    font-size: 0.9em;
    line-height: 1.4em;
    padding-left: 1rem;
    padding-top: 0.5em;
}



.powermail_legend {
    color: transparent;
}




.page-129 .breadcrumb-section {
    display: none;
}

.page-129 .breadcrumb-section.hidden-xs.hidden-sm {
    display: none !important;
}

#p129 .breadcrumb-section.hidden-xs.hidden-sm {
    display: none !important;
}



/* Headerbereich Bild */

.spp-hero {
    padding-top: 3rem;
    padding-bottom: 0rem;
	padding-left: 1.5rem;
	background-size: cover;
	background-color: #A2BDD9;
	
	    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-top: 3rem;
	padding-right: 2rem;

}

.spp-hero-textbox {
    width: 440px;
	color: white !important;
	font-size: 1rem;
	padding: 1rem 1.75rem;

}


.spp-hero-bildbox.cps {
     padding: 0;
    width: 740px;
	max-width: 95%;
	margin-left: 5vw;
}

.spp-hero-bildbox.cps-text {
     margin-top: 0rem;
	 padding: 0;
    width: 360px;
	width: 100%;
	text-align: right;
}



.header-cps-text_start {
     margin-top: 1rem;
	 padding: 0;
    width: 360px !important;
}

.spp-hero {
    background-size: cover;
    padding-bottom: 2rem;
    padding-left: 3rem;
    padding-top: 4rem;
	padding-right: 2rem;
	background-position: left bottom;
}

.spp-hero-bildbox img{
    padding: 0;
    width: 100%;
}

.spp-hero-textbox h2 {
	font-size: 1.6rem;
    line-height: 2.25rem;
	color: white !important;
	text-align: left;
	font-family: "Source Sans Pro";
}

.spp-hero-bildbox.cps-text img{
	width: 100%;

}


.cps-banner {
    width: 85%;
    max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 10vh; */
	display: block;
}

.cps-banner img {
    width: 100%;
	height: auto;
}


.cps-textbox {
    bottom: 0;
    display: block;
    max-width: 420px;
    position: absolute;
    right: 15%;
    z-index: 10;
	width: 35%;
	box-sizing: border-box;
}

.cps-textbox img {
    width: 100%;
	height: auto;
}






.wrapper {
	width: 100vw;
	height: 100vh;
    background: #b5bbbf;
    background: -moz-linear-gradient(32deg, #eaeef1, #b5bbbf 100%);
    background: -webkit-linear-gradient(to right bottom, #eaeef1, #b5bbbf 100%);
    background: url("https://www.spp1623.de/fileadmin/admin/css/cps2019_tor_opt2_komp.png"), linear-gradient(32deg, #eaeef1, #b5bbbf 100%);
    background-position: left bottom,center center;
    background-repeat: no-repeat,no-repeat;
    background-size: 750px, cover;
	box-sizing: border-box;
	padding-top: 10vh;
}


.cps-topline {
    top: 0;
    display: block;
    position: absolute;
    z-index: 15;
	width: 100%;
	box-sizing: border-box;
}

.cps-topline img{
	width: 100%;
}


.tor-deko {
    position: absolute;
	bottom:0;
	left: 0;
	width: 40%;
	z-index: 10;
} 


.tor-deko img {
    width: 100%;
	height: auto;
}



ol.breadcrumb {
    display: none !important;
}

.breadcrumb-inner {
    
	background-image: url('../templ_img/header_cps_tor_bg2.jpg'); background-color: #6E8CB8;
	background: #95a5ba url('https://www.spp1623.de/fileadmin/admin/templ_img/Folge_Header_EIN_Bild.jpg') repeat scroll center left / cover ;
    height: 420px;
    padding: 1.5rem;
    position: relative;
}


  @media (min-width: 992px) {





}



 @media (max-width: 979.98px) {

/* Notiz: genaueres Zeielen auf object für überschreiben der less-Datei  */

.spp-hero-bildbox.cps {
    margin-left: 0;
    margin-top: -1rem;
}


}  /* Ende   @media (max-width: 575.98px)  */




@media (min-width: 768px) and (max-width: 991px){
	.breadcrumb-section.hidden-xs.hidden-sm {
    display: block !important;}
	
	.breadcrumb-inner {
    height: 280px;
}
	
	}

@media (max-width: 767px){
		.breadcrumb-section.hidden-xs.hidden-sm {
    display: block !important;}
	
	.breadcrumb-inner {
    height: 240px;
		
}


h1, .h1 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}


	}


 @media (max-width: 575.98px) {

/* Notiz: genaueres Zeielen auf object für überschreiben der less-Datei  */

.spp-hero {
    padding: 3rem 2rem 7rem 2rem;
	background-position: left bottom;
	background-image: url("https://www.spp1623.de/fileadmin/admin/templ_img/header_cps_tor_bg2_mobile.jpg") !important;
}


.header-cps-text_start {
    margin-top: 1rem;
    width: 90% !important;
}


.spp-hero-bildbox.cps-text {
    margin-top: 0rem;
    padding: 0;
    text-align: left;
    width: 100%;
}

.spp-hero-bildbox.cps-text img {
	    width: 100%
}


	.breadcrumb-inner {
    height: 160px;
}

header h2 {
    margin: 0;
}



.projektbox_grafikheader {
    padding: 1.5rem 3rem 0.75rem 1.5rem;
}

.projektbox-grid {
    padding: 0.75rem 1.5rem 2.25rem 1.5rem;
}


}  /* Ende   @media (max-width: 575.98px)  */
















/*  Tabelle fur Programm  */


.schedule-day-box {
    background: #e6e9eb none repeat scroll 0 0;
    padding: 1.75rem 2rem 1.5rem;
}

.progtab_links {
    background: #4c6280 none repeat scroll 0 0;
    border-bottom: 4px solid white;
	border-right: 4px solid white;
    margin-bottom: 1rem;
    padding: 0.2rem 0.5rem;
	color: white;
	width: 15%;
	
	background: #eb5d1d none repeat scroll 0 0;
	
    border-bottom: 7px solid #e6e9eb;
    border-right: 7px solid #e6e9eb;
    color: white;
    margin-bottom: 1rem;
    padding: 0.45rem 1rem 0.5rem 0.75rem;
    width: 10%;
}

.progtab_links.break {
    background: #7d8ea0 none repeat scroll 0 0;

}

.progtab_rechts {
    background: #83ca17 none repeat scroll 0 0;
    border-bottom: 4px solid white;
    margin-bottom: 1rem;
    padding: 0.2rem 0.5rem;
	color: white;
	width: 80%;
	
	background: white none repeat scroll 0 0;
    border-bottom: 7px solid #e6e9eb;
    color: #283440;
    margin-bottom: 1rem;
    padding: 0.45rem 0.75rem 0.5rem;
    width: 90%;
}



.progtab_rechts.break {
    background: #83ca17 none repeat scroll 0 0;
	background: #ADBCCC;
	background: #7d8ea0 none repeat scroll 0 0;
	color: white;

}


.progtab_links.chair {
    background: white none repeat scroll 0 0;
    color: #EB510B;
	font-weight: 600;
}


.progtab_rechts.chair {
    background: #83ca17 none repeat scroll 0 0;
	background: #eb5d1d none repeat scroll 0 0;
	color: white;
	
	/*  rot auf weiss  */
	background: white none repeat scroll 0 0;
	color: #EB510B;
}

.progtab_rechts.chair strong {
	color: white;
	color: #EB510B;
}

.program-speaker, .progtab_rechts strong {
    font-weight: 600;
	color: #757F8A;
	color: #283440;
}



/*  CPS Startseite Scientific Topics Box  */
.topics-box {
    background: #e6e9eb none repeat scroll 0 0;
    padding: 1.75rem 2rem 1.5rem;
}

.topics-box ul{
    margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}

.topics-box li{
    background: #e6e9eb none repeat scroll 0 0;
    padding-left: 1rem;
	list-style-type: none;
	border-left: 10px solid #eb5d1d; 
}

/*  Design-Stil 2  */
.topics-box {
    background: none;
    padding: 0;
	margin-bottom: 1rem;
}

.topics-box li {
    background: #e6e9eb none repeat scroll 0 0;
    border-left: 14px solid #eb5d1d;
    list-style-type: none;
    padding: 1rem;
}



/*  CPS Startseite Keynote-Speakerbox */
#p129 .frame-ruler-after {
    background: #e6e9eb none repeat scroll 0 0;
    margin-top: 0;
    padding: 2rem 2rem 1rem;
	padding: 2.5rem 2rem 0.5rem 2rem;
}

#p129 .frame-ruler-after header {
    background: #eb5d1d none repeat scroll 0 0;
    color: white !important;
    display: table;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 6px 16px;
}

#p129 .frame-ruler-after header h3 {
    color: white !important;
    margin-bottom: 2px;
}



/*  2te Box content */
#p129 .frame-99 {
    color: white !important;
    padding: 2rem;
	background-color: #7D8EA0;
	padding: 2.5rem 2rem 1rem;
	padding: 2.5rem 2rem 0.5rem 2rem;
}



/*  CPS Startseite Committeebox  */

/*  Korrektur - padding - ggf. im Template saeubern  */
#c560, #c688 {
	padding-top: 0;
}

.committee-box {
	background: #e6e9eb none repeat scroll 0 0;
	padding: 1.75rem 2rem 1.5rem 2rem;
}

.committee-box figure {
    display: block;
    margin-top: 0;
	margin-bottom: 1rem;
	max-width: 100%;
}

.committee-box figure img{
	max-width: 100%;
	width: 100%;
}

.committee-box figure > img{
	max-width: 100%;
}

.chair-block > h3 {
    margin-bottom: 0;
}

.member-block {
    background: #83ca17 none repeat scroll 0 0;
    padding: 1.25rem 2rem 2.25rem 2rem;
	color: white;
}

.member-block > h3 {
    color: white;
	line-height: 1.75rem;
}

.member-block > p {
    margin: 0;
}

.member-block >hr {
    border-color: #D4D7D9 currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 3px 0 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
	width: 50%;
	margin-left: 0;
}

@media (max-width: 1262px) {
.member-block > hr {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
}



/*  frame-ruler fuer Verwendung in Box links anpassen ("Take part"-Box)  */
.frame-ruler-before {
    background: #eb5d1d none repeat scroll 0 0;
	background: #83ca17 none repeat scroll 0 0;
    color: white;
    padding: 2rem;
	padding: 1rem 1.5rem 1.5rem 1.5rem;
	margin-bottom: 2.25rem;
}

.frame-ruler-before figure {
    max-width: 340px;
}

.frame-ruler-before a{
    color: white !important;
}

/*  Ende frame-ruler  */



/* header */
.mmenu.pull-right > li:first-child {
    display: none;
}



/*  neue Speakerliste mit Portraits  */

/*
.scroll-top {
    display: none;
}
*/

#c576 {
    padding: 1rem;
	background-color: #FC3;
	display: flex;
	display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 


-webkit-flex-wrap: wrap;
-moz-box-flex-wrap: wrap;
-ms-flex-flex-wrap: wrap; 
-webkit-flex-wrap: wrap; 

	flex-wrap: wrap;
}


/*  letzte Version Speakerliste  */
#c576 {
    background-color: white;
    margin-right: -20px;
    padding: 0;
}



#c576 .frame-type-textpic {
    width: 46%;
	margin-right: 2.5%;
	margin-bottom: 1rem;
}
/*  drei Spalten  */
#c576 .frame-type-textpic {
    margin-bottom: 1rem;
    margin-right: auto;
    width: 30%;
}

#c576 .frame-type-textpic p{
    margin: 0 0 0.75rem 0;
}

#c576 .frame-well.frame-type-textpic{
    padding: 1rem;
	padding: 0.5rem 1rem 0.5rem 1rem;
	background: #e6e9eb none repeat scroll 0 0;
	border: none;
}


@media (max-width: 600px) {
#c576 .frame-type-textpic {
    margin-bottom: 1rem;
    margin-right: auto;
    width: 45%;
}
}
@media (max-width: 480px) {
#c576 .frame-type-textpic {
    margin-bottom: 1rem;
    margin-right: auto;
    width: 90%;
}
}

/*  Ende letzte Version Speakerliste  */



/*  Sponsorliste  */

#c692 {
    margin-right: -20px;
    padding: 0;
}
#c692 {
    background-color: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}


#c692 .frame-type-textpic {
    background-color: white;
	background: #e6e9eb none repeat scroll 0 0;
	padding: 0.75rem 1.5rem 2rem 1.5rem;
	margin-bottom: 1rem;
    margin-right: auto;
    width: 47%;
	border: none;
}

#c692 .frame-type-textpic > p {
    background: #7d8ea0 none repeat scroll 0 0;
    color: white;
	color: #283440;
    padding: 0.5rem 1rem;
	background: none;
	padding: 0;
	display: none;
}


#c692 .frame-type-textpic figure {
    display: block;
	background-color: white;
    line-height: 1.55;
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
	padding-left: 1rem;
    padding-right: 1rem;
}

@media (max-width: 480px) {
#c692 .frame-type-textpic {
    margin-bottom: 1rem;
    margin-right: auto;
    width: 90%;
}
}


/*  Login form auf Seite Login  */
#p144 .frame-type-login {
    background: #E0E4E7 url("https://www.spp1623.de/fileadmin/admin/templ_img/cps_login_back_1.jpg") repeat scroll right bottom / cover; 
    padding: 1.5rem 3rem 1.5rem 2.25rem;
	margin-bottom: 2.25rem;
}


/*  Login form auf Seite Download fuer Statusanzeige */
#c742 legend {
    display: none;
}




@media (max-width: 480px) {
#p144 .frame-type-login {
    padding: 0.75rem 1.5rem;
}
}



/*  Hinweisfeld Seite Download */

.btn-download {
    background-color: #83ca17;
    color: white;
    font-size: 1.25em;
    line-height: 1.33333;
    padding: 1rem 2rem 2rem 1rem;
    text-align: right;
}

.btn-download:hover {
    background-color: orange;
    color: white;
}

.btn-primary {
    background-color: #83ca17;
    border-color: none;
    color: #fff;
}

/*  Login-Bestaetigung Text  */

/*  Ueberschrift Liste  */
#c754 h3 {
	margin-bottom: 0;
}

/*  Login-Bestaetigung Text  */
#c755 h3 {
	color: #eb510b;
}

/*  PDF icon fuer download  */
#c757 a, #c758 a, #c759 a, #c760 a, #c761 a, #c762 a {
    background: rgba(0, 0, 0, 0) url("https://www.spp1623.de/fileadmin/admin/templ_img/pdf-icon_1_med.png") no-repeat scroll left center / contain;
	/* background:  #e0e4e7 url("/fileadmin/admin/templ_img/cps_login_back_1.jpg") repeat scroll right bottom / cover; */
	
    padding-bottom: 2px;
    padding-left: 28px;
}