body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
/************************************************
*   style.css
*************************************************
*
*    1.0 RESET 
*    2.0 GLOBALS 
*  	  2.1 headings  
*  	  2.2 text 
*  	  2.3 hyperlinks  
*  	  2.4 lists
*	  2.6 images
*    3.0 LAYOUT
*    4.0 NAVIGATION
*      	  4.1 basic menu styles  
*		  4.2 mainnav
*		  4.3 langnav
*		  4.4 hilfsnav
*    5.0 FORMS
*    6.0 MODULES		  	
*
************************************************/

/************************************************
    RESET
************************************************/
* {
    border: 0;
    margin: 0;
    padding: 0;
}
html, body {
	-webkit-text-size-adjust: none;
	height: 100%;
	position: relative;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

::-moz-selection { color: #FFFFFF;  background: #DC072A; }
::selection      { color: #FFFFFF;  background: #DC072A; } 


/************************************************
    FONTS
************************************************/ 

/*
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC'), local('AmaticSC-Regular'), url(/files/rp/fonts/DPPfSFKxRTXvae2bKDzp5FtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 700;
  src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(/files/rp/fonts/IDnkRTPGcrSVo50UyYNK7-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/files/rp/fonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/files/rp/fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/files/rp/fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/files/rp/fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
*/


/************************************************
    GLOBALS
************************************************/ 
body {
	background-color: #e4d4b2;
	background-color: #DC072A;
	color: #4A4949;
	font-family: 'Open Sans', Arial, Verdana, Helvetica, non-serif;
	font-size: 100%;
	font-weight: 300;
}
/**** headings ****/
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 0;
}
h1 {
	font-size: 3em;
	font-weight: 300;
	line-height: 1.5em;
	margin: 0 0 0.75em 0;
	text-transform: uppercase;
	padding-left: 82px;
	background-image: url(/files/rp/images/corporate/bg_h1.png);
	background-repeat: no-repeat;	
	background-size: 68px;	
	font-family: "Amatic SC", Arial, Helvetica;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	line-height:1.8;
	margin: 0 0 0.75em 0;
	text-transform: uppercase;
}

/*
h2 {
	font-size: 1.4em;
	line-height: 1.8em;
	margin: 0 0 .5em;
	text-transform:uppercase;
}*/
h3 {
	font-size: 1em;
	margin: 0 0 0.25em;
	text-transform: uppercase;
	font-weight: normal;
}

footer h3 {
	font-size: 1.0em;	
	font-weight: bold;
}

h6.roman {
	font-family: "Amatic SC", Arial, Helvetica;
	font-size: 2em;
	width: auto;
	text-align: right;
	position: absolute;
	line-height: 2.4;
	right: 0;
}	

/**** text ****/
p {
	font-size: 1.1em;
	line-height: 1.7;
	margin: 0 0 1.2em;
}

footer p {
	font-size: 1em;
}
strong, .bold {
	font-weight: bold;
}
/**** hyperlinks ****/
a {
	color: #4a4949;
	cursor: pointer;
	text-decoration: underline;
}
a:hover {
	color: #DC072A;
	text-decoration: underline;
}
.back, a.backlink {
	clear: both;
	float: right;
}

.backLink a {
	float: right;
	/*border: 1px solid #4a4949;
	padding: 8px 16px;*/
	color: #000000;
	text-decoration: none;
	font-family: "Amatic SC", Arial, Helvetica;
	font-size: 2em;
}

.backLink a:hover {
	/*
	background: #DC072A;
	color: #FFFFFF;
	border: 1px solid #DC072A;
	*/
	color: #DC072A;
	text-decoration: none;	
}

footer a {
	color: #4A4949;
}

footer .ce_hyperlink {
    margin-bottom: 1rem;
}

/**** lists ****/
#main ol, #main ol li {
	margin: 0;
	padding: 0;
}
#main ol li {
	line-height: 1.5;
	margin: 0 0 1.3em 22px;
}

#main ul {
	
}

#main ul li {
	font-size: 1.1em;
	line-height: 1.7;	
	margin-left: 16px;
	list-style: square;
}


