/* =============================================================================
 * CoCAG fonts
 * ========================================================================== */
@font-face {font-family: 'HelveticaNeueLTPro35Thin';src: url('/files/cocag_com/layout/fonts/39122A_2_0.eot');src: url('/files/cocag_com/layout/fonts/39122A_2_0.eot?#iefix') format('embedded-opentype'),url('/files/cocag_com/layout/fonts/39122A_2_0.woff2') format('woff2'),url('/files/cocag_com/layout/fonts/39122A_2_0.woff') format('woff'),url('/files/cocag_com/layout/fonts/39122A_2_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro36ThinItalic';src: url('/files/cocag_com/layout/fonts/39122A_3_0.eot');src: url('/files/cocag_com/layout/fonts/39122A_3_0.eot?#iefix') format('embedded-opentype'),url('/files/cocag_com/layout/fonts/39122A_3_0.woff2') format('woff2'),url('/files/cocag_com/layout/fonts/39122A_3_0.woff') format('woff'),url('/files/cocag_com/layout/fonts/39122A_3_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro45Light';src: url('/files/cocag_com/layout/fonts/39122A_4_0.eot');src: url('/files/cocag_com/layout/fonts/39122A_4_0.eot?#iefix') format('embedded-opentype'),url('/files/cocag_com/layout/fonts/39122A_4_0.woff2') format('woff2'),url('/files/cocag_com/layout/fonts/39122A_4_0.woff') format('woff'),url('/files/cocag_com/layout/fonts/39122A_4_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro46LightItalic';src: url('/files/cocag_com/layout/fonts/39122A_5_0.eot');src: url('/files/cocag_com/layout/fonts/39122A_5_0.eot?#iefix') format('embedded-opentype'),url('/files/cocag_com/layout/fonts/39122A_5_0.woff2') format('woff2'),url('/files/cocag_com/layout/fonts/39122A_5_0.woff') format('woff'),url('/files/cocag_com/layout/fonts/39122A_5_0.ttf') format('truetype');}

/* 
@font-face {font-family: HelveticaNeue35Thin; src: url(/files/cocag_com/layout/fonts/HelveticaNeue35Thin.ttf), url(/files/cocag_com/layout/fonts/HelveticaNeue35Thin.eot);}
@font-face {font-family: HelveticaNeue36ThinItalic;src: url(/files/cocag_com/layout/fonts/HelveticaNeue36ThinItalic.ttf), url(/files/cocag_com/layout/fonts/HelveticaNeue36ThinItalic.eot);}
@font-face {font-family: HelveticaNeue45Light;src: url(/files/cocag_com/layout/fonts/HelveticaNeue45Light.ttf), url(/files/cocag_com/layout/fonts/HelveticaNeue45Light.eot);}
@font-face {font-family: HelveticaNeue46LightItalic;src: url(/files/cocag_com/layout/fonts/HelveticaNeue46LightItalic.ttf), url(/files/cocag_com/layout/fonts/HelveticaNeue46LightItalic.eot);}
 */

/* =============================================================================
 * cookiebar_optin
 * ========================================================================== */

.mod_cookiebar_optin .cookiebar_content {
	background: #000000;
}

.mod_cookiebar_optin .palette .item {
	background: #000000;
}

.mod_cookiebar_optin .headline, .mod_cookiebar_optin form label {
	color: #84d0f0;
}

.mod_cookiebar_optin .palette .cookie_option_info {
	color: #ffffff;
}

.mod_cookiebar_optin .palette .item:hover label, .mod_cookiebar_optin .palette .item:hover label span {
	color: #ff9c00;
}

/* =============================================================================
 * langswitcher
 * ========================================================================== */
.mod_langswitcher {
	display: none;
}

/* =============================================================================
 * CoCAG typeset
 * ========================================================================== */
div .cocag {
	margin-left: 120px;
}

.cocag {
	font-size: 1.15rem;
}

.cocag h1 {
	font-size: 2.3rem;
	font-weight: normal;
	margin-bottom: 25px;
	padding-left: 50px;
}

.cocag h2 {
	font-size: 1.15rem;
	line-height: 1.8rem;
	margin-bottom: 0px;
	padding-left: 50px;
}

.cocag div.ce_text_extented + h1, .cocag div.ce_text + h1 {
	margin-top: 54px;
}

.cocag div.ce_text_extented + h2, .cocag div.ce_text + h2 {
	margin-top: 28px;
}

.cocag p:first-child::first-letter {
	padding-left: 50px;
}

.cocag .no-first-letter-padding p:first-child::first-letter {
	padding-left: 0px;
}

.cocag ul, .cocag ol {
	margin-bottom: 16px;
	list-style: disc;
	padding-left: 40px;
}

/* =============================================================================
 * header
 * ========================================================================== */
.ce_revolutionslider {
	background: #000000;
}

/* =============================================================================
 * logo
 * ========================================================================== */
.logo {
	width: 330px;
	height: 95px;
}

.stickyheader .logo {
	width: 170px;
	height: 49px;
}

#slider .inside .logo {
	z-index: 9999;
	position: absolute;
	top: 56px;
	left: 66px;
}

.stickyheader .inside .logo {
	z-index: 9999;
	position: absolute;
	top: 19px;
	left: 90px;
}

/* =============================================================================
 * container
 * ========================================================================== */
#container {
	background: #000000;
}

/* =============================================================================
 * images
 * ========================================================================== */
.round-corner img {
	border-radius: 20px;
}

/* =============================================================================
 * link buttons
 * ========================================================================== */
.ce_hyperlink-extended a.outline:hover {
	background: #000000;
	border-color: #ff9c00;
	color: #ff9c00;
}

/* =============================================================================
 * form
 * ========================================================================== */
form {
	font-size: 1.15rem;
}

.form_link a {
	color: #84d0f0;
	text-decoration: underline;
}

input.submit[type="submit"], button.submit[type="submit"] {
	font-size: 0.9rem;
	background: transparent;
	border-width: 2px;
	border-style: solid;
	border-radius: 20px;
	border-color: #84d0f0;
	color: #84d0f0;
	padding: 17px 20px 18px 20px;
}
input.submit[type="submit"]:hover, button.submit[type="submit"]:hover {
	background: #000000;
	border-color: #ff9c00;
	color: #ff9c00;
}

/* =============================================================================
 * form (weiterleitungsseite): navigation
 * ========================================================================== */

.form_nav {
	float: none;
	padding: 0px;
}

.mainmenu.form_nav ul {
	padding-left: 0px;
	margin-bottom: 0px;
}

.mainmenu.form_nav ol {
	margin-bottom: 0px;
}

.form_nav ul {
	list-style: disc;
	list-style-type: disc;
}

.form_nav ul li {
	display: block;
}

.form_nav ul li ol li, .top_metanavi.form_nav ul li {
	display: list-item;
	list-style: disc;
	list-style-type: disc;
	margin-left: 0px;
	padding-left: 0px;
}

.form_nav ul li a {
	text-align: left;
	color: #84d0f0;
	text-transform: none;
}

.form_nav ul li a:hover {
	color: #ff9c00;
}

/* =============================================================================
 * 404 page not found (weiterleitungsseite): navigation
 * ========================================================================== */

.p404_nav {
	float: none;
	text-align: left;
}

.p404_nav ul {
	text-align: left;
	margin: 0px;
}

.p404_nav ul li {
	display: list-item;
	list-style-type: disc;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.p404_nav ul li ol {
	margin: 0px;
	padding: 0px;
}

.p404_nav ul li a {
	text-align: left;
	text-transform: none;
}

.p404_nav ul li a:hover {
	color: #ff9c00;
}

/* =============================================================================
 * header, stickyheader
 * ========================================================================== */
#header a, .stickyheader .header.cloned a {
	text-transform: none;
}

#header .mainmenu .floatbox, .stickyheader .header.cloned .mainmenu .floatbox {
	padding-right: 0rem;
}

