/* CSS Document */

/* body color and background */

body {
background: rgba(32,124,229,1);
background: -moz-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(8,31,56,1) 77%, rgba(8,31,56,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,124,229,1)), color-stop(77%, rgba(8,31,56,1)), color-stop(100%, rgba(8,31,56,1)));
background: -webkit-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(8,31,56,1) 77%, rgba(8,31,56,1) 100%);
background: -o-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(8,31,56,1) 77%, rgba(8,31,56,1) 100%);
background: -ms-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(8,31,56,1) 77%, rgba(8,31,56,1) 100%);
background: linear-gradient(to bottom, rgba(32,124,229,1) 0%, rgba(8,31,56,1) 77%, rgba(8,31,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#081f38', GradientType=0 );
background-repeat: no-repeat;

padding-top: 90px;
	
} 


/* wrapper color and background */

#wrapper { 
background: rgba(248,248,255,1)	
}

/* topnavigation background */

#wrapper.container nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark {
background: rgba(30,144,255,1) !important;	
}

/* topnavigation text */

#topnavigation.container span.navbar-text.mr-auto.h4 {
font-size: 40px;
text-transform: uppercase;
font-style: italic;

}

/* topnavigation nav-links */

#topnavigation.container ul.nav.menu li a {
font-size: 1.15rem;
color: rgba(255,255,255,0.5) !important;
text-transform: lowercase;
outline: none;
margin-left: 10px;
text-decoration: none;
}

#topnavigation.container ul.nav.menu li a:active {

color: rgba(8,31,56,1) !important;

}

#topnavigation.container ul.nav.menu li a:hover {

color: rgba(255,255,255,1) !important;

}

/* Vorbemerkungen Eprivacy */

#vorbemerkung.container {
display: block;
min-height: 120px;
background-color: rgba(37,46,57,1);
margin-bottom: 1rem;	
}

#vorbemerkung.container h3 {
font-size: 1.1rem;
color: rgba(255,127,80,1)!important;	
}

/* Vorbemerkungen Eprivacy Modul */

#vorbemerkung.container div.plg_system_eprivacy_message {
background-color: rgba(37,46,57,1);	
border: none;	
}

#vorbemerkung.container div.plg_system_eprivacy_message p {
color: rgba(255,255,255,1);
text-align: justify;
font-size: 0.8rem;	
}

#vorbemerkung.container button.plg_system_eprivacy_agreed {
color:rgba(127,255,212,1);
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(37,46,57,1);
border-radius: 3px;		
}

#vorbemerkung.container button.plg_system_eprivacy_agreed:hover {
color:#000;
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(127,255,212,1);	
}

#vorbemerkung.container button.plg_system_eprivacy_declined {
color:rgba(255,20,147,1); 
border: 2px solid;	
border-color: rgba(255,20,147,1); 
background-color:rgba(37,46,57,1);
border-radius: 3px;		
}

#vorbemerkung.container button.plg_system_eprivacy_declined:hover {
color:#fff;
border: 2px solid;	
border-color: rgba(255,20,147,1); 
background-color:rgba(255,20,147,1);		
}

#vorbemerkung.container div.plg_system_eprivacy_message a {

color: rgba(154,205,50,1);

}

#vorbemerkung.container div.plg_system_eprivacy_message a:hover {

color: rgba(0,255,255,1);

}

#vorbemerkung.container div.plg_system_eprivacy_message a:link {
text-decoration: none;
color: rgba(250,128,114,1);
font-size: 1.25rem;	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted {
border-color: rgba(127,255,212,1);	
color: rgba(255,255,255,1);
margin-bottom: 3px;	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted p  {
color: rgba(255,255,255,1);	
}


#vorbemerkung.container div.plg_system_eprivacy_declined p  {
color: rgba(255,255,255,1);	
}

#vorbemerkung.container div.plg_system_eprivacy_declined  {

border-color: rgba(127,255,212,1);
	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted {
color:rgba(127,255,212,1);
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(37,46,57,1);
border-radius: 3px;	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted:hover {
color:#000;
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(127,255,212,1);
}

#vorbemerkung.container div.plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider {
color:rgba(127,255,212,1);
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(37,46,57,1);
border-radius: 3px;	
}

#vorbemerkung.container div.plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider:hover {
color:#000;
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(127,255,212,1);
}