/**** tables ****/
td {
	font-size: 1.1em;
	line-height: 1.7;
	padding-right: 12px;
}

/**** images ****/
img {
	height: auto;
	max-width: 100%;
	/*width: 100%;*/
}

.bannerWrapper img {
	width: 100%;
}

.image_container img {
	display: block; 
	vertical-align: bottom;	
}

.float_right {
	float:right;
}
.float_left {
	float_left;
}

.clickable {
	position: relative;
}

.clickable {
	background-color: #4a4949;
}

.clickable:hover .image_container {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;			
}

.clickable:hover .image_container:after {
	font-family: 'Fontawesome';
	content: "\f00e";
	color: #FFFFFF;
	font-size: 50px;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 45%;
	left: 45%;
	transform: translateX(-50%, -50%);	
}

.clickable img {
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;	
}
  
.clickable:hover .image_container img {
	opacity: 0.6;
}

/**** diverses ****/
.noMargin { 
	margin: 0!important;
}

.bgBlack {
	background: #000000;
}

.box {
	padding: 2%;
}

.bgBlack * {
	color: #FFFFFF;
}

.border img {
	border: 1px solid #EEEEEE;
}

.caption {
	margin-top: 8px;
	font-style: italic;
}

.hide {
	display: none;
}

.floatbox {
	overflow: hidden;
}

.center .image_container img {
	text-align: center;
	margin: 0 auto;
}

.divider {
	height: 1px;
	border-bottom:1px solid #CCCCCC;
	width:100%;
	margin: 4% 0 4% 0;
}

.ce_image {
	margin-bottom: 4%;
}

/************************************************
    LAYOUT
************************************************/
.ce_text,
section {
	margin-bottom: 2%;
}

#wrapper {
	width: 100%;
	min-height: 100%;
		position: relative;
		padding-top: 140px;
}
header {
	background: #dc072a;
	width: 100%;
	/*height: 110px;*/
	height: 140px;
	overflow: hidden;
	display: block;
	position: fixed;	
	z-index: 30;		
	top: 0px;
	transition: all 1s ease;	
	background-image: url(/files/rp/images/corporate/bg_header.png);
	background-repeat: repeat-x;
	background-position: 0 10px;
	background-size: 60px;
	-webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,1);
	-moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,1);
	box-shadow: 0 10px 10px -10px rgba(0,0,0,1);		
}
header > .inside {
	width: 100%;
	max-width:1180px;
	margin:0 auto;
	position: relative;
}

.is-sticky #header {
	height: 50px;
	background-position: 0 -100px;
}	


.logo {
	position: absolute;
	margin: 0;
	width: 20%;
	max-width: 233px;
	left: 0%;
	top: 46px;
}

.logo a {
	display: block;
}


.logo img {
	display: block;
}

#banner {
	width: 100%;
	background: #dc072a;
}
#banner > .inside {
	width: 100%;
	padding: 0;
}


.bannerBottom {
	background-image: url(/files/rp/images/corporate/bg_header.png);
	background-repeat: repeat-x;
	background-position: 0 16px;	
	background-size: 60px;
	height: 48px;
	
	display: none;
}

.start .bannerBottom {
	display: none;
}


#container {
	width: 100%;
	background: #e4d4b2;
}


#main {
	width: 100%;
	padding-bottom:45px;
	-webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);		
	z-index: 10;	
}
#main > .inside > .mod_article {
	width: 100%;
	max-width: 1180px!important;
	margin:0 auto;
	padding: 10px 0 0;
}

.start #main > .inside > div {
	width: 100%;
	max-width: 1180px;
	margin:0 auto;	
	padding-top: 110px!important;
}
#main > .inside > div.article_flyer {
	padding:10px 0;
	width:100%;
	text-align:center;
	background:url(../../files/rp/images/corporate/textur.png);
}

#main > .inside > .fullWidth {
	max-width: none;
}

.mod_article .inside {
	width: 100%;
	max-width: 1080px;
	margin:0 auto;
	position: relative;
}

.mod_article {
	position: relative;	
}

.fullWidthContent .inside {
	max-width: none;
	margin: 0;
}