#header, .stickyheader .header.cloned {
	font-size: 1.0rem;
	line-height: 1.15rem;
	border-bottom: solid;
	border-bottom-width: thin;
	border-bottom-color: #cfd1d2;
	background-image: url(/files/cocag_com/layout/header/header-background.jpg);
	padding-top: 0px;
	padding-bottom: 0px;
}

#header .inside {
	padding-top: 37px;
	padding-bottom: 10px;
/*	padding-bottom: 4px;  mit "LANGSWITCHER" */
}

#stickyheader .inside {
	padding-top: 5px;
	padding-bottom: 10px;
/*	padding-bottom: 4px;  mit "LANGSWITCHER" */
}

.stickyheader .header.cloned .mainmenu, .stickyheader .header.cloned .mod_langswitcher {
	padding-top: 32px;
}

#header .inside .logo {
	display: none;
}

#header .mod_langswitcher img, .stickyheader .header.cloned .mod_langswitcher img {
	width: 22px;
	height: 17px;
	border: solid;
	border-width: 1px;
	border-color: #cfd1d2;
}

#header .mainmenu ul, .stickyheader .header.cloned .mainmenu ul {
	padding-top: 10px;
}

#header .mainmenu ul li, .stickyheader .header.cloned .mainmenu ul li {
	margin-left: 0rem;
	margin-right: 0rem;
	padding-left: 0.175rem;
	padding-right: 0.175rem;
}

