/* CSS Document */
body 			{font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}

img 				{max-width: 100%;}

.pl-0 			{padding-left: 0px !important;}
.pr-0 			{padding-right: 0px !important;}
.pl-4 			{padding-left: 2.25rem !important;}
.nopad 			{padding:0px;margin:0px}

.yellow 			{color: #fede00;}
.black 			{color: #000;}
.grey 			{color: #e5e5e5;}
.bg-yellow 		{background-color: #fede00;}
.bg-white 		{background-color: #fff;}
.bg-grey 			{background-color: #e5e5e5;}
.bg-eggs 			{background-color: #fffdf2;}

#topnav 			{background-color: #000;}
#topnavborder 		{height: 10px;}
#toolbar 			{margin-bottom: 20px;margin-top: 20px;}

#logo 			{float: left;background-color: #000;margin-top: 20px;margin-bottom: 20px;}

nav 				{height: 150px;}
#nav 			{float: right;background-color: #000;margin-top: 20px;margin-right: 20px;}
.nav-item			{color: #fff;font-size: 14pt;margin: 10px;}
.nav-item a 		{color: #fff;}
.nav-item a:hover	{color: #fede00;}

.navbar-nav 		{display: flex;flex-direction: row;padding-left: 0;margin-bottom: 0;list-style: none;height: 100%;
				padding-top: 100px;}
.position-static 	{position: static !important;}

.tablepad td		{padding-left: 0px !important;padding-right: 0px !important;}

.navbarcustom 		{margin-left: var(--ct-leftbar-width);margin-right: 10px !important; position: relative;
				background-color: var(--ct-menu-bg);}

#tools li 		{list-style: none;float: left; color: #000;margin-right: 20px;}
.linkblack 		{color: #000;font-size: 14pt;}

.thumb			{border: 1px solid #000;margin: 5px;padding: 20px;width: 100%;}
.listimage 		{padding: 5px;}
.teasertitle 		{color: #000;font-size: 12pt;border-bottom: 2px solid #fede00;padding-top: 15px;}
.teaserinfo 		{padding-top: 15px;}
.teaserheader 		{padding: 0px 5px;}
.teaserblock 		{font-size: 14pt;}
.teaserblock a 	{color: #000;text-transform: uppercase;font-weight: bolder;margin-left: 5px;}
.teaserfa 		{color: #000;font-size: 22pt;padding: 9px;}
.funcline 		{padding: 10px;}
.teaserflag 		{float: right;}
.flagmini 		{height: 20px; margin-right: 5px;}

li.submenutools ul 	{z-index: 999;	display: none;position: absolute;background-color: #fff;border: 1px solid lightgrey;}
.tools-li 		{float: none !important;padding: 15px 0px 15px 15px;width: 100%;cursor: pointer;}
.tools-li:hover 	{background-color: lightgrey;}


#q 				{border: 1px solid #000;border-radius: 0;width: -webkit-fill-available !important;margin-bottom: 15px;}
.leftboxselect 	{margin-bottom: 15px;border-radius: 0;background-color: #000;}
.btn-button-leftbox {background-color: #000;color:#fff;border-radius: 0px;}

.hidden 			{display: none;}
#burgermenu 		{position: fixed;top:30px;right:10px;padding: 30px 10px;background-color: var(--ct-menu-bg);z-index: 500;
				overflow-y: visible; border: 1px solid var(--ct-heading-color);display: none;}
.submenu 			{padding: 15px;font-size: 14pt;}

.font20 			{font-size: 20pt;}
.fl 				{float:left;}
.fr 				{float: right;}

.box 			{padding: 35px 20px;background-color: #e5e5e5;max-width: 400px;}

.dividerwhite 		{height: 100px;}
.dividerwhitehalf	{height: 50px;}

#grayout			{position: fixed;left: 0px;top: 0px;height: 100%;width: 100%;background-color: black;opacity: 0.5;z-index: 200;}
#toggleBurger 		{z-index: 499;}

/*Imageseiten*/
.homeheader 		{color: #000;text-align: left;margin: 40px;font-size: 22pt;}
.homeheader2 		{color: #fede00;text-align: center;margin: 40px;font-size: 22pt;}
.designheader 		{color: #000;text-align: center;margin: 40px;font-size: 22pt;}
.hometext 		{margin: 40px;color: #000;font-size: 13pt;}
.identity li 		{list-style: none;padding-bottom: 10px;color: #000;}
.identityfat 		{font-weight: bolder;}
.hometext2 		{margin: 40px;color: #fff;font-size: 13pt;text-align: center;max-width: 800px;}
.btn-home 		{color:#000;background-color:#fede00;border-radius: 20px;font-weight: bolder;}
.btn-home:hover 	{color:#fede00;background-color:#000;}
.homeback2 		{background-image: url('/images/home/banner_home2.png');background-repeat: no-repeat;}

.identify-yellow 	{padding: 25px 100px;color: #000;}
.identitytriple 	{text-align: center;padding: 30px;color: #000;max-width: 80%;}
.identityh2 		{font-size: 16pt;margin-top:20px;margin-bottom:10px;font-weight: bolder;}
.identityback2 	{background-image: url('/images/identity/identityback2.png');background-repeat: no-repeat;}
.identityback3 	{background-image: url('/images/identity/identityback3.png');background-repeat: no-repeat;}
.identityhrhor 	{color:#fff;width: 80%;}
.identitytext 		{margin: 10px 20%;color: #fff;font-size: 11pt;max-width: 800px;text-align: left;}
.identitytext2		{margin: 20px;color: #fff;font-size: 11pt;max-width: 800px;text-align: center;}
.identitytext3		{margin: 20px;color: #fff;font-size: 11pt;max-width: 800px;text-align: left;}
.identitytext4		{margin: 20px;color: #000;font-size: 11pt;max-width: 800px;text-align: center;}
.identityheader	{color: #000;text-align: center;margin: 20px;font-size: 22pt;}
.identityheader2	{color: #fede00;text-align: left;margin: 10px 20%;font-size: 22pt;}
.identityheader3 	{margin: 20px;color: #fff;font-size: 13pt;font-weight: bolder;}

.bigheader 		{color: #000;text-align: left;margin: 40px;font-size: 28pt;font-weight: bolder;}

.designback 		{background-image: url('/images/design/banner_design2.png');background-repeat: no-repeat;}
.designusetext 	{font-size: 12pt;line-height: 2;margin: 20px;color: #fff;max-width: 700px;text-align: center;}
.designcolors 		{padding-left: 40px;margin: auto;color:#000;max-width: 500px;}
.designmaterial 	{padding-left: 40px;margin: auto;color:#000;}
.designmaterial2 	{padding-right: 160px;margin: auto;color:#000;}
.corporatecolors 	{width: 120px;height: 120px;margin-left: 40px;}

.frutiger_light 		{font-family: "frutiger-light";text-align: center;font-size: 20pt;}
.frutiger_roman 		{font-family: "frutiger-roman";text-align: center;font-size: 20pt;}
.frutiger_bold 		{font-family: "frutiger-bold";text-align: center;font-size: 20pt;}
.frutiger_black 		{font-family: "frutiger-black";text-align: center;font-size: 20pt;}
.frutiger_italic 		{font-family: "frutiger-italic";text-align: center;font-size: 20pt;}
.frutiger_bolditalic 	{font-family: "frutiger-bold-italic";text-align: center;font-size: 20pt;}
.frutiger_condensed 	{font-family: "frutiger-condensed";text-align: center;font-size: 20pt;}

.myriadpro_regular 		{font-family: "myriadpro-regular";text-align: center;font-size: 13pt;}
.myriadpro_italic 		{font-family: "myriadpro-italic";text-align: center;font-size: 13pt;}
.myriadpro_bold 		{font-family: "myriadpro-bold";text-align: center;font-size: 13pt;}
.myriadpro_black 		{font-family: "myriadpro-black";text-align: center;font-size: 13pt;}

.arial_regular			{font-family: "arial-regular";text-align: center;font-size: 13pt;}
.arial_condensed		{font-family: "arial-condensed";text-align: center;font-size: 13pt;}
.arial_italic			{font-family: "arial-italic";text-align: center;font-size: 13pt;}
.arial_bold			{font-family: "arial-bold";text-align: center;font-size: 13pt;}
.arial_bold_italic		{font-family: "arial-bold-italic";text-align: center;font-size: 13pt;}
.arial_black			{font-family: "arial-black";text-align: center;font-size: 13pt;}

.typographydivider 	{color:#000;width: 90%;text-align: center;border-top:1px solid #000;margin-left: auto; 
				margin-right: auto;background-color: #fede00;margin-top: 0px;margin-bottom: 0px;}


/*Footer*/
.divideryellow 	{height: 20px;background-color: #fede00;}
#mainfooter 		{height: 150px;background-color: #000;}
#mainfooter a 		{color: #fff;font-size: 12pt;}
#mainfooter a:hover	{color: #fede00;text-decoration: underline;}
.footertext 		{color: #fff;font-size: 12pt;margin: 20px;margin-left: 60px;}


.hdtxts 			{height: 0px;display: none;}
.protectimg 		{width: 140px;position: fixed;right: 0px;z-index: 20;bottom: 15px;}

.contactform 		{color: #fff;}
/**********************************************************************************************/
/* Media Queries */
@media screen and (min-width: 800px) {
	.mobi		{display: none;}
	.navbar-expand-lg .navbar-nav {flex-direction: row;}
	.homeheader 	{margin-top:20%;}
	.homeback2  	{height: 421px;padding-top: 50px;}
	.identityback2	{height: 421px;padding-top: 50px;}
	.identityback3	{height: 421px;padding-top: 50px;}
	.designback	{height: 356px;padding-top: 50px;}
	.homeimg 		{max-width: 570px;}
	.homeimg2		{max-width: 400px;}
}

@media screen and (max-width: 800px) {
	.mobinot		{display: none;}
	.homeimg 		{max-width: 100%;}
	.homeimg2		{max-width: 100%;}
	.row div 		{padding: 5px 15px;}
	.footertext 	{margin: 0px;}
	#mainfooter 	{height: 200px;}
}