footer {
	background: #c8bd9f;
}
footer > .inside {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	overflow:hidden;
}
footer > .inside > section {
	padding:40px 0 50px;
}

footer .footerFoerderer {
	float: left;
	width: 140px;
	margin-right: 15px;
}

/************************************************
    NAVIGATION
************************************************/
/**** mainnav ****/
.mainnav {
	transition: all 1s ease;
	margin-top: 75px;	
	position: relative;
	float: right;
	width: 75%;
}

.is-sticky .mainnav {
	margin-top: 15px;
}

.mainnav ul {

}


.mainnav ul,
.mainnav ul li {
	list-style: none;
	text-align: center;
}

.mainnav ul li {
	float:left;
	/*width: 25%;*/
	margin-right: 4%;
}

.mainnav ul li.last {
	margin-right: 0;
}

.mainnav ul li.hideMainnav {
	display: none;
}

.mainnav a,
.mainnav a.trail,
.mainnav span.active,
.mainnav strong {
	color: #fff;
	font-size:1.1em;
	line-height: 24px;
	height: 30px;
	padding: 0 0px;
	display: inline;
	text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
}
.mainnav a:hover,
.mainnav span.active
.mainnav strong {
	text-decoration: none;
	color: #000000;
}
.mainnav li strong{
    color: #000000; 
}
	
/**** hilfsnav ****/
.hilfsnav {
	position: relative;
	float:left;
	padding:14px 0;
}
.hilfsnav li {
	float:left;
	line-height: 14px;
	padding:0 0 0 18px;
	margin:0 0 0 18px;
	border-left: 1px solid #FFF;
}
.hilfsnav a {
	color: #FFF;
	font-size: 1.0em;
}
.hilfsnav a:hover {
	text-decoration: none;
	color:#999999;
}

/************************************************
    FORMS
************************************************/ 

/************************************************
    MODULES
************************************************/ 

#main .ce_gallery {
	margin-bottom: 24px;
}

#main .ce_gallery ul,
#main .ce_gallery ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main .ce_gallery ul li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
}

#main .ce_gallery ul li:nth-of-type(4n+4) {
	margin-right: 0;
}

.ce_gallery > ul li.col_first {
    clear: none;
}

/**** google maps ****/
.mod_dlh_googlemaps {
    height: 500px;
    width: 100%;
}

.mod_dlh_googlemaps input.text {
	width: 150px;
	padding: 6px;
	margin-right: 6px;
}

/**** mod_breadcrumb ****/
.mod_breadcrumb {
	width: 100%;
	max-width: 1180px;
	margin: 18px auto 0 auto;
	margin-bottom: 40px;
}

.mod_breadcrumb ul {
	margin: 0;
	padding: 0;
}

.mod_breadcrumb li {
	margin-left: 0!important;
	padding: 0;
	list-style: none;
	float: left;
	margin-right: 6px;
	list-style: none!important;
	font-size: 2em!important;
	font-family: "Amatic SC", Arial, Helvetica;
	color: #000000;
}

.mod_breadcrumb li a {
	text-decoration: none;
}

.mod_breadcrumb li.first:before {
	content: "Du bist hier:";
	margin-right: 6px;	
}

.mod_breadcrumb li:after {
	margin-left: 6px;
	content: "»";
}

.mod_breadcrumb li.last:after {
	content: "";
}


/**** termine (based on ce_text) ****/
.ce_text.termin {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	padding: 4%;
	background-color: rgba(74, 73, 73, 0.1);
	margin-bottom: 3%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;	
}

.ce_text.termin:hover {
	/*background-color: rgba(74, 73, 73, 0.2);*/
}

.ce_text.termin strong:first-child {
	font-size: 1.1em;
}

.ce_text.termin p {
	margin: 0;
}

.ce_text.termin:nth-child(3n+3) {
	margin-right: 0;
}

/**** dynamic page teaser ****/
.ce_page_teaser {
	padding-bottom: 2%;
	margin-bottom: 2%;
	border-bottom: 1px solid rgba(74, 73, 73, 0.5);
}

