/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
* { margin:0; padding:0; border:0; }
h1, h2, h3, h4 { margin:0; padding:0; border:0; }
ul, li { list-style-type:none;}
html, body { width:100%; height:100%; color:#000; font-family:Open Sans, Arial, sans-serif; font-weight:300; font-size:18px; }
.js body { overflow-x: hidden; overflow: hidden; }
h1 { font-family:Museo300, Arial; font-size:38px; font-weight:normal; margin-bottom:6px; }
h3 { font-family:Museo700, Arial; font-size:38px; font-weight:normal; }
h2 { font-family:Museo300, Open Sans, Arial; font-size:38px; font-weight:normal; margin-bottom:6px; }
h4 { font-family:Museo300, Open Sans, Arial; font-size:28px; font-weight:normal; margin-bottom:6px;}
.h5 {font-size:28px; margin-bottom:10px;}
h2 span, h1 span { font-family:Museo700, Arial; font-size:38px; font-weight:normal; }  
.center {text-align:center; }
.float_left{ float:left; }
.marOben #container { background-color:#fff; margin-top:50px; }
.marOben #main { padding-top:60px; }

/* AUFZÄHLUNGSZEICHEN */
#main ul, #main ol { padding-left: 1.46667em; }
#main ul li { list-style:disc;}
#main ol li { list-style:decimal;}


/*allgemein*/
.trennlinie { border-bottom:1px solid #c5c5c5; margin:60px 0 80px 0; max-width:960px; margin-left:auto; margin-right:auto; }
.trennlinie::before { content:""; border-bottom:3px solid #000; width:10%; display:block; left:50%; margin-left:-5%; position:relative;}
.invisible {display:none !important;}
.arrowLeft { width:50px; height:50px; border-top:2px solid #bcbcbc; border-left:2px solid #bcbcbc; transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms;}
.arrowRight { width:50px; height:50px; border-top:2px solid #bcbcbc; border-right:2px solid #bcbcbc; transform: rotate(-45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms;}
.arrowLeft:hover { border-top:2px solid #000; border-left:2px solid #000; }
.arrowRight:hover { border-top:2px solid #000; border-right:2px solid #000; }
.error { color:#f00; font-size:12px;}

/*kontakt / impressum*/
#main section.social { display:block; text-align:center; margin-top:40px;}
#main section.social .icon { width:70px; height:70px; border-radius:35px; }
#footer section.social { display:inline-block; text-align:center; margin-top:0px; margin-left:10px;}
#footer section.social .icon { width:20px; height:20px; border-radius:10px; }

section.social .iconFb { display:inline-block;  background-image:url(../../files/layout/icon_fb.png); background-repeat:no-repeat; transition: all 500ms; -moz-transition: all 500ms; -webkit-transition: all 500ms; -o-transition: all 500ms; -ms-transition: all 500ms;}
section.social .iconGoogle { display:inline-block; background-image:url(../../files/layout/icon_googleplus.png); background-repeat:no-repeat; margin-left:-10px; transition: all 500ms; -moz-transition: all 500ms; -webkit-transition: all 500ms; -o-transition: all 500ms; -ms-transition: all 500ms; }
section.social .iconTwitter { display:inline-block; background-image:url(../../files/layout/icon_twitter.png); background-repeat:no-repeat; margin-left:-10px; transition: all 500ms; -moz-transition: all 500ms; -webkit-transition: all 500ms; -o-transition: all 500ms; -ms-transition: all 500ms; }
#footer section.social .iconFb { background-image:url(../../files/layout/icon_fb_f.png); margin-left:0px; }
#footer section.social .iconGoogle { background-image:url(../../files/layout/icon_googleplus_f.png); margin-left:0px; }
#footer section.social .iconTwitter { background-image:url(../../files/layout/icon_twitter_f.png); margin-left:0px; }

section.social .iconFb:hover { background-color:#3b5997; }
section.social .iconGoogle:hover { background-color:#d14333;  }
section.social .iconTwitter:hover { background-color:#44bcef;  }
section.kontakt a, section.impressum a, section.bewerbung a { color:#000; text-decoration:underline;}
.disclaimer { text-align:center; max-width:960px; margin-right:auto; margin-left:auto;}
.disclaimer h2 { font-size:24px; margin:30px 0 10px 0; }

.mb-4 {margin-bottom:28px;}

section.impressum .logo1c { display:block; text-align:center; margin-top:30px;}

/*formular*/
.ce_form input, .ce_form .textarea { border:1px solid #d9d9d9; font-size:18px; padding: 12px 2%; width:95.6%; font-family:Open Sans, Arial, sans-serif; font-weight:300; margin-bottom:20px;}
.ce_form span.mandatory { display:none;}
.ce_form .formbody { text-align:center; width:60%; margin-left:auto; margin-right:auto;}
.ce_form .explanation { font-family:Museo300, Open Sans, Arial; font-size:24px; margin:20px 0 20px 0;}
.ce_form .submit { background-color:#fff; color:#000; display:block; width:200px; border:2px solid #000; margin-left:auto; margin-right:auto; font-family:Museo500, Open Sans, Arial; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms;}
.ce_form .submit:hover { background-color:#000; color:#fff; cursor:pointer;}
.ce_form { margin-top:50px;}
.checkbox_container { margin-bottom:25px;}
.checkbox_container label { width:24.7%; margin-right:1.6%; display:inline-block; border:1px solid #d9d9d9; padding: 12px 0 12px 7%; text-align:left; background:url(../../files/layout/checkbox.gif) 13px no-repeat; cursor:pointer; float:left; color:#999; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms;}
.checkbox_container.datenschutz label {width:93%; }

.checkbox_container label#lbl_4_2 { margin-right:0% !important;}
.checkbox_container input {display:none;}
input[type=checkbox].checkbox:checked + label, .checkbox_container label:hover {background:url(../../files/layout/check.gif) 13px no-repeat;background-color:#000;border-color:#000;color:#FFF;float:left;}
.checkbox_container label:hover a { color:#fff;}

@media only screen and (max-width: 780px) { 
.ce_form .formbody { width:90% !important;}
.checkbox_container label { width:59.6% !important; margin-right:0px; margin-bottom:8px; padding: 12px 20%; display:block;}

}

/*IE 8 + 7 */
.ie8 .checkbox_container input, .ie7 .checkbox_container input {display:inline-block; float:left; width:20px; border:0px;}
.ie8 .checkbox_container label, .ie7 .checkbox_container label {  display:inline-block; border:0px; background:none; padding:0px; margin:0 0 0 8px;}
.ie8 .checkbox_container span, .ie7 .checkbox_container span { width:26.9%; margin-right:1.6%; height:20px; display:inline-block; border:1px solid #d9d9d9; padding: 6px 0 6px 4%; text-align:left; float:left; color:#999;}
.ie8 .checkbox_container .checkbox, .ie7 .checkbox_container .checkbox { margin:4px 0 0 0; padding:0px;}
.ie8 .checkbox_container span:hover, .ie7 .checkbox_container span:hover {background-color:#000;}

label {display:none; color:#999;}
.no-placeholder label, .checkbox_container label {display:inline !important;} /*für IE9 und älter */




/*header*/
#header {height:80px; width:100%; border-bottom:1px solid #c5c5c5; position:fixed; top:0px; background-color:#fff; z-index:250;}
#header .inside { max-width:1500px; width:90%; margin-left:auto; margin-right:auto; }
#header .ignlogo {float:left; width:100px; height:40px; border:2px solid #000; line-height:40px; margin-top:20px; display:block; font-family:Museo700, Arial; font-size:23px; text-align:center;}
#header a .ignlogo { color:#000; text-decoration:none;}
#header a { text-decoration:none;}


/*main*/
#main { max-width:1500px; width:90%; margin-left:auto; margin-right:auto; padding-bottom:50px;}


/*navigation*/
@media only screen and (min-width: 780px) { 
.mod_navigation { height:40px !important; line-height:40px !important; margin-top:20px !important; font-family:Museo300, Open Sans, Arial; font-size:19px; display:block !important; float:right; }
.mod_navigation a { text-decoration:none; height:40px; color:#000; display:block; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.mod_navigation a:hover, .mod_navigation a.active { color:#000; cursor:pointer;}
.mod_navigation ul li { float:left; margin-left:39px; }
.mod_navigation ul li::before, .mod_navigation ul li::after { content:""; border-bottom:1px solid #fff; display:block; width:100%; left:50%; margin-left:-0%; position:relative; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
/*.mod_navigation ul li::before, .mod_navigation ul li::after { content:""; border-bottom:1px solid #eee; display:block; width:0%; left:50%; margin-left:-0%; position:relative; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }*/
.mod_navigation ul li:hover::before, .mod_navigation ul li:hover::after { content:""; border-bottom:1px solid #000; display:block; width:100%; left:50%; margin-left:-50%; position:relative; }
}

@media only screen and (max-width: 780px) { 
html, body { font-size:15px; }
#header {height:50px; }
#header .inside { width:100% !important; }
#header .ignlogo { margin-left:15px; height:30px; border:2px solid #000; line-height:30px; margin-top:8px; font-size:15px;}
.mod_navigation { display:none; width:100%; height:40px; line-height:40px; font-family:Museo300, Open Sans, Arial; font-size:19px; position:absolute; top:51px; border-bottom:2px solid #000; }
.mod_navigation ul li {width:100%; display:block; }
.mod_navigation a { width:100%; text-decoration:none; height:50px; line-height:50px; color:#000; border-bottom:1px solid #c5c5c5; display:block; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; background-color:#fff; text-align:center; }
.mod_navigation a.last { border-bottom:0px }
.mod_navigation a:hover { background-color:#000; color:#fff;}
/*"open" class per javascript*/
#menu_open { position:fixed; top:12px; right:12px; height:28px; width:44px; cursor:pointer; }
#menu_open span { display:block; width:70%; height:5px; left:15%; background:#000; position:absolute; }
#menu_open span:nth-of-type(1) { top:0px; left:auto; left:15%; }
#menu_open span:nth-of-type(2) { top:10px; }
#menu_open span:nth-of-type(2):before { content:''; display:block; position:absolute; top:0; left:0; background:#000; width:100%; height:100%; }
#menu_open span:nth-of-type(3) { top:20px; left:15%; }
#menu_open.open span:nth-of-type(1), #menu_open.open span:nth-of-type(3){ width:0%; }
#menu_open.open span:nth-of-type(2) { transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); background:#000; }
#menu_open.open span:nth-of-type(2):before { transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); background:#000; }
section.service .image_container { float:none !important; padding-bottom:20px;}

#footer .inside .copyright { font-size:10px !important;}
#footer .inside .handmade { font-size:14px !important; }
#footer section.social { display:none;}

}


/*Section Start*/
section.start {min-height:720px; padding-top:80px;}
span.scrolldown { display:block; font-size:14px; text-transform:uppercase; position:absolute; top:820px; width:212px; text-align:center; left:50%; margin-left:-105px;}
span.scrolldown::before, span.scrolldown::after {content:'\2193'; padding: 0 20px;}
#textstart { position:absolute; top:485px; left:50%; margin-left:-340px; display:block;}
.titlestart h1 { color:#fff; background-color:#000; font-size:30px; font-family:Museo300, Open Sans, Arial; display:inline;}
.aufgaben { width:305px; display:block;}

/*WORD ROTATOR*/
.titlerotator{ position:absolute; top:300px; left:50%; margin-left:-155px;	height:80px; width:310px; display:block; font-family:Museo300, Open Sans, Arial; font-size:80px; }
#wordrotator{ position:absolute; top:380px;	left:50%; height:90px; width:600px; margin-left:-150px; overflow:hidden; font-family:Museo700, Arial; font-size:80px; /* weihnachten 46px */ overflow:hidden; }
#wordrotator span{ opacity:0; filter: alpha(opacity = 0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position:absolute;}

.current{ animation: rotateWord 4s linear infinite 0s; -moz-animation: rotateWord 4s linear infinite 0s; -webkit-animation: rotateWord 4s linear infinite 0s; -o-animation: rotateWord 4s linear infinite 0s; -ms-animation: rotateWord 4s linear infinite 0s;}

/*für IE9 und älter*/
.no-csstransforms .current, .no-cssanimations .current { opacity: 1 !important; filter: alpha(opacity = 100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;}


@-webkit-keyframes rotateWord {
    0% { opacity: 0; filter: alpha(opacity = 0); }
    2% { opacity: 0; filter: alpha(opacity = 0); transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); }
	8% { opacity: 1; filter: alpha(opacity = 100);  }
	10% { opacity: 1; filter: alpha(opacity = 100); transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);}
    90% { opacity: 1; filter: alpha(opacity = 100); transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); }
	96% { opacity: 1; filter: alpha(opacity = 100);  }
	99% { opacity: 0; filter: alpha(opacity = 0); transform: translateY(-60px); -moz-transform: translateY(-60px); -webkit-transform: translateY(-60px); -o-transform: translateY(-60px); -ms-transform: translateY(-60px);  }
	100% { opacity: 0; filter: alpha(opacity = 0); }
}

@keyframes rotateWord {
    0% { opacity: 0; filter: alpha(opacity = 0); }
    2% { opacity: 0; filter: alpha(opacity = 0); transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); }
	8% { opacity: 1; filter: alpha(opacity = 100);  }
	10% { opacity: 1; filter: alpha(opacity = 100); transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);}
    90% { opacity: 1; filter: alpha(opacity = 100); transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); }
	96% { opacity: 1; filter: alpha(opacity = 100);  }
	99% { opacity: 0; filter: alpha(opacity = 0); transform: translateY(-60px); -moz-transform: translateY(-60px); -webkit-transform: translateY(-60px); -o-transform: translateY(-60px); -ms-transform: translateY(-60px);  }
	100% { opacity: 0; filter: alpha(opacity = 0); }
}

/* CANVAS dotsandlines*/
canvas.dotsandlines { background: #fff; position:absolute; top:180px; left:50%; margin-left:-480px; z-index:-1;}

@media screen and (max-width: 600px) {
canvas.dotsandlines { display:none !important; width:0px; height:0px; }
h2 span, h2, h3 { font-size:28px; }
h2.center, section.service h2 { padding-bottom:8px;}
section.service img { width:300px; height:188px; }
section.service .image_container { float:none !important; padding-bottom:20px;}
#main { padding-top:16px !important;}
section.start {min-height:380px; padding-top:20px;}
#wordrotator{ position:absolute; top:160px; height:90px; width:310px; font-size:40px; }
#textstart { position:absolute; top:230px; left:50%; margin-left:-150px; display:block;}
.titlerotator{ font-size:40px; top:110px !important;}
.titlestart h1 { font-size:26px;}
span.scrolldown { top:430px; }
section.projektestart { padding-top:0px !important; }
section.projektestart p.center { padding-bottom:20px;}
.aufgaben { font-size:16px; }
.slider-prev { left:-20px !important;}
.slider-next { right:-20px !important;}
.arrowLeft, .arrowRight, .slider-prev, .slider-next { width:20px !important; height:20px !important;}
}


/*Content Slider*/
.ce_sliderStart { max-width:80%; margin-left:auto; margin-right:auto; height:auto; position:relative;}
.content-slider .image_container { text-align:center;}
.content-slider .image_container { max-width:1200px; width:100% !important;}
.content-slider img { max-width:1200px; height:auto; width:100% !important;}
.slider-control { width:100%; height:50px; display:block; position:absolute; top:42%; }
.slider-prev { width:50px; height:50px; display:block; position:absolute; left:-70px;}
.slider-next { width:50px; height:50px; display:block; position:absolute; right:-70px;}


/*Section Projektestart / Referenzentext*/
section.projektestart {padding-top:50px; }
section.service, section.referenzentext, section.kontakt, section.bewerbung {max-width:960px; margin-left:auto; margin-right:auto; margin-top:60px; }
.serviceblock { min-height:250px;}

/*Section Headerimage*/
.headerimage { height:280px; width:100%; display:block; background-color:#eee; padding-top:0px; position:fixed; top:80px; z-index:-20;  }
.headerimage h1 {padding-top:100px; line-height:60px;}
.headerimage h1::before, .headerimage h1::after { content:""; border-bottom:2px solid #000; width:120px; display:block; left:50%; margin-left:-60px; position:relative; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }

/* javascript
.headerimage.leistungen { background-image:url(../../files/images/ipad_1200x700.jpg); background-position:center center; background-repeat:no-repeat; }
.headerimage.referenzen { background-image:url(../../files/images/toyo_tires_print.jpg); background-position:center center; background-repeat:no-repeat; }
*/



/*footer*/
#footer { width:100%; margin-left:auto; margin-right:auto; background-color:#111; padding:120px 0 20px 0; background:url(../../files/layout/footer-ign.jpg) no-repeat; background-position:top center; height:40px;}
#footer .inside { max-width:960px; width:90%; color:#fff; margin-left:auto; margin-right:auto; text-align:center;  }
#footer .inside .copyright { font-size:14px;}
#footer .inside .handmade {font-family:Museo500, Arial; font-size:20px; display:inline-block; }
#footer .inside a { color:#fff; text-decoration:none; }
#footer .inside a:hover { text-decoration:underline; }
	

/* Preloader */
.js #loader { background: white; width: 100%; height: 100%; position: fixed; top:0px; left:0px; z-index: 200; }
.js .status { width:170px; height:170px; position:absolute; left:50%; top:50%; margin:-85px 0 0 -85px;  }
.js .circleAnim { display: block; width: 40px; height: 40px; border: solid 3px; border-color: #222 transparent; -webkit-border-radius: 1000px; -webkit-animation: rota 1s ease-in-out infinite;  -moz-animation: rota 1s ease-in-out infinite;  -ms-animation: rota 1s ease-in-out infinite; -o-animation: rota 1s ease-in-out infinite; animation: rota 1s ease-in-out infinite; margin-left:auto; margin-right:auto; }

@-webkit-keyframes rota { to { -webkit-transform: rotate(360deg);} }
@-moz-keyframes rota { to { -moz-transform: rotate(360deg); } }
@-ms-keyframes rota { to { -ms-transform: rotate(360deg); } }
@-o-keyframes rota { to { -o-transform: rotate(360deg); } }
@keyframes rota { to { transform: rotate(360deg); } }



/* FONT FACE (open sans per google webfont)*/
@font-face {
    font-family: 'Museo300';
    src: url('../../files/font/Museo300.eot');
    src: url('../../files/font/Museo300.eot?#iefix') format('embedded-opentype'),
         url('../../files/font/Museo300.woff') format('woff'),
         url('../../files/font/Museo300.ttf') format('truetype'),
         url('../../files/font/Museo300.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo500';
    src: url('../../files/font/Museo500.eot');
    src: url('../../files/font/Museo500.eot?#iefix') format('embedded-opentype'),
         url('../../files/font/Museo500.woff') format('woff'),
         url('../../files/font/Museo500.ttf') format('truetype'),
         url('../../files/font/Museo500.svg#Museo500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo700';
    src: url('../../files/font/Museo700.eot');
    src: url('../../files/font/Museo700.eot?#iefix') format('embedded-opentype'),
         url('../../files/font/Museo700.woff') format('woff'),
         url('../../files/font/Museo700.ttf') format('truetype'),
         url('../../files/font/Museo700.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*platz für vieeel CSS*/

/* REFERENZEN */

ul.projektliste { width: 100%; height:auto; display:inline-block;}

.referenzen li.projekt {
float: left;
overflow: hidden;
display: block;
width: 25%;
position: relative;
opacity: 1;
height: auto;
}

.referenzen li.projekt .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}



.referenzen li.projekt .thumb img {
display: block;
max-width: 375px;
width: 100%;
overflow:hidden;
-webkit-transition: all 0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75);
-moz-transition: all 0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75);
-ms-transition: all 0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75);
-o-transition: all 0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75);
transition: all 0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75);}

.referenzen .content {padding: 27px 2em;}

.referenzen a {text-decoration:none;}

.content h3 {font-family:Museo300; font-size:28px; color:#000; line-height:30px;}
.content p {font-size:17px; color:#000; line-height:20px;}
.content p.tag {font-size:13px; color:#000; line-height:16px;}

.referenzen ul li .thumb {
position: relative;
overflow: hidden;
-webkit-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
-moz-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
-ms-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
-o-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);}


.referenzen ul li .info {
position: relative;
overflow: hidden;
max-height: 120px;}

.referenzen ul li .info span{
position: absolute;
top: 0;
z-index: -1;
display: block;
width: 100%;
height: 0%;
background: #000;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}

.content h3, .content p {
-webkit-transition: font-size .5s;
-moz-transition: font-size .5s;
-ms-transition: font-size .5s;
-o-transition: font-size .5s;
transition: font-size .5s;
}


/*HOVER EFFEKTE*/

.referenzen ul li:hover span {height: 100%;}

.referenzen ul li:hover .thumb > img {
position: relative;
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}

.referenzen ul li:hover .content h3, .referenzen ul li:hover .content p {color:#fff;}

.referenzen ul li:hover .thumb:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url("../../files/images/overlay.png");
opacity: 0.5;
}


/*KUNDENLISTE*/

section.kunden {max-width:960px; margin-left:auto; margin-right:auto;}
.kundenliste {	margin-top:60px; }
.kundenliste ul li img{text-align:center; width:100%; height:auto;}

.kundenliste ul li {

display: inline-block;
vertical-align: middle;
width: 15%;
padding: 0 2%;
margin: 0 0 51px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}


/*Responsive*/
@media only screen and (max-width: 1190px) {
.content h3 {font-size: 25px;}
}

@media screen and (max-width: 1023px) {
.referenzen li.projekt {width: 33.33333%;}
.referenzen .content {padding: 20px 2em;}
}

@media screen and (max-width: 766px) {
.referenzen li.projekt {width: 50%;}
.referenzen .content {padding: 18px 2em;}
.kundenliste ul li {width: 20%; margin: 0 0 41px;}
}

@media screen and (max-width: 680px) {
.referenzen li.projekt {width: 100%; }
.referenzen .content {padding: 16px 2em; }
.referenzen li.projekt .thumb img {max-width: 100%;width: 100%;}
.referenzen li.projekt .thumb {height: 260px;}
.content { background-color:#000; margin-bottom:20px;}
.content h3 {font-size: 28px;}
.content h3, .content p {color:#fff !important;}
}


@media screen and (max-width: 480px) {
.kundenliste ul li {width: 28%; margin: 0 0 41px;}
}











#cc-main {
  background: transparent;
  color: var(--cc-primary-color);
  font-family: var(--cc-font-family);
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.15;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  position: fixed;
  z-index: var(--cc-z-index);
}
#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
  all: unset;
  box-sizing: border-box;
}
#cc-main .pm__badge,
#cc-main button {
  all: initial;
  box-sizing: border-box;
  color: unset;
  visibility: unset;
}
#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  outline: revert;
  outline-offset: 2px;
  overflow: hidden;
}
#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
  all: revert;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
:root {
  --cc-font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --cc-modal-border-radius: 0.5rem;
  --cc-btn-border-radius: 0.4rem;
  --cc-modal-transition-duration: 0.25s;
  --cc-link-color: var(--cc-btn-primary-bg);
  --cc-modal-margin: 1rem;
  --cc-z-index: 2147483647;
  --cc-bg: #fff;
  --cc-primary-color: #2c2f31;
  --cc-secondary-color: #5e6266;
  --cc-btn-primary-bg: #30363c;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg: #000;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg: #eaeff2;
  --cc-btn-secondary-color: var(--cc-primary-color);
  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg: #d4dae0;
  --cc-btn-secondary-hover-color: #000;
  --cc-btn-secondary-hover-border-color: #d4dae0;
  --cc-separator-border-color: #f0f4f7;
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
  --cc-toggle-off-bg: #667481;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
  --cc-toggle-enabled-icon-color: var(--cc-bg);
  --cc-toggle-disabled-icon-color: var(--cc-bg);
  --cc-toggle-readonly-bg: #d5dee2;
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
  --cc-section-category-border: var(--cc-cookie-category-block-bg);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-border: #f0f4f7;
  --cc-cookie-category-block-hover-bg: #e9eff4;
  --cc-cookie-category-block-hover-border: #e9eff4;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
  --cc-overlay-bg: rgba(0, 0, 0, 0.65);
  --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
  --cc-footer-bg: var(--cc-btn-secondary-bg);
  --cc-footer-color: var(--cc-secondary-color);
  --cc-footer-border-color: #e4eaed;
  --cc-pm-toggle-border-radius: 4em;
}
#cc-main.cc--rtl {
  direction: rtl;
}
#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
  font-weight: 600;
}
#cc-main button > span {
  pointer-events: none;
}
#cc-main .cc__link,
#cc-main a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  font-weight: 600;
  position: relative;
  transition:
    background-size 0.25s,
    color 0.25s ease;
}
#cc-main .cc__link:hover,
#cc-main a:hover {
  background-size: 100% 1px;
  color: var(--cc-primary-color);
}
#cc-main .cc__link {
  color: var(--cc-link-color);
}
#cc-main .cm__desc,
#cc-main .pm__body {
  overscroll-behavior: auto contain;
  scrollbar-width: thin;
}
@media screen and (min-width: 640px) {
  #cc-main ::-webkit-scrollbar,
  #cc-main ::-webkit-scrollbar-thumb,
  #cc-main ::-webkit-scrollbar-track {
    all: revert;
  }
  #cc-main ::-webkit-scrollbar-thumb {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: var(--cc-toggle-readonly-bg);
    border: 0.25rem solid var(--cc-bg);
    border-radius: 1rem;
  }
  #cc-main ::-webkit-scrollbar-thumb:hover {
    background: var(--cc-toggle-off-bg);
  }
  #cc-main ::-webkit-scrollbar {
    background: transparent;
    width: 12px;
  }
}
html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
  height: auto !important;
  overflow: hidden !important;
}
@media (prefers-reduced-motion) {
  #cc-main {
    --cc-modal-transition-duration: 0s;
  }
}
.cc--darkmode {
  --cc-bg: #161a1c;
  --cc-primary-color: #ebf3f6;
  --cc-secondary-color: #aebbc5;
  --cc-btn-primary-bg: #c2d0e0;
  --cc-btn-primary-color: var(--cc-bg);
  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg: #98a7b6;
  --cc-btn-primary-hover-color: #000;
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg: #242c31;
  --cc-btn-secondary-color: var(--cc-primary-color);
  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg: #353d43;
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
  --cc-separator-border-color: #222a30;
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
  --cc-toggle-off-bg: #525f6b;
  --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
  --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
  --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
  --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
  --cc-toggle-readonly-bg: #343e45;
  --cc-toggle-readonly-knob-bg: #5f6b72;
  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
  --cc-section-category-border: #1e2428;
  --cc-cookie-category-block-bg: #1e2428;
  --cc-cookie-category-block-border: var(--cc-section-category-border);
  --cc-cookie-category-block-hover-bg: #242c31;
  --cc-cookie-category-block-hover-border: #232a2f;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
  --cc-overlay-bg: rgba(0, 0, 0, 0.65);
  --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
  --cc-footer-bg: #0c0e0f;
  --cc-footer-color: var(--cc-secondary-color);
  --cc-footer-border-color: #060809;
}
.cc--darkmode #cc-main {
  color-scheme: dark;
}
#cc-main .cm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
  display: flex;
  flex-direction: column;
  max-width: 24rem;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(1.6em);
  visibility: hidden;
  z-index: 1;
}
#cc-main .cm--top {
  top: var(--cc-modal-margin);
}
#cc-main .cm--middle {
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}
#cc-main .cm--bottom {
  bottom: var(--cc-modal-margin);
}
#cc-main .cm--center {
  left: var(--cc-modal-margin);
  margin: 0 auto;
  right: var(--cc-modal-margin);
  width: unset;
}
#cc-main .cm--left {
  left: var(--cc-modal-margin);
  margin-right: var(--cc-modal-margin);
}
#cc-main .cm--right {
  margin-left: var(--cc-modal-margin);
  right: var(--cc-modal-margin);
}
#cc-main .cm__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
#cc-main .cm__btns,
#cc-main .cm__links {
  padding: 1rem 1.3rem;
  width: unset;
}
#cc-main .cm__texts {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0 0;
}
#cc-main .cm__desc,
#cc-main .cm__title {
  padding: 0 1.3rem;
}
#cc-main .cm__title {
  font-size: 1.05em;
}
#cc-main .cm__title + .cm__desc {
  margin-top: 1.1em;
}
#cc-main .cm__desc {
  color: var(--cc-secondary-color);
  font-size: 0.9em;
  line-height: 1.5;
  max-height: 40vh;
  overflow-x: visible;
  overflow-y: auto;
  padding-bottom: 1em;
}
#cc-main .cm__btns {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#cc-main .cm__btn-group {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
}
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
  margin-top: 0.375rem;
}
#cc-main .cm--flip .cm__btn + .cm__btn,
#cc-main .cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0.375rem;
  margin-top: 0;
}
#cc-main .cm--inline .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-top: 0;
}
#cc-main .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.375rem;
}
#cc-main .cm--inline.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0.375rem;
  margin-right: 0;
}
#cc-main .cm--wide .cm__btn + .cm__btn,
#cc-main .cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: 0.375rem;
  margin-top: 0;
}
#cc-main .cm--wide.cm--flip .cm__btn + .cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-right: 0.375rem;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
  flex-direction: row-reverse;
}
#cc-main .cm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  font-size: 0.82em;
  font-weight: 600;
  min-height: 42px;
  padding: 0.5em 1em;
  text-align: center;
}
#cc-main .cm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close {
  border-radius: 0;
  border-bottom-left-radius: var(--cc-btn-border-radius);
  border-right: none;
  border-top: none;
  display: none;
  font-size: 1em;
  height: 42px;
  min-width: auto !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
}
#cc-main .cm__btn--close svg {
  stroke: var(--cc-btn-primary-color);
  transform: scale(0.5);
  transition: stroke 0.15s ease;
}
#cc-main .cm__btn--close:hover svg {
  stroke: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--close.cm__btn--secondary svg {
  stroke: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close + .cm__texts .cm__title {
  padding-right: 3rem;
}
#cc-main .cm--inline .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm__footer {
  background: var(--cc-footer-bg);
  border-top: 1px solid var(--cc-footer-border-color);
  color: var(--cc-footer-color);
  padding: 0.4em 0 0.5em;
}
#cc-main .cm__links {
  display: flex;
  flex-direction: row;
  padding-bottom: 0;
  padding-top: 0;
}
#cc-main .cm__link-group {
  display: flex;
  flex-direction: row;
  font-size: 0.8em;
  width: 100%;
}
#cc-main .cm__link-group > * + * {
  margin-left: 1.3rem;
}
#cc-main .cm--flip .cm__btn:last-child {
  grid-row: 1;
}
#cc-main .cm--inline.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--box .cm__btn--close {
  display: block;
}
#cc-main .cm--box.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cm--box.cm--wide {
  max-width: 36em;
}
#cc-main .cm--box.cm--wide .cm__btns {
  flex-direction: row;
  justify-content: space-between;
}
#cc-main .cm--box.cm--wide .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm--box.cm--wide .cm__btn {
  min-width: 120px;
  padding-left: 1.8em;
  padding-right: 1.8em;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
  flex-direction: row-reverse;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--cloud {
  max-width: 54em;
  width: unset;
}
#cc-main .cm--cloud .cm__body {
  flex-direction: row;
}
#cc-main .cm--cloud .cm__texts {
  flex: 1;
}
#cc-main .cm--cloud .cm__desc {
  max-height: 9.4em;
}
#cc-main .cm--cloud .cm__btns {
  border-left: 1px solid var(--cc-separator-border-color);
  border-top: none;
  max-width: 23em;
}
#cc-main .cm--cloud .cm__btn-group {
  flex-direction: column;
}
#cc-main .cm--cloud .cm__btn {
  min-width: 19em;
}
#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cm--cloud.cm--inline .cm__btn-group {
  flex-direction: row;
}
#cc-main .cm--cloud.cm--inline .cm__btn {
  min-width: 10em;
}
#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
  flex-direction: row-reverse;
}
#cc-main .cm--bar {
  border-radius: 0;
  left: 0;
  margin: 0;
  max-width: unset;
  opacity: 1;
  right: 0;
  transform: translateY(0);
  width: 100vw;
  --cc-modal-transition-duration: 0.35s;
}
#cc-main .cm--bar.cm--top {
  top: 0;
  transform: translateY(-100%);
}
#cc-main .cm--bar.cm--bottom {
  bottom: 0;
  transform: translateY(100%);
}
#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
  margin: 0 auto;
  max-width: 55em;
  width: 100%;
}
#cc-main .cm--bar .cm__body {
  padding: 0.5em 0 0.9em;
}
#cc-main .cm--bar .cm__btns {
  border-top: none;
  flex-direction: row;
  justify-content: space-between;
}
#cc-main .cm--bar .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-left: 0.375rem;
  margin-top: 0;
}
#cc-main .cm--bar .cm__btn {
  min-width: 120px;
  padding-left: 2em;
  padding-right: 2em;
}
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.375rem;
}
#cc-main .cm--bar.cm--flip .cm__btns {
  flex-direction: row-reverse;
}
#cc-main .cm--bar.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
  max-width: 74em;
}
#cc-main .cm--bar.cm--inline .cm__body {
  flex-direction: row;
  padding: 0;
}
#cc-main .cm--bar.cm--inline .cm__btns {
  flex-direction: column;
  justify-content: center;
  max-width: 23em;
}
#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
  transition:
    opacity var(--cc-modal-transition-duration) ease,
    visibility var(--cc-modal-transition-duration) ease,
    transform var(--cc-modal-transition-duration) ease;
}
#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}
.disable--interaction #cc-main .cm-wrapper:before {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 0;
}
.show--consent #cc-main .cc--anim .cm {
  opacity: 1;
  transform: translateY(0);
  visibility: visible !important;
}
.show--consent #cc-main .cc--anim .cm--middle {
  transform: translateY(-50%);
}
.show--consent #cc-main .cc--anim .cm--bar {
  transform: translateY(0);
}
.show--consent #cc-main .cc--anim.cm-wrapper:before {
  opacity: 1;
  visibility: visible;
}
#cc-main.cc--rtl .cm__btn--close {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: var(--cc-btn-border-radius);
  left: 0;
  right: unset;
}
#cc-main.cc--rtl .cm__btn--close + .cm__texts .cm__title {
  padding-left: 3rem !important;
  padding-right: 1.3rem;
}
#cc-main.cc--rtl .cm--inline .cm__btn + .cm__btn {
  margin-left: 0;
  margin-right: 0.375rem;
}
#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group + .cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .cm__link-group > * + * {
  margin-left: 0;
  margin-right: 1.3rem;
}
@media screen and (max-width: 640px) {
  #cc-main {
    --cc-modal-margin: 0.5em;
  }
  #cc-main .cm {
    max-width: none !important;
    width: auto !important;
  }
  #cc-main .cm__body {
    flex-direction: column !important;
    padding: 0 !important;
  }
  #cc-main .cm__btns,
  #cc-main .cm__desc,
  #cc-main .cm__links,
  #cc-main .cm__title {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
  #cc-main .cm__btns {
    border-left: none !important;
    border-top: 1px solid var(--cc-separator-border-color) !important;
    flex-direction: column !important;
    max-width: none !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn + .cm__btn,
  #cc-main .cm__btn-group + .cm__btn-group {
    margin: 0.375rem 0 0 !important;
  }
  #cc-main .cm--flip .cm__btn + .cm__btn,
  #cc-main .cm--flip .cm__btn-group + .cm__btn-group {
    margin-bottom: 0.375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .cm__btn-group {
    display: flex !important;
    flex-direction: column !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn {
    flex: auto !important;
  }
  #cc-main .cm__link-group {
    justify-content: center !important;
  }
  #cc-main .cm--flip .cm__btn-group,
  #cc-main .cm--flip .cm__btns {
    flex-direction: column-reverse !important;
  }
}
#cc-main .pm-wrapper {
  position: relative;
  z-index: 2;
}
#cc-main .pm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
  display: flex;
  flex-direction: column;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  visibility: hidden;
  width: 100%;
  width: unset;
  z-index: 1;
}
#cc-main svg {
  fill: none;
  width: 100%;
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
  padding: 1em 1.4em;
}
#cc-main .pm__header {
  align-items: center;
  border-bottom: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}