#header .mainmenu ul li a, .stickyheader .header.cloned .mainmenu ul li a {
		font-size: 1.0rem;
}

/* =============================================================================
 * top
 * ========================================================================== */
#top {
	font-size: 1.0rem;
	line-height: 1.15rem;
	border-bottom: solid;
	border-bottom-width: thin;
	border-bottom-color: #cfd1d2;
	background-image: url(/files/cocag_com/layout/top/top-background.jpg);
}

#top .inside {
	padding-top: 47px;
	padding-bottom: 11px;
}

/* =============================================================================
 * bottom
 * ========================================================================== */
#bottom .inside .left a {
	margin-right: 0px;
}

#bottom_before {
	height: 415px;
	background-image: url(/files/cocag_com/layout/bottom/bottom_before-background.jpg);
}

#bottom .inside {
	font-size: 1.0rem;
	line-height: 1.15rem;
	padding-top: 9px;
	padding-bottom: 9px;
}

#bottom {
	border-top: solid;
	border-top-width: thin;
	border-top-color: #cfd1d2;
	border-bottom: solid;
	border-bottom-width: thin;
	border-bottom-color: #cfd1d2;
	background-image: url(/files/cocag_com/layout/bottom/bottom-background.jpg);
}

#bottom_after {
	height: 45px;
	background-image: url(/files/cocag_com/layout/bottom/bottom_after-background.jpg);
}

/* =============================================================================
 * top/bottom: top_metanavi/bottom_metanavi
 * ========================================================================== */
.smartmenu {
	line-height: 0px;
	padding-top: 4px;
}

.header.cloned .smartmenu {
	padding-top: 36px;
}

.smartmenu .smartmenu-trigger {
	height: 30px;
	width: 35px;
}

.header.cloned .smartmenu .smartmenu-trigger {
	height: 24px;
}

/* =============================================================================
 * top/bottom: top_metanavi/bottom_metanavi
 * ========================================================================== */
#top .top_metanavi li + li, #bottom .bottom_metanavi li + li {
	padding-left: 0.45rem;
	border-left: solid;
	border-left-width: thin;
	border-left-color: #cfd1d2;
}

#header .mainmenu ul + li, .stickyheader .header.cloned .mainmenu ul + li {
	padding-right: 0.15rem;
}

#header .mainmenu li + li, .stickyheader .header.cloned .mainmenu li + li {
	padding-left: 0.3rem;
	padding-right: 0.15rem;
	border-left: solid;
	border-left-width: thin;
	border-left-color: #cfd1d2;
}

#bottom .bottom_metanavi li + li {
	padding-left: 0.45rem;
	border-left: solid;
	border-left-width: thin;
	border-left-color: #cfd1d2;
}

#bottom .bottom_metanavi a {
	color: #84d0f0;
}

#bottom .bottom_metanavi a:hover, #top .top_metanavi a:hover, .stickyheader .header.cloned .mainmenu a:hover {
	color: #ff9c00;
	border-bottom: 0px;
}