.ce_page_teaser h2 {
	text-transform: none;
	margin-bottom: 0;
	font-size: 1.3em;
	line-height: 1.5em;
}

.ce_page_teaser h2 a {
	color: #494948;
	text-decoration: none;
	margin-bottom: 0;
}

.ce_page_teaser h2 a:hover,
.ce_page_teaser .more:hover {
	color: #DC072A;
	text-decoration: underline;
}

.ce_page_teaser:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.ce_page_teaser .more {
	font-style: italic;
	color: #DC072A;
	text-decoration: none;
}

.ce_page_teaser .image_container {
	float: left;
	width: 35%;
	margin-right: 3%;
}

.ce_page_teaser .text {
	float: left;
	width: 62%;
}

.ce_page_teaser p {
	margin-bottom: 8px;
}


.bannerWrapper {
	position: relative;
	height: auto;
}



.start .bannerWrapper {
	background-image: url(/files/rp/images/header/bg_wald.jpg);
	height: 635px;	
	background-size: cover;
}

/**** PEOPLE ****/

/* people left boxes */
.fixedbar {
    top: 160px;
    z-index: 19;
}
.position-fixed {
    position: fixed;
}

.fixedbar .menupoint {
    margin-bottom: 4px;
    position: relative;
    width: 70px;
    height: 70px;
    text-indent: -999em;
    background-color: #4a4949;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;    
}

.fixedbar .menupoint .fb-button {
	  background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}


.panelopen.fixedbar .menupoint {
	margin-left: -70px;
}

.panelopen.fixedbar .menupoint.active {
	display: block;
	margin-left: 0;
} 

.fixedbar .menupoint:hover,
.fixedbar .menupoint.active,
.drusus .fixedbar .menupoint[data-panelnr="0"],
.quintus .fixedbar .menupoint[data-panelnr="1"],
.sigurd .fixedbar .menupoint[data-panelnr="2"] {
	background-color: #DC072A;
}

.fixedbar .menupoint[data-panelnr="0"] .fb-button {
	background-image: url(/files/rp/images/corporate/box_left_drusus.png);
}
.fixedbar .menupoint[data-panelnr="1"] .fb-button {
	background-image: url(/files/rp/images/corporate/box_left_quintus.png);
}
.fixedbar .menupoint[data-panelnr="2"] .fb-button {
	background-image: url(/files/rp/images/corporate/box_left_sigurd.png);
}

.fixedbar .menupoint.active {
    max-width: 100%;
    z-index: 2;
}

.fb-panel {
	height: 0;
	display: none;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;	
}

.panelbg.active {
    padding-left: 120px;
    padding-right: 60px;
    padding-top: 160px;
    width: 500px;
}

.panelbg {
    background: #343228 none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 18;
}

.fb-panel.active {
    height: auto;
    max-width: 999em;
    position: relative;
    width: auto;
    z-index: 99;
    display: block;
}

.fixedbar.panelopen .fb-button {
    visibility: hidden;
}

.fixedbar.panelopen .active .fb-button {
    visibility: visible;
}

.fb-panel h6 {
	text-transform: uppercase;
font-family: "Amatic SC", Arial, Helvetica;
    font-size: 2.5em;	
    margin-bottom: 2%;
}

.fb-panel .mod_navigation li {
	margin-bottom: 4px;
	line-height: 1.6em;
	list-style: disc;
} 

.fb-panel .mod_navigation li a,
.fb-panel .mod_navigation li a:visited,
.fb-panel .mod_navigation li a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.fb-panel .mod_navigation li a:hover,
.fb-panel .mod_navigation li span {
	color: #dc072a;
}



audio {
	display: none;
}

.start .peopleCols {
	/*
	position: absolute;
	top: 290px;
	z-index: 20;	
	max-width: 1180px;
	left: 50%;
	margin-left: -590px;
	*/
	overflow: hidden;
	position: absolute;
	max-width: 1180px;
	bottom: -50px;	
	left: 50%;
	transform: translateX(-50%);

	z-index: 10;
}


.start .peopleCols .c33l,
.start .peopleCols .c33r {
	position: relative;
}
.start .people {
	max-width: 90%;
	width: 90%;
	height: 500px;
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: top right;	
	position: relative;
}