#cc-main .pm__title {
  align-items: center;
  display: flex;
  flex: 1;
  font-weight: 600;
  margin-right: 2em;
}
#cc-main .pm__close-btn {
  background: var(--cc-btn-secondary-bg);
  border: 1px solid var(--cc-btn-secondary-border-color);
  border-radius: var(--cc-btn-border-radius);
  height: 40px;
  position: relative;
  transition: all 0.15s ease;
  width: 40px;
}
#cc-main .pm__close-btn span {
  display: flex;
  height: 100%;
  width: 100%;
}
#cc-main .pm__close-btn svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(0.5);
  transition: stroke 0.15s ease;
}
#cc-main .pm__close-btn:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
}
#cc-main .pm__close-btn:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm__body {
  flex: 1;
  overflow-y: auto;
  overflow-y: overlay;
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
  border-radius: var(--cc-btn-border-radius);
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5em;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  border: 1px solid var(--cc-cookie-category-block-border);
  border-radius: var(--cc-btn-border-radius);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
  margin-top: 0 !important;
  overflow: hidden;
}
#cc-main .pm__section {
  border: 1px solid var(--cc-separator-border-color);
  padding: 1em;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease;
}
#cc-main .pm__section:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none;
}
#cc-main .pm__section:not(:first-child):hover {
  background: var(--cc-cookie-category-block-bg);
  border-color: var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-toggles + .pm__section {
  margin-top: 2em;
}
#cc-main .pm__section--toggle {
  background: var(--cc-cookie-category-block-bg);
  border-top: none;
  margin-bottom: 0.375rem;
}
#cc-main .pm__section--toggle .pm__section-title {
  align-items: center;
  background: var(--cc-cookie-category-block-bg);
  border: 1px solid var(--cc-cookie-category-block-border);
  display: flex;
  justify-content: space-between;
  min-height: 58px;
  padding: 1.1em 5.4em 1.1em 1.2em;
  position: relative;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease;
  width: 100%;
}
#cc-main .pm__section--toggle .pm__section-title:hover {
  background: var(--cc-cookie-category-block-hover-bg);
  border-color: var(--cc-cookie-category-block-hover-border);
}
#cc-main .pm__section--toggle .pm__section-desc {
  margin-top: 0;
  padding: 1em;
}
#cc-main .pm__section--toggle.is-expanded {
  --cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
  --cc-cookie-category-block-border: var(
    --cc-cookie-category-expanded-block-hover-bg
  );
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
  transform: scale(0.5) rotate(180deg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
  display: flex;
}
#cc-main .pm__section--expandable .pm__section-title {
  cursor: pointer;
  padding-left: 3.4em;
}
#cc-main .pm__section--expandable .pm__section-arrow {
  background: var(--cc-toggle-readonly-bg);
  border-radius: 100%;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 18px;
  pointer-events: none;
  position: absolute;
  width: 20px;
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(0.5);
}
#cc-main .pm__section-title-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}
#cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
  margin-top: 0.85em;
}
#cc-main .pm__section-title {
  border-radius: var(--cc-btn-border-radius);
  font-size: 0.95em;
  font-weight: 600;
}
#cc-main .pm__badge {
  align-items: center;
  background: var(--cc-btn-secondary-bg);
  border-radius: 5em;
  color: var(--cc-secondary-color);
  display: flex;
  flex: none;
  font-size: 0.8em;
  font-weight: 600;
  height: 23px;
  justify-content: center;
  margin-left: 1em;
  min-width: 23px;
  overflow: hidden;
  padding: 0 0.6em 1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: auto;
}
#cc-main .pm__service-counter {
  background: var(--cc-btn-primary-bg);
  color: var(--cc-btn-primary-color);
  padding: 0;
  width: 23px;
}
#cc-main .pm__service-counter[data-counterlabel] {
  padding: 0 0.6em 1px;
  width: auto;
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
  border-radius: var(--cc-pm-toggle-border-radius);
  height: 23px;
  transform: translateZ(0);
  width: 50px;
}
#cc-main .section__toggle-wrapper {
  cursor: pointer;
  position: absolute;
  right: 18px;
  z-index: 1;
}
#cc-main .toggle-service {
  height: 19px;
  position: relative;
  right: 0;
  width: 42px;
}
#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
  height: 19px;
  width: 42px;
}
#cc-main .toggle-service .toggle__icon {
  position: relative;
}
#cc-main .toggle-service .toggle__icon-circle {
  height: 19px;
  width: 19px;
}
#cc-main
  .toggle-service
  .section__toggle:checked
  ~ .toggle__icon
  .toggle__icon-circle {
  transform: translateX(23px);
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
  display: none !important;
}
#cc-main .section__toggle {
  border: 0;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