#vorbemerkung.container div.plg_system_eprivacy_accepted button.plg_system_eprivacy_reconsider {
color:rgba(30,144,255,1);
border: 2px solid;	
border-color: rgba(30,144,255,1);	
background-color:rgba(37,46,57,1);
border-radius: 3px;	
margin-left: 4px;	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted button.plg_system_eprivacy_reconsider:hover {
color:rgba(255,255,255,1);
border: 2px solid;	
border-color: rgba(30,144,255,1);	
background-color:rgba(30,144,255,1);
border-radius: 3px;	
margin-left: 4px;	
}

/* mission statement */

#mission.container {
background-color: rgba(0,0,0,1);
color: rgba(255,255,255,1);	
text-align: center;

}

#mission.container p {
font-size: 25px;
font-style: italic;
font-weight: bold;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	

}

#mission.container h3 {

font-weight: bold;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	

}

/* slide show */

#topbar.container {
padding-left: 0px;
padding-right: 0px;	
margin-top: 0px;	
}

#topbar.container h1.display-4 {
font-weight: bold;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
background-color: rgba(0,0,0,0.7)	
}

#topbar.container h2 {
font-weight: bold;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
background-color: rgba(0,0,0,0.7)	
}

/* services */

#info1.container {
background-color: rgba(255,255,255,1);
}

/* Services Card shadow  */

#info1.container div.card.mt-2 {

border-radius:0 !important;
transition: box-shadow 0.5s;
transition: background-color 1.0s;	
}

#info1.container div.card.mt-2:hover {
box-shadow: 5px 0px 40px rgba(0,0,0, .6);	
}

#info1.container div.card.mt-2.sales {
background-color: rgba(199,21,133,1);
color: rgba(255,255,255,0.8);
	
}

#info1.container div.card.mt-2.sales:hover {
background-color: rgba(8,31,56,0.8);
color: rgba(255,255,255,0.8);
	
}

#info1.container div.card.mt-2.sales p.card-text {
font-size: 18px;	
}

#info1.container div.card.mt-2.sales .card-title.text-center {
background-color: rgba(255,255,255,1);
color: rgba(0,0,0,1);	
}

#info1.container div.card.mt-2.rent {
background-color: rgba(199,21,133,1);
color: rgba(255,255,255,0.8);
}

#info1.container div.card.mt-2.rent:hover {
background-color: rgba(8,31,56,0.8);
color: rgba(255,255,255,0.8);
	
}
	
#info1.container div.card.mt-2.rent p.card-text {
font-size: 18px;	
}

#info1.container div.card.mt-2.rent .card-title.text-center {
background-color: rgba(255,255,255,1);
color: rgba(0,0,0,1);		
}

#info1.container div.card.mt-2.mentoring {
background-color: rgba(199,21,133,1.0);
color: rgba(255,255,255,0.8);	
}

#info1.container div.card.mt-2.mentoring:hover {
background-color: rgba(8,31,56,0.8);
color: rgba(255,255,255,0.8);
	
}

#info1.container div.card.mt-2.mentoring p.card-text {
font-size: 18px;	
}

#info1.container div.card.mt-2.mentoring .card-title.text-center {
background-color: rgba(255,255,255,1);
color: rgba(0,0,0,1);		
}

#info1.container div.card.mt-2.hinting {
background-color: rgba(199,21,133,1);
color: rgba(255,255,255,0.8);
}

#info1.container div.card.mt-2.hinting:hover {
background-color: rgba(8,31,56,0.8);
color: rgba(255,255,255,0.8);
	
}

#info1.container div.card.mt-2.hinting p.card-text {
font-size: 18px;	
}

#info1.container div.card.mt-2.hinting .card-title.text-center {
background-color: rgba(255,255,255,1);
color: rgba(0,0,0,1);	
}

/* Content Bereich Backgroundbild fixed Background Paralax  */

#content.container {
padding-left: 0px;
padding-right: 0px;	
}

#content.container .jumbotron.mt-2.text-center  {
background: url(../images/iStock_37142678_LARGE.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* Content Bereich Überschrift und Text  */

#content.container .jumbotron.mt-2.text-center h5 {
color:rgba(255,255,255,1.00);
font-weight: bold;
background-color: rgba(0,0,0,0.4);	
}

#content.container .jumbotron.mt-2.text-center p {
color:rgba(255,255,255,1.00);
background-color: rgba(30,144,255,0.8);
font-size: 1.4rem; 
	
}

#content.container div.jumbotron.mt-2.text-center {
margin-bottom: 0px;
}

#content.container div.card.mt-2 div.card-header.text-center{
background-color: rgba(8,31,56,1);	
}

#content.container div.card.mt-2 div.card-footer.text-center{
background-color: rgba(8,31,56,1);
color: rgba(255,255,255,1);	
}