.start .people a {
	display: block;
	height: 100%;
	width: 100%;
}

.start .people img {
  position:absolute;
  right: -15px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  width: 70%;
  bottom: -10px;  
  transition: all 0.4s ease 0s;
  z-index: 2;
}

.start .people.sigurd img {
	right: 50px;
}

.start .people .perga {
	background-image: url(/files/rp/images/content/personen/pergamentrolle.png);
	background-size: 300px 500px;
	width: 85%;
	position: absolute;
	left: 0;
	bottom: -500px;
	height: 500px;
	transition: all 0.6s ease 0.05s;
	z-index: 1;
}

.start .people.sigurd .perga {
	left: -80px;
}

.start .people.drusus img {
  width: 80%;
}

.start .people.sigurd img {
  width: 78%;
}

.start .people .bottom {
	opacity: 0;
}



.start .people.active .top {
	opacity: 0;
}

.start .people.active .bottom {
	opacity: 1;
}

.start .people.drusus.active img {
	right: -125px;
}

.start .people.quintus.active img {
	right: -140px;
}

.start .people.sigurd.active img {
	right: 0px;
}

.start .people.quintus.specialMove img {
	right: 50px;
}

.start .people.active .perga {
	bottom: 0px;
}

.start .people.active span {
	opacity: 1;
}


/*

.start .people .top:hover {
	opacity: 0;
}

.start .people:hover .bottom {
	opacity: 1;
}

.start .people:hover:not(.sigurd) img {
	right: -100px;
}

.start .people:hover .perga {
	bottom: 0px;
}

.start .people:hover span {
	opacity: 1;
}
*/

.start .personenNav {
	position: absolute;
	width: 85%;
	top: 0;
	z-index: 1000;
}

.start .personenNav ul {
	margin: 80px 0 0 58px;
}

.start .personenNav ul li {
	margin-bottom: 16px;
	list-style: disc;
	line-height: 1.2em;
}

.start .personenNav a {
	text-decoration: none;
	color: #494948;
}

.start .personenNav a:hover {
	color: #DC072A;
}


/*

.start .people.quintus {
	background-image: url(/files/rp/images/content/personen/quintus.png);
	background-size: 420px;	
}

.start .people.sigurd {
	background-image: url(/files/rp/images/content/personen/sigurd.png);
	background-size: 420px;		
}
*/

.start .people .sign {
	background: #494948;
	position: absolute;
	z-index: 3;
	bottom: 0;
	height: 75px;
	width: 100%;
	overflow: hidden;
	color: #FFFFFF;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);	
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);	
	box-shadow: 0 0 5px rgba(0,0,0,0.5);		
}

.start .people .sign .name {
	width: 40%;
	float: left;
}

.start .people .sign .info {
	width: 60%;
	float: left;	
}

.start .people .sign .info {
	font-size: 1.3em;
	padding: 8px;
	line-height: 60px;
	text-align: center;
}

.start .people .sign .name {
	font-family: 'Amatic SC', cursive;
	font-size: 2.5em;
	padding: 8px 16px 8px 8px;
	line-height: 1.4em;	
	text-align: left;
}	

/*
.start .people.sigurd .sign .name {
	padding-left: 0;
	text-align: center;
	font-size: 2.2em;
	line-height: 1.7em;
}
*/

.start .people .sign .name {
	text-align: center;	
}

.custom {
	margin-top: 0px;
	display: block;
	position: relative;
}



/**** PAGE IMAGES ****/
.ce_pageimages {
	height: auto;
	max-height: 350px;
	overflow: hidden;
	/*
	background-repeat: no-repeat;
	background-size: cover;
	*/
	border-bottom: 1px solid #DC072A;
}

.start .ce_pageimages .image_container {
	margin-top: 140px;	
}

.ce_pageimages .image_container {
	margin-top: 0;	
}

.start .ce_pageimages {
	height: 700px;
	/*height: 100vh;*/
	max-height: none;
	border-bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;	
}


/**** subcolumns ****/

/* content (40x60) */
.c40l {
	padding-right: 2%;
}