#cc-main .section__toggle:disabled {
  cursor: not-allowed;
}
#cc-main .toggle__icon {
  background: var(--cc-toggle-off-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
  display: flex;
  flex-direction: row;
  pointer-events: none;
  position: absolute;
  transition: all 0.25s ease;
}
#cc-main .toggle__icon-circle {
  background: var(--cc-toggle-off-knob-bg);
  border: none;
  border-radius: var(--cc-pm-toggle-border-radius);
  box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
  display: block;
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  transition:
    transform 0.25s ease,
    background-color 0.25s ease;
  width: 23px;
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
  height: 100%;
  position: absolute;
  transition: opacity 0.15s ease;
  width: 100%;
}
#cc-main .toggle__icon-on {
  opacity: 0;
  transform: rotate(45deg);
}
#cc-main .toggle__icon-on svg {
  stroke: var(--cc-toggle-on-bg);
  transform: scale(0.55) rotate(-45deg);
}
#cc-main .toggle__icon-off {
  opacity: 1;
}
#cc-main .toggle__icon-off svg {
  stroke: var(--cc-toggle-off-bg);
  transform: scale(0.55);
}
#cc-main .section__toggle:checked ~ .toggle__icon {
  background: var(--cc-toggle-on-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  background-color: var(--cc-toggle-on-knob-bg);
  transform: translateX(27px);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
  opacity: 1;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
  opacity: 0;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
  background: var(--cc-toggle-readonly-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}
#cc-main
  .section__toggle:checked:disabled
  ~ .toggle__icon
  .toggle__icon-circle {
  background: var(--cc-toggle-readonly-knob-bg);
  box-shadow: none;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
  stroke: var(--cc-toggle-readonly-knob-icon-color);
}
#cc-main .toggle__label {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}
#cc-main .pm__section-desc-wrapper {
  color: var(--cc-secondary-color);
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
}
#cc-main .pm__section-desc-wrapper > :not(:last-child) {
  border-bottom: 1px solid var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-services {
  display: flex;
  flex-direction: column;
}
#cc-main .pm__service {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.4em 1.2em;
  position: relative;
  transition: background-color 0.15s ease;
}
#cc-main .pm__service:hover {
  background-color: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__service-header {
  align-items: center;
  display: flex;
  margin-right: 1em;
  width: 100%;
}
#cc-main .pm__service-icon {
  border: 2px solid;
  border-radius: 100%;
  height: 8px;
  margin-left: 6px;
  margin-right: 20px;
  margin-top: 1px;
  min-width: 8px;
}
#cc-main .pm__service-title {
  font-size: 0.95em;
  width: 100%;
  word-break: break-word;
}
#cc-main .pm__section-desc {
  line-height: 1.5em;
}
#cc-main .pm__section-table {
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}
#cc-main .pm__table-caption {
  text-align: left;
}
#cc-main .pm__table-caption,
#cc-main .pm__table-head > tr {
  border-bottom: 1px dashed var(--cc-separator-border-color);
  color: var(--cc-primary-color);
  font-weight: 600;
}
#cc-main .pm__table-tr {
  transition: background-color 0.15s ease;
}
#cc-main .pm__table-tr:hover {
  background: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
  padding: 0.625em 0.625em 0.625em 1.2em;
  vertical-align: top;
}
#cc-main .pm__footer {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}
#cc-main .pm__btn-group {
  display: flex;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
  margin-left: 0.375rem;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}