#bottom .bottom_metanavi {
	overflow: visible;
	float: right;
}

#bottom .bottom_metanavi li {
	display: inline-block;
	position: relative;
	padding: 0 0.175rem;
}

/* =============================================================================
 * footer
 * ========================================================================== */
#footer {
	font-size: 1.0rem;
}

/* =============================================================================
 * form
 * ========================================================================== */
form span.mandatory {
	color: #ff9c00;
}

/* =============================================================================
 * mod_article
 * ========================================================================== */
#main .mod_article:first-child {
	padding-top: 100px;
	padding-bottom: 50px;
}

#main .mod_article:last-child {
	padding-top: 50px;
	padding-bottom: 100px;
}

#main .mod_article:only-child {
	padding-top: 100px;
	padding-bottom: 100px;
}

#main .mod_article {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* =============================================================================
 * CoCAG PressEXchange Login
 * ========================================================================== */
#main .mod_article.cocag_login {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* =============================================================================
 * mod_login
 * ========================================================================== */
.mod_login {
	padding-top: 36px;
	padding-bottom: 29px;
	background-color: transparent;
}

/* =============================================================================
 * mod_login form
 * ========================================================================== */
.mod_login form input.text {
	margin-bottom: 0px;
}

.mod_login form .widget-submit {
	margin-top: 48px;
}

/* =============================================================================
 * ce_countup
 * ========================================================================== */
.ce_countup .headline {
	font-size: 2.6rem;
	font-weight: normal;
	color: #84d0f0;
	margin-bottom: 0px;
	
}

.ce_countup i.fa {
	color: #ffffff;
}

.ce_countup p:first-child::first-letter {
	font-size: 1.15rem;
}

.ce_countup p:first-child::first-letter {
	padding-left: 0px;
}

/* =============================================================================
 * logo: media queries
 * ========================================================================== */