c60r {
	padding-left: 2%;
}


/* content (33x33x33) */
.c33l.col_1 {
	padding-right: 1.5%;
}

.c33l.col_2 {
	padding-right: 0.75%;
	padding-left: 0.75%;
}

.c33r.col_3 {
	padding-left: 1.5%;
}

/* content (30x70) */
.c30l,
.c70l {
	padding-right: 4%;
}

c70r,
c30r {
	padding-left: 4%;
}


/* footer */
.c25l,
.c25r {
	width: 25%;
}

/**** footer subcolumns ****/
.c25l.first {
	padding-right: 5%;
}

.c25l.first .image_container {
	max-width: 212px;
}

.c25l {
	padding-right: 2%;
	width: 23%;	
}

.c25r {
	width: 29%;
}



.c50l {
	padding-right: 15px;
}

.c50r {
	padding-left: 15px;
}

/* 33x33x33 */
.c33l, .c33r {

}

.c33l.col_1 {

}

.c33l.col_2 {

}

.c33l.col_3 {

}

/************************************************
    RESPONSIVE
************************************************/ 
#queryInfo {
	width: 60px;
	height: 20px;
	background: #EEEEEE;
	color: #000000;
	font-size: 11px;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	display: none;
}

.mobileWrapper {
	overflow: hidden;
}

/**** mobilnav toggle ****/
.nav-toggle {
	display: block;
	float:right;
	text-align: right;
	width: auto;
	height: auto;
	position: relative;
	margin-top: 62px;	
	margin-right: 29px;	
	z-index: 1000;
}


.nav-toggle ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.nav-toggle ul li {
	float: left;	
}


.nav-toggle-menu {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 36px;
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  width: 26px;
  margin-right: 0;
}

.nav-toggle-menu.active {
	color: #FFFFFF;
}

.nav-toggle a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

.toggleWrapper {
	overflow: hidden;
	position: relative;
	top:0;
	left:0;
	margin-top: 0;		
	height: 100%;
}	

.mobilenav {
	display:none; 
	position: relative;	
	padding-top: 0px;
	margin: 0 0% 0% 0%;
	overflow: visible;
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.mobilenav ul {
	background: #E4D4B2;	
	list-style: none!important;
	margin:  0;
	width: 100%;
	padding: 0;
	overflow:hidden;	
}
.mobilenav ul.level_1 {
	padding:0;
	width:100%;
}
.mobilenav ul li {
	float:none;
	padding: 0 0 0 0!important;
	margin:0!important;
	border-top:1px solid #FFFFFF;
	position:relative;
	list-style: none!important;
}
.mobilenav .level_1 > li.first {
	border-top: none;
}
.mobilenav .level_1 > li.last {
	border-bottom: 0px solid #FFFFFF;
}
.mobilenav li a,
.mobilenav li a:visited,
.mobilenav li a:active,
.mobilenav li span {
	text-decoration:none!important;
	text-transform: uppercase;
	color: #000000;
	display:block;
	line-height:24px;
	font-size:1.1em;
	font-weight: normal;
	padding:6px 0 6px 2%;
}
.mobilenav li a:hover,
.mobilenav li a.trail,
.mobilenav li span {
	background:#DC072A;
	color: #FFFFFF;
}

.mobilenav .level_2 {
	display: none;
}

.mobilenav li.active .level_2,
.mobilenav li.trail .level_2 {
	display: block;
	margin: 0 0 0 0%;
}

.mobilenav .level_2 li {
	border-top: 0!important;	
}

.mobilenav li.active.submenu span,
.mobilenav li.trail.submenu a {
	border-bottom: 1px solid #FFFFFF!important;
}

.mobilenav .level_2 li a,
.mobilenav .level_2 li span {
	text-decoration:none;
	display:block;
	line-height:24px;
	font-size:1.1em;
	padding: 6px 0 6px 4.5%;
	text-transform: none;
}

.mobilenav .level_2 li a:hover,
.mobilenav .level_2 li a.trail,
.mobilenav .level_2 li span {
	background: #DC072A;
	color:#FFFFFF;
}

.mobilenav .level_3 {
	display:none;
}

.mobilenav .level_2 li.submenu > a:before, 
.mobilenav .level_2 li.submenu > span:before {
	content: "";
}	


.mobilenav,
.nav-toggle,
.showMobile {
	display: none;
}

@media screen and (min-width: 1180px) {
	#queryInfo:after {
		content: "min 1180";
	}
	
	.mobilenav {
		display: none;	
	}	
	
	#main .inside {
		padding: 0 100px;
	}		
}