#cc-main .pm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  flex: auto;
  font-size: 0.82em;
  font-weight: 600;
  min-height: 42px;
  min-width: 110px;
  padding: 0.5em 1.5em;
  text-align: center;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}
#cc-main .pm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}
#cc-main .pm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}
#cc-main .pm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm--box {
  height: calc(100% - 2em);
  left: var(--cc-modal-margin);
  margin: 0 auto;
  max-height: 37.5em;
  max-width: 43em;
  right: var(--cc-modal-margin);
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
  flex-direction: row-reverse;
}
#cc-main .pm--bar {
  border-radius: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  max-height: none;
  max-width: 29em;
  opacity: 1;
  top: 0;
  width: 100%;
  --cc-modal-transition-duration: 0.35s;
}
#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
  display: block;
}
#cc-main .pm--bar .pm__table-head {
  display: none;
}
#cc-main .pm--bar .pm__table-caption {
  display: block;
}
#cc-main .pm--bar .pm__table-tr:not(:last-child) {
  border-bottom: 1px solid var(--cc-separator-border-color);
}
#cc-main .pm--bar .pm__table-td {
  display: flex;
  justify-content: space-between;
}
#cc-main .pm--bar .pm__table-td:before {
  color: var(--cc-primary-color);
  content: attr(data-column);
  flex: 1;
  font-weight: 600;
  min-width: 100px;
  overflow: hidden;
  padding-right: 2em;
  text-overflow: ellipsis;
}
#cc-main .pm--bar .pm__table-td > div {
  flex: 3;
}
#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
  padding: 1em 1.3em;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
  flex-direction: column;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin: 0.375rem 0 0;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
  flex-direction: column-reverse;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group + .pm__btn-group {
  margin-bottom: 0.375rem;
  margin-top: 0;
}
#cc-main .pm--bar:not(.pm--wide) .pm__badge {
  display: none;
}
#cc-main .pm--bar.pm--left {
  left: 0;
  transform: translateX(-100%);
}
#cc-main .pm--bar.pm--right {
  right: 0;
  transform: translateX(100%);
}
#cc-main .pm--bar.pm--wide {
  max-width: 35em;
}
#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
  padding: 1em 1.4em;
}
#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
  flex-direction: row-reverse;
}
#cc-main .pm-overlay {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 1;
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
  transition:
    opacity var(--cc-modal-transition-duration) ease,
    visibility var(--cc-modal-transition-duration) ease,
    transform var(--cc-modal-transition-duration) ease;
}
.show--preferences #cc-main .cc--anim .pm {
  opacity: 1;
  visibility: visible !important;
}
.show--preferences #cc-main .cc--anim .pm--box {
  transform: translateY(-50%);
}
.show--preferences #cc-main .cc--anim .pm--bar {
  transform: translateX(0);
}
.show--preferences #cc-main .cc--anim .pm-overlay {
  opacity: 1;
  visibility: visible;
}
#cc-main.cc--rtl .pm__service-header {
  margin-left: 1em;
  margin-right: 0;
}
#cc-main.cc--rtl .pm__section-arrow {
  left: unset;
  right: 18px;
}
#cc-main.cc--rtl .section__toggle-wrapper {
  left: 18px;
  right: unset;
  transform-origin: left;
}
#cc-main.cc--rtl .toggle-service {
  left: 0;
}
#cc-main.cc--rtl .pm__service-icon {
  margin-left: 20px;
  margin-right: 5px;
}
#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
  padding-left: 5.4em;
  padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
  padding-right: 3.4em;
}
#cc-main.cc--rtl .pm__badge {
  margin-left: unset;
  margin-right: 1em;
}
#cc-main.cc--rtl .toggle__icon-circle {
  transform: translateX(27px);
}
#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
  transform: translateX(23px);
}
#cc-main.cc--rtl .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(0);
}
#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
  padding-left: unset;
  padding-right: 1.2em;
  text-align: right;
}
#cc-main.cc--rtl .pm__table-td {
  padding-left: unset;
  padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__table-td:before {
  padding-left: 2em;
  padding-right: unset;
}
#cc-main.cc--rtl .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}
#cc-main.cc--rtl .pm--flip .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: 0.375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main.cc--rtl
  .pm--flip.pm--bar:not(.pm--wide)
  .pm__btn-group
  + .pm__btn-group {
  margin-left: 0;
}
@media screen and (max-width: 640px) {
  #cc-main .pm {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: 0;
    max-height: 100%;
    max-width: none !important;
    right: 0;
    top: 0;
    transform: translateY(1.6em);
  }
  #cc-main .pm__body,
  #cc-main .pm__footer,
  #cc-main .pm__header {
    padding: 0.9em !important;
  }
  #cc-main .pm__badge {
    display: none;
  }
  #cc-main .pm__section-table,
  #cc-main .pm__table-body,
  #cc-main .pm__table-caption,
  #cc-main .pm__table-td,
  #cc-main .pm__table-th,
  #cc-main .pm__table-tr {
    display: block;
  }
  #cc-main .pm__table-head {
    display: none;
  }
  #cc-main .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color);
  }
  #cc-main .pm__table-td {
    display: flex;
    justify-content: space-between;
  }
  #cc-main .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis;
  }
  #cc-main .pm__table-td > div {
    flex: 3;
  }
  #cc-main .pm__btn-group,
  #cc-main .pm__footer {
    flex-direction: column !important;
  }
  #cc-main .pm__btn-group {
    display: flex !important;
  }
  #cc-main .pm__btn + .pm__btn,
  #cc-main .pm__btn-group + .pm__btn-group {
    margin: 0.375rem 0 0 !important;
  }
  #cc-main .pm--flip .pm__btn + .pm__btn,
  #cc-main .pm--flip .pm__btn-group + .pm__btn-group {
    margin-bottom: 0.375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .pm--flip .pm__btn-group,
  #cc-main .pm--flip .pm__footer {
    flex-direction: column-reverse !important;
  }
  .show--preferences #cc-main .cc--anim .pm {
    transform: translateY(0) !important;
  }
}