@media only screen and (max-width: %%ScreenBreite%%px) { #slider .inside .logo {width: %%LogoBreite%%px; height: %%LogoHöhe%%px;%%LogoZusatz%%}%%StickyLogoZusatz%% }
@media only screen and (max-width: 1230px) { #slider .inside .logo {width: 329px; height: 95px; position: absolute; left: 66px;} .stickyheader .inside .logo {position: absolute; left: 90px;} }
@media only screen and (max-width: 1220px) { #slider .inside .logo {width: 327px; height: 94px;} }
@media only screen and (max-width: 1210px) { #slider .inside .logo {width: 326px; height: 94px;} }
@media only screen and (max-width: 1200px) { #slider .inside .logo {width: 324px; height: 93px; position: absolute; left: 65px;} .stickyheader .inside .logo {position: absolute; left: 89px;} }
@media only screen and (max-width: 1190px) { #slider .inside .logo {width: 323px; height: 93px;} }
@media only screen and (max-width: 1180px) { #slider .inside .logo {width: 321px; height: 93px;} }
@media only screen and (max-width: 1170px) { #slider .inside .logo {width: 320px; height: 92px;} }
@media only screen and (max-width: 1160px) { #slider .inside .logo {width: 318px; height: 92px; position: absolute; left: 64px;} .stickyheader .inside .logo {position: absolute; left: 88px;} }
@media only screen and (max-width: 1150px) { #slider .inside .logo {width: 317px; height: 91px;} }
@media only screen and (max-width: 1140px) { #slider .inside .logo {width: 315px; height: 91px;} }
@media only screen and (max-width: 1130px) { #slider .inside .logo {width: 314px; height: 91px; position: absolute; left: 63px;} .stickyheader .inside .logo {position: absolute; left: 87px;} }
@media only screen and (max-width: 1120px) { #slider .inside .logo {width: 312px; height: 90px;} }
@media only screen and (max-width: 1110px) { #slider .inside .logo {width: 311px; height: 90px;} }
@media only screen and (max-width: 1100px) { #slider .inside .logo {width: 309px; height: 89px; position: absolute; left: 62px;} .stickyheader .inside .logo {position: absolute; left: 86px;} }
@media only screen and (max-width: 1090px) { #slider .inside .logo {width: 308px; height: 89px;} }
@media only screen and (max-width: 1080px) { #slider .inside .logo {width: 306px; height: 89px;} }
@media only screen and (max-width: 1070px) { #slider .inside .logo {width: 305px; height: 88px; position: absolute; left: 61px;} .stickyheader .inside .logo {position: absolute; left: 85px;} }
@media only screen and (max-width: 1060px) { #slider .inside .logo {width: 303px; height: 88px;} }
@media only screen and (max-width: 1050px) { #slider .inside .logo {width: 302px; height: 87px;} }
@media only screen and (max-width: 1040px) { #slider .inside .logo {width: 300px; height: 87px; position: absolute; left: 60px;} .stickyheader .inside .logo {position: absolute; left: 84px;} }
@media only screen and (max-width: 1030px) { #slider .inside .logo {width: 299px; height: 87px;} }
@media only screen and (max-width: 1020px) { #slider .inside .logo {width: 297px; height: 86px;} }
@media only screen and (max-width: 1010px) { #slider .inside .logo {width: 296px; height: 86px;} }
@media only screen and (max-width: 1000px) { #slider .inside .logo {width: 295px; height: 86px; position: absolute; left: 59px;} .stickyheader .inside .logo {position: absolute; left: 83px;} }
@media only screen and (max-width: 990px) { #slider .inside .logo {width: 293px; height: 85px;} }
@media only screen and (max-width: 980px) { #slider .inside .logo {width: 292px; height: 85px;} }
@media only screen and (max-width: 970px) { #slider .inside .logo {width: 290px; height: 84px; position: absolute; left: 58px;} .stickyheader .inside .logo {position: absolute; left: 82px;} }
@media only screen and (max-width: 960px) { #slider .inside .logo {width: 289px; height: 84px;} }
@media only screen and (max-width: 950px) { #slider .inside .logo {width: 287px; height: 84px;} }
@media only screen and (max-width: 940px) { #slider .inside .logo {width: 286px; height: 83px; position: absolute; left: 57px;} .stickyheader .inside .logo {position: absolute; left: 81px;} }
@media only screen and (max-width: 930px) { #slider .inside .logo {width: 284px; height: 83px;} }
@media only screen and (max-width: 920px) { #slider .inside .logo {width: 283px; height: 82px;} }
@media only screen and (max-width: 910px) { #slider .inside .logo {width: 281px; height: 82px; position: absolute; left: 56px;} .stickyheader .inside .logo {position: absolute; left: 80px;} }
@media only screen and (max-width: 900px) { #slider .inside .logo {width: 280px; height: 82px;} }
@media only screen and (max-width: 890px) { #slider .inside .logo {width: 278px; height: 81px;} }
@media only screen and (max-width: 880px) { #slider .inside .logo {width: 277px; height: 81px; position: absolute; left: 55px;} .stickyheader .inside .logo {position: absolute; left: 79px;} }
@media only screen and (max-width: 870px) { #slider .inside .logo {width: 275px; height: 80px;} }
@media only screen and (max-width: 860px) { #slider .inside .logo {width: 274px; height: 80px;} }
@media only screen and (max-width: 850px) { #slider .inside .logo {width: 272px; height: 80px;} }
@media only screen and (max-width: 840px) { #slider .inside .logo {width: 271px; height: 79px; position: absolute; left: 54px;} .stickyheader .inside .logo {position: absolute; left: 78px;} }
@media only screen and (max-width: 830px) { #slider .inside .logo {width: 269px; height: 79px;} }
@media only screen and (max-width: 820px) { #slider .inside .logo {width: 268px; height: 78px;} }
@media only screen and (max-width: 810px) { #slider .inside .logo {width: 266px; height: 78px; position: absolute; left: 53px;} .stickyheader .inside .logo {position: absolute; left: 77px;} }
@media only screen and (max-width: 800px) { #slider .inside .logo {width: 265px; height: 78px;} }
@media only screen and (max-width: 790px) { #slider .inside .logo {width: 263px; height: 77px;} }
@media only screen and (max-width: 780px) { #slider .inside .logo {width: 262px; height: 77px; position: absolute; left: 52px;} .stickyheader .inside .logo {position: absolute; left: 76px;} }
@media only screen and (max-width: 770px) { #slider .inside .logo {width: 260px; height: 76px;} }
@media only screen and (max-width: 760px) { #slider .inside .logo {width: 259px; height: 76px; position: absolute; left: 51px;} .stickyheader .inside .logo {position: absolute; left: 75px;} }
@media only screen and (max-width: 750px) { .stickyheader .inside .logo {left: 74px;} }
@media only screen and (max-width: 740px) { .stickyheader .inside .logo {left: 72px;} }
@media only screen and (max-width: 730px) { .stickyheader .inside .logo {left: 71px;} }
@media only screen and (max-width: 720px) { .stickyheader .inside .logo {left: 69px;} }
@media only screen and (max-width: 710px) { .stickyheader .inside .logo {left: 68px;} }
@media only screen and (max-width: 700px) { .stickyheader .inside .logo {left: 66px;} }
@media only screen and (max-width: 690px) { .stickyheader .inside .logo {left: 65px;} }
@media only screen and (max-width: 680px) { .stickyheader .inside .logo {left: 64px;} }
@media only screen and (max-width: 670px) { .stickyheader .inside .logo {left: 62px;} }
@media only screen and (max-width: 660px) { .stickyheader .inside .logo {left: 61px;} }
@media only screen and (max-width: 650px) { .stickyheader .inside .logo {left: 59px;} }
@media only screen and (max-width: 640px) { .stickyheader .inside .logo {left: 58px;} }
@media only screen and (max-width: 630px) { .stickyheader .inside .logo {left: 56px;} }
@media only screen and (max-width: 620px) { .stickyheader .inside .logo {left: 55px;} }
@media only screen and (max-width: 610px) { .stickyheader .inside .logo {left: 53px;} }
@media only screen and (max-width: 600px) { .stickyheader .inside .logo {left: 52px;} }
@media only screen and (max-width: 590px) { .stickyheader .inside .logo {left: 51px;} }
@media only screen and (max-width: 580px) { .stickyheader .inside .logo {left: 49px;} }
@media only screen and (max-width: 570px) { .stickyheader .inside .logo {left: 48px;} }
@media only screen and (max-width: 560px) { .stickyheader .inside .logo {left: 46px;} }
@media only screen and (max-width: 550px) { .stickyheader .inside .logo {left: 45px;} }
@media only screen and (max-width: 540px) { .stickyheader .inside .logo {left: 43px;} }
@media only screen and (max-width: 530px) { .stickyheader .inside .logo {left: 42px;} }
@media only screen and (max-width: 520px) { .stickyheader .inside .logo {left: 41px;} }
@media only screen and (max-width: 510px) { .stickyheader .inside .logo {left: 39px;} }
@media only screen and (max-width: 500px) { .stickyheader .inside .logo {left: 38px;} }
@media only screen and (max-width: 490px) { .stickyheader .inside .logo {left: 36px;} }
@media only screen and (max-width: 480px) { .stickyheader .inside .logo {left: 35px;} }
@media only screen and (max-width: 470px) { .stickyheader .inside .logo {left: 33px;} }
@media only screen and (max-width: 460px) { .stickyheader .inside .logo {left: 32px;} }
@media only screen and (max-width: 450px) { .stickyheader .inside .logo {left: 30px;} }
@media only screen and (max-width: 440px) { .stickyheader .inside .logo {left: 29px;} }
@media only screen and (max-width: 430px) { .stickyheader .inside .logo {left: 28px;} }
@media only screen and (max-width: 420px) { .stickyheader .inside .logo {left: 26px;} }
@media only screen and (max-width: 410px) { .stickyheader .inside .logo {left: 25px;} }
@media only screen and (max-width: 400px) { .stickyheader .inside .logo {left: 23px;} }
@media only screen and (max-width: 390px) { .stickyheader .inside .logo {left: 22px;} }
@media only screen and (max-width: 380px) { .stickyheader .inside .logo {left: 20px;} }
@media only screen and (max-width: 370px) { .stickyheader .inside .logo {left: 19px;} }