@media screen and (max-width: 1179px) {
	#queryInfo:after {
		content: "max 1179";
	}
	
	.mainnav a, .mainnav a.trail, .mainnav span	{
		font-size: 0.9em;
	}
	
	#main .inside {
		padding: 0 100px;
	}		
	
	.logo {
		left: 2.5%;
	}
	
	footer .c25l.col_1,
	footer .c25l.col_2 {
		width: 50%;
		margin-bottom: 6%;
	}
	
	footer .c25l.col_3,
	footer .c25r.col_4 {
		width: 50%;
	}	
	
	.start .peopleCols {
		width: 100%;
		margin: 0 auto;
	}	
	
	.start .people .perga {
	    background-size: 300px 500px;
	    bottom: -400px;
	    height: 400px;
	    left: 0;
	    position: absolute;
	    transition: all 0.6s ease 0.05s;
	    width: 85%;
	    z-index: 1;
	}	
	
	.start .people a {
	    font-size: 0.8em;
	}
	
	.start .personenNav ul li {
	    line-height: 0.9em;
	    list-style: outside none disc;
	    margin-bottom: 10px;
	}
	
	.start .people .sign .info {
	    font-size: 0.8em;
	    line-height: 60px;
	    padding: 8px;
	    text-align: center;
	}	
	
	.start .bannerWrapper {
	    background-size: cover;
	    height: 500px;
	    padding: 0 2%;
	}	
		
	
}

@media screen and (max-width: 900px) {
	#queryInfo:after {
		content: "max 900";
	}
	
	
	.nav-toggle {
		display: block;	
	}		
	
	header {
		position: relative;
	}
	
	#wrapper {	
		padding-top: 0;
	}
	
	header  .inside,
	footer .inside {
		padding: 0 2.5%;
	}		
	
	#main .inside {
		padding: 0 2% 0 100px;
	}
	
	h6.roman {
	    font-size: 2em;
	    line-height: 1.2em;
	    position: relative;
	    right: auto;
	    text-align: left;
	    margin-bottom: 8px;
	}	
	
	.mainnav {
		display: none;
	}
	
	.logo {
	    top: 46px;
	    width: 50%;
	}	
	
	/*
	.fixedbar {
		display: none;
	}	
	
	
	.start .peopleCols {
		width: 800px;
	}	
	
	.start .people .sign .name {
	    font-family: "Amatic SC",cursive;
	    font-size: 2.1em;
	    line-height: 1.4em;
	    padding: 8px 16px 8px 8px;
	    text-align: left;
	}	
	*/
	.start	#main .inside {
		padding: 0;
	}	
	
	.start #main > .inside > div	{
		padding-top: 0%!important;
	}
	
	.start .textIntro	{
		padding: 4% 2.5% 0 2.5%;
	}
	
	/* people start */
	
	header {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-bottom: 4px solid #E4D4B2;
	}
	
	
	.start .bannerWrapper {
	    display: none;
	}	
	
	.start .showMobile {
		display: block;
		margin-bottom: 4%;
	}
	
	.start .peopleMob {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 140px;
		background: #de052b;
		color: #FFFFFF;
		margin-bottom: 4px;
	}
	
	.start .peopleMob .image_container {
		float: left;
		width: 38%;
		max-width: 150px;
		overflow: hidden;
		background: #4a4949;
	}
	.start .peopleMob .image_container img {
		position: relative;
		width: 180px;
		zoom: 2;
	}
	
	.start .peopleMob .sign {
		float: left;
		width: 60%;
		color: #FFFFFF;
		font-size: 1.5em;
		margin-left: 2%;
		
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);		
		
	}
	
	.start .peopleMob .sign .info {
		font-weight: 100;
		text-transform: uppercase;
		font-size: 0.8em;
	}
	
	.start .peopleMob .sign .name {
		font-family: "Amatic SC",cursive;	
		font-size: 2.3em;
	}			
	
}