#content.container div.card.mt-2 div.card-body.text-justify {
font-size: 1.1rem;
color: rgba(105,105,105,1);	
}

#content.container div.card-footer.text-center a {
font-size: 1.1rem;
color: rgba(199,21,133,1);	
}

#content.container div#hintergrund_eins {
background-color: rgba(8,31,56,1);
color: rgba(255,255,255,1);
font-weight: bold;	
padding-left: 10px;
padding-right: 10px;	
padding-top: 10px;
padding-bottom: 10px;
border-radius: 25px;
-webkit-box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);
box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);
}

#content.container div.card.mt-2.sales {
background-color: rgba(250,240,230,1);	
}

#content.container div.card.mt-2.rent {
background-color: rgba(250,240,230,1);	
}

#content.container div.card.mt-2.mentoring {
background-color: rgba(250,240,230,1);	
}

#content.container div.card.mt-2.hinting {
background-color: rgba(250,240,230,1);	
}

#content.container div#hintergrund_zwei {
background-color: rgba(160,82,45,0.7);
color: rgba(255,255,255,1);
	
padding-left: 10px;
padding-right: 10px;	
padding-top: 10px;
padding-bottom: 10px;
border-radius: 25px;
-webkit-box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);
box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);	
}

#content.container div#hintergrund_drei {
background-color: rgba(47,79,79,0.7);
color: rgba(255,255,255,1);
	
padding-left: 10px;
padding-right: 10px;	
padding-top: 10px;
padding-bottom: 10px;
border-radius: 25px;
-webkit-box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);
box-shadow: 3px 9px 29px 0px rgba(0,0,0,0.75);	
}

#content.container div.card.mt-2 h3{
text-align: center;	
}

#content.container div.card.mt-2 h4{
text-align: center;	
}

#content.container div#zwei_spalten {
-webkit-column-count: 2;
column-count:         2;	
}

#content.container table.table thead.thead-dark th {
background-color: rgba(199,21,133,1) !important;
border-color: rgba(199,21,133,1) !important;	
}

#content.container div#accordion div.card .card-header {
background-color: rgba(30,144,255,1) !important;
} 

#content.container div#accordion button.btn.btn-link {
color: rgba(255,255,255,1) !important;
text-decoration: none;	
} 

#content.container div#accordion div.card-body {
background-color: rgba(240,255,255,1) !important;
} 

#content.container div.card-deck.text-center div.card-body p.intro-text {
font-size: 1rem;
text-align: justify;	
}

#content.container div.card-deck.text-center div.card-body div.card-footer {
background-color: rgba(47,79,79,1) !important;
color: rgba(255,255,255,1) !important;	
}

/* contentwrapper Card shadow  */

#content.container div.card-block {

border-radius:0;
transition: box-shadow 0.5s;	
}

#content.container div.card-block:hover {
box-shadow: 5px 0px 40px rgba(0,0,0, .2);	
}

/* Info2 Bereich - Bloghinweis  */

#info2.container {
padding-left: 0px;
padding-right: 0px;	
	
}

#info2.container div.jumbotron.mt-2.text-justify {
margin-bottom: 0px;
background-color: rgba(210,180,140,0.5);	
}

#info2.container h5.display-4 {
text-align: center;	
}

/* Info 3 Bereich   */

#info3.container {
padding-left: 0px;
padding-right: 0px;	
}

#info3.container div.card.mt-3 {
min-height: 350px;
background-color: rgba(30,144,255,1);
color: rgba(255,255,255,1);
}

#info3.container div.card-body.text-justify.flex-fill.bg-primary{
color: rgba(255,255,255,1);
background-color: rgba(8,31,56,1) !important;	
}

/* Info 4 Bereich   */

#info4.container{
display: none;	
}

/* Info 5 Bereich   */

#info5.container{
display: none;		
}

/* Info 6 Bereich   */

#info6.container{
display: none;		
}

/* Footer Bereich (wohl mit Module)   */

#footer.container {
padding-left: 0px;
padding-right: 0px;	
}

#footer.container div.jumbotron.jumbotron-fluid {
background-color: rgba(8,31,56,1) !important;
color: rgba(255,255,255,1);	
}

#footer.container a.card-link {
color: rgba(210,180,140,1);	
}

/* Media Queries für Einstellungen auf unterschiedlichen Ausgabegeräten   */

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 

#content.container div#zwei_spalten {
-webkit-column-count: 1;
column-count:         1;	
}

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 

#content.container div#zwei_spalten {
-webkit-column-count: 1;
column-count:         1;	
}

#content.container .jumbotron.mt-2.text-center h5 {
font-size: 1.5rem;	
}	
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }