/*
Planen-Center Template
creation Date: 2018-05-03
Author: Sebastian Osinski
http://www.sebbi.net
*/

/* white */
body, html,
.boxcontimgholder-title,
.whitebox,
.sloganline.whitebg,
.sloganbutton.whitebg,
.chronoform .abmessungen input,
.bullethole-wrapper,
.hole-image-wrap.whitebg,
.ball_overlay,
h2.mapsearch_title,
.white_bg{
  background-color: #ffffff;
}
#footer-wrapper, #footer-wrapper a,
#topmenu-wrapper ul.nav-child li,
#topmenu-wrapper ul.nav li:hover,
#topmenu-wrapper ul li.opened,
.cont-block.pink,
.sloganline,
.kontakttable td:not(.table-spacer),
td.white,
.sloganline-add,
.sloganbutton.pinkbg,
.contfloater,
input.sloganbutton,
.ballnumber,
.cont-block.darkgraybg,
.gbs3 .cont-block.darkgraybg .sloganbutton a,
#login_button,
.white{
  color: #ffffff;
}
.sloganbutton.whitebg{
	border-color: #ffffff;
}

/* pink */
#menu-activator > div,
#topmenu-wrapper ul.nav-child,
#topmenu-wrapper ul.nav li:hover,
.cont-block.pink,
.kontakttable td:not(.table-spacer),
.sloganline.pinkbg,
.sloganbutton.pinkbg,
.chronoform input.sloganbutton,
.ballnumber,
#login_button,
.pink_bg{
  background-color: #f0047f;
}
#footer-wrapper, #footer-wrapper a,
#top-menu,
.pink,
.sloganline.whitebg,
.sloganbutton.whitebg,
.sloganbutton.whitebg a,
#content-wrapper a,
.gbs3 a, .gbs3 a:hover,
.hole-circle-marker:after,
.ball_overlay{
  color: #f0047f;
}
.chronoform input, .chronoform textarea,
#login_button, #login-pw-input{
	border-color: #f0047f;
}
.bracket,
#pac-input,
h2.mapsearch_title{
	-webkit-box-shadow: 0px 0px 3px 0px rgba(240,4,126,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(240,4,126,1);
	box-shadow: 0px 0px 3px 0px rgba(240,4,126,1);
}
.bracket:hover,
#login_button:hover,
#login-pw-input:hover{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(240,4,126,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(240,4,126,1);
	box-shadow: 0px 0px 5px 0px rgba(240,4,126,1);
}

/* pink highlight */
#topmenu-wrapper ul.nav-child li:hover,
#topmenu-wrapper ul li.opened{
  background-color: #ff0588;
}

/* lightgray */
#header-wrapper,
#topmenu-wrapper,
.cont-block.lightgray,
.bg-halfsize.lightgray,
.chronoform input, .chronoform textarea{
	background-color: #f2f2f2;
}
.empty{
	color: #f2f2f2;
}

/* mediumgray */
.sloganline,
.bg-halfsize.darkgray,
.contfloater,
.cont-block.darkgraybg{
  background-color: #b2b2b2;
}
.contentspacer.lined{
	color: #b2b2b2;
}

/* gray darker */
.graytext{
	color: #4e4e4e;
}

/* textcolor */
body, html{
  color: #999999;
}

@media (max-width: 1350px){
	/* mediumgray */
	.content-tworow.extrawide > tbody > tr > td:nth-child(3){
	  background-color: #b2b2b2;
	}
	/* lightgray */
	.content-tworow.extrawide > tbody > tr > td:nth-child(1){
		background-color: #f2f2f2;
	}
	/* pink */
	.sloganline-add{
		color: #f0047f;
	}
}