@media screen and (max-width: 800px) {
	#queryInfo:after {
		content: "max 800";
	}
	
	.mod_breadcrumb li {
		font-size: 1.6em!important;
		line-height: 1.4em!important;
	}
	
}

@media screen and (max-width: 700px) {
	#queryInfo:after {
		content: "max 700";
	}
	
	header {
    display: block;
    height: 140px;
    position: relative;
	}	
	
	#wrapper {
		padding-top: 0px;
	}	
	
	.custom {
    margin-top: 0px;
	}	
	
	.fixedbar {
		display: none;
	}
	
	#main .inside {
		padding: 0 2.5%;
	}
	
	
	h1 {
		font-size: 2em;
		background-size: 40px auto;
		line-height: 1.5em;
		padding-left: 55px;
	}	
	
	.ce_text.termin {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	
}

@media screen and (max-width: 600px) {
	#queryInfo:after {
		content: "max 600";
	}
	
	footer .c25l,
	footer .c25r {
		width: 100%!important;
		float: none;
		padding: 0;
		margin: 0;
	}
	
	.c30r,
	.c70l {
		width: 100%!important;
		float: none;
		padding: 0;
		margin: 0;
	}	
	
}

@media screen and (max-width: 480px) {
	#queryInfo:after {
		content: "max 480";
	}
	
	.c33l.col_1,
	.c33l.col_2,
	.c33r.col_3 {
		float: none;
		width: 100%!important;
		padding: 0;
		margin-left: 0;
	}
	
	.c30l,
	.c70r {
		width: 100%!important;
		float: none;
		padding: 0;
		margin: 0;
	}		
	
	.ce_page_teaser .image_container,
	.ce_page_teaser .text {
	    float: none;
	    margin-right: 0%;
	    margin-bottom: 2%;
	    width: 100%;
	}	
	
	.ce_page_teaser {
		border-bottom: none;
	}
	
	.mod_breadcrumb {
		display: none;
	}
	
}


.ce_rsce_openstreetmap input[type=submit]{
	width: 100%;
}

.cookiebar{background:#454545;padding-top:0;padding-bottom:0;height:40px;font-size:0.8rem;z-index:1000;transition:all 0.3s ease}.cookiebar a,.cookiebar a:visited,.cookiebar a:active{background:#4b4b4b;text-decoration:none;height:40px;line-height:40px;display:inline-block;color:#FFFFFF;margin-right:1.5em;padding:0 12px;transition:all 0.3s ease}.cookiebar a:hover,.cookiebar a:visited:hover,.cookiebar a:active:hover{background:#7e7e7e;transition:all 0.3s ease}.cookiebar a:active,.cookiebar a:visited:active,.cookiebar a:active:active{background:#FFF;transition:all 0.3s ease}.cookiebar #cookiebar-text{margin-right:0}.cookiebar button{height:40px;line-height:20px;background:#dc072a;color:#fff;font-weight:normal;transition:all 0.3s ease}.cookiebar button:hover{background:#f5082f;color:#fff;transition:all 0.3s ease}.cookiebar button.ga{margin-right:1em;background:#4b4b4b;text-decoration:none;font-weight:500}.cookiebar button.ga:hover{background:#7e7e7e}@media screen and (max-width:1279px){.cookiebar{padding-bottom:10px;padding-top:10px;height:auto}.cookiebar #cookiebar-text{width:100%;display:block;margin-bottom:10px}}@media screen and (max-width:940px){.cookiebar #cookiebar-text{display:inline-block}.cookiebar a,.cookiebar a:visited,.cookiebar a:active{display:inline-block}.cookiebar button{display:inline}}@media screen and (max-width:540px){.cookiebar #cookiebar-text span{display:block}.cookiebar a,.cookiebar a:visited,.cookiebar a:active{display:inline-block;width:auto}.cookiebar button{display:inline-block;width:auto}}