
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('https://support.arctic.de/fonts1.woff2') format('woff2'); /*original source : https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.woff2 */
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
} 
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('https://support.arctic.de/fonts2.woff2') format('woff2');/*original source : https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.woff2 */
  
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

:root {
    --arctic-blue: #233342;
    --arctic-petrol: #6ac49e;
    
    --arctic-petrol-old: #39cba1;
    
    --arctic-petrol-new: #6ac49e;
    --arctic-petrol-dark: #29614c;
    --arctic-petrol-light: #88CDB5;
    
    --arctic-red: #d94d30;
    
    
}


* {
 font-size: 1.0em;
 font-family: 'Lato';
}

html{
    height:100%;
    padding:0px;
}

html,body {
    
    width:100%;
    margin:auto;
    margin-top:0px;
    font-family:"Lato";
    font-weight:100;
    text-size-adjust: auto;
    -moz-text-size-adjust: auto;
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
     /**/
    font-size:0.9em;
    min-height:100vh;
    
}



body {
  background-color:#FFFFFF;
  overflow-y: scroll; 
}

a {cursor:pointer;}

#languageswitcher {
    display:none;
    height:20px;
    width:auto;
    padding:3px;
    text-align:center;
    color:#FFFFFF;
    background-color:var(--arctic-petrol); /*#33b791*/
    cursor:pointer;
    
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
}

#languageswitcher:before {
    content:'';
    height:20px;
    width:20px;
    display:inline-block;
    vertical-align:middle;
    background-image:url('https://support.arctic.de/img/languages.png');
    background-position:0px 0px;
    background-size:20px;
    margin-right:4px;
}

#languageswitcher:after {
    content:'';
    width:16px;
    height:16px;
    background-image:url('https://support.arctic.de/img/unroll.webp');
    background-position:0px 0px;
    background-size:16px;
    display:inline-block;
    vertical-align: middle;
    margin-left:4px;
}

#languageswitcher2 {
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    top:5px;
    right:5px;
    cursor:pointer;
    
    background-image:url('https://support.arctic.de/img/languages2_50px.webp');
    background-position:0px 0px;
    background-size:30px;
}

#languagechoices {
    display:none;
    position:fixed;
    top:52px;
    /*left:50%;*/
    margin-left:-90px;
    width:200px;
    max-width:100vw;
    padding:25px;
    padding-bottom:10px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    z-index:10000;
    box-sizing: border-box;
    right:10px;
}

#languagechoices.flexing {
    display:block;
    
}
#languagechoices:before {
    content:"&nbsp;";
    display: inline-block;
    position: absolute;
    top: -9px;
    /*left: calc(50% - 10px);*/
    height: 15px;
    width: 15px;
    border: inherit;
    border-width: 1px 0 0 1px;
    overflow: hidden;
    background-color: inherit;
    color: rgba(0, 0, 0, 0.0);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right:4px;
}
#languagechoices .close {
    display:none;
    
    
}

#languagechoices a {
    display:block;
    text-decoration:none;
    color:#000000;
    height:30px;
    margin:0px auto 20px;
    text-align:left;
    font-size:18px;
}

#languagechoices a .flag{
    height:30px;
    width:30px;
    vertical-align:middle;
    display:inline-block;
    margin-right:10px;
    background-image:url('https://support.arctic.de/img/language_switcher_large.webp');
    background-position:0px -38px;
    background-size:32px;
    border-radius: 15px;
    border: 1px solid #E0E0E0;
}

#languagechoices a .flag-de{
    background-position:-1px -81px;
}
#languagechoices a .flag-en{
    background-position:-1px -121px;
}
#languagechoices a .flag-fr{
    background-position:-1px -161px;
}
#languagechoices a .flag-es{
    background-position:-1px -201px;
}
#languagechoices a .flag-it{
    background-position:-1px -241px;
}
#languagechoices a .flag-pt{
    background-position:-1px -281px;
}
#languagechoices a .flag-ar{
    background-position:-1px -321px;
}
#languagechoices a .flag-ru{
    background-position:-1px -361px;
}
#languagechoices a .flag-cs{
    background-position:-1px -401px;
}
#languagechoices a .flag-pl{
    background-position:-1px -441px;
}
#languagechoices a .flag-tr{
    background-position:-1px -481px;
}
#languagechoices a .flag-zh{
    background-position:-1px -521px;
}
#languagechoices a .flag-ko{
    background-position:-1px -561px;
}
#languagechoices a .flag-ja{
    background-position:-1px -601px;
}
#languagechoices a .flag-nl{
    background-position:-1px -641px;
}
#languagechoices a .flag-sv{
    background-position:-1px -681px;
}

#header
{
    margin:0px;
    /*min-height:100px;*/
    background-color: var(--arctic-blue);
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
    border-bottom:1px solid #FFFFFF;
}

#header h1 {
	text-align: center;
    font-size: 220%;
    font-family: 'Lato';
    padding: 40px;
    max-width:1060px;
    
}
#headercontentwrapper{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:auto;
	min-height:120px;
    background-color: #FFFFFF;
}
#headercontent
{
    margin:auto;
    position:relative;
    min-width:460px;
    max-width:1060px;
    padding:0px 10px;
    

      
    
}


#logo
{
  position:absolute;
  top:0px;
  left:0px;
  width:100px;
  height:100px;
  padding:10px 0px 0px 20px;
    
}

#logo a
{
  text-decoration:none;
  border:none;
  height:80px;
  
}

#logo img
{
  height:100px;
  width:89px;
  text-decoration:none;
  border:none;
  
}


#header #productname
{
    text-align: center;
    font-size: 24px;
    
    
    height:30px;
    overflow:hidden;
    text-overflow:ellipsis;

    background-repeat:repeat-x; 
    background-size:100% 60%;

    
    max-width:1060px;
    margin:auto;
    padding:5px 0px;
  
}

#header #productname ,#header #productname a 
{
  
    color:#FFFFFF;
    text-decoration:none;
    font-family:'Lato';
    font-weight:400;
    /*text-transform:uppercase;*/
    
}





#contentwrapper
{

height:auto;
background-color:#FFFFFF;
padding-top:40px;
}


.fillbyajax {
    /*display:none;*/
}



.productlist
{
  width:100%;
  padding:0px;
  border-bottom:2px solid #EEEEEE;
}

.productlist a
{
  display:block;
  min-width:410px;
  max-width:480px;
  margin:auto;
  padding:10px 20px 10px 60px;
  color:#000000;
  font-size:140%;
  text-decoration:none;
  font-weight:normal;
  text-align:left;
  height:auto;
  line-height:180%;
}



#cscontact {
    
    position:fixed;
    bottom:30px;
    right:30px;
    z-index:900;
    border-radius:45px;
    box-shadow: 0px 0px 5px #777777;
    text-align:center;
    
    
}
#cscontact a {
    display:block;
    padding:0px;
    width:90px;
    height:90px;
    border-radius:450px;
}
#cscontact img {
    width:90px;
    height:90px;
}





#menuwrapper
{
    position:fixed;
    bottom:0px;
    top:0px;
    width:250px;
    height:auto;
    min-height:50px;
    padding:0px;
    margin:0px;

    margin-bottom:0px;
    z-index:9000;
    left:0px;

}

#menu
{
    position:relative;
    bottom:0px;

    /*min-width:460px;*/
    max-width:1060px;
    margin:auto;
    padding:0px 20px;

    height:100%;
    line-height:60px;
    display:flex;
    justify-content:left;
    align-items:center;
    background-color:var(--arctic-blue);
    
    /*border-radius: 10px 10px 0px 0px;
    border: 1px solid #FFFFFF;
    border-bottom: none;*/
    flex-direction: column;
}

#menuwrapper.fixed {
      position:fixed;
      /*top:0px;*/
      left:0px;
}

#contentwrapper.fixedmenu {
      padding-top:60px;
}

.documentbutton
{

    width:100%;
    margin:0px 0.5%;
    padding:0px;
    color:#FFFFFF;
    line-height:60px;
    text-align:center;
    height:60px;
    font-size:100%;


}

.documentbutton#documentbutton_home {
    /*width:11%;*/
    margin-top: 40px;
    margin-bottom: 50px;
    height:200px;
}

.documentbutton a
{
    color:#FFFFFF;
    font-weight:10;
    text-decoration:none;

    display:block;
    width:auto;
    height:100%;
    background-repeat:no-repeat;
    background-position:5px center;
    background-size:35px;
    text-transform:uppercase;
    padding-top:0px;
    text-align:left;
    padding-left:0px;
    
} 
.documentbutton a.active {
    color:var(--arctic-petrol-light);
}

.documentbutton a:before{
        display:inline-block;
        content:'';
        width:35px;
        height:35px;
        /*background-color:var(--arctic-petrol);*/
        background-repeat:no-repeat;
        background-position:center center;
        background-size:35px 35px;
        vertical-align:middle;
        margin-right:20px;
        
        /*display:none;*/
}
.documentbutton#documentbutton_home a:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_Logo2.svg');
    background-position:center center; 
    background-size:contain;
    padding-top:0px;
    width:100%;
    height:100%;
    margin-right:0px;
}
.documentbutton#documentbutton_home a.home_en:before{
    /*background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_EN.png');*/
}

.documentbutton#documentbutton_home a.home_de:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_DE.png');
}

.documentbutton#documentbutton_home a.home_fr:before{
    /*background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_FR.png');*/
}

.documentbutton#documentbutton_home a.home_es:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_ES.png');
}

.documentbutton#documentbutton_home a.home_ru:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_RU.png');
}

.documentbutton#documentbutton_home a.home_cs:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_CZ.png');
}

.documentbutton#documentbutton_home a.home_pl:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_PL.png');
}

.documentbutton#documentbutton_home a.home_pt:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_PT.png');
}

.documentbutton#documentbutton_home a.home_zh:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_CN.png');
}

.documentbutton#documentbutton_home a.home_ar:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_SA.png');
}

.documentbutton#documentbutton_home a.home_ja:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_JP.png');
}

.documentbutton#documentbutton_home a.home_ko:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_KR.png');
}

.documentbutton#documentbutton_home a.home_nl:before{
    /*background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_NL.png');*/
}

.documentbutton#documentbutton_home a.home_se:before{
    /*background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_SE.png');*/
}

.documentbutton#documentbutton_home a.home_tr:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_logo_TR.png');
}






.documentbutton#documentbutton_manual a:before{
    background-image:url('https://support.arctic.de/img/manual_wh.png');
    
    
}
.documentbutton#documentbutton_manual a.active:before {
    background-image:url('https://support.arctic.de/img/manual_te.png');
    
    
}

.documentbutton#documentbutton_support a:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Kontakt_negativ.svg');
    
    
}
.documentbutton#documentbutton_support a.active:before{
    background-image:url('https://support.arctic.de/img/ARCTIC_Kontakt_petrol.svg');
    
    
}
.documentbutton#documentbutton_docs a:before{
    background-image:url('https://support.arctic.de/img/docs_wh.png');
    
    
}
.documentbutton#documentbutton_docs a.active:before{
    background-image:url('https://support.arctic.de/img/docs_te.png');
    
    
}
.documentbutton#documentbutton_compatibility a:before{
    background-image:url('https://support.arctic.de/img/compatibility_wh.png');
    
    
}
.documentbutton#documentbutton_compatibility a.active:before{
    background-image:url('https://support.arctic.de/img/compatibility_te.png');
    
    
}

.documentbutton#documentbutton_shop a:before{
    background-image:url('https://support.arctic.de/img/cart_wh.png');
    
    
}

.documentbuttonmenu {
    margin:0px 0.5%;
    padding:0px;
    color:#FFFFFF;
    line-height:60px;
    text-align:center;
    height:100%;
    font-size:200%;
}

#extramenu {
    position:absolute;
    right:0px;
    top:61px;
    width:420px;
    height:auto;
    
    background-color:#414141;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.extramenubutton{
    
    color:#FFFFFF;
    height:auto;
    width:auto;
    font-size:200%;
    padding:10px;
    margin:10px auto;
    text-align:center;
    display:block;
    text-decoration:none;
    
}



#documentwrapper
{
    width:100%;
    height:auto;
    min-height:50px;
    padding:0px 0px 0px 250px;
    margin:0px;

    
    min-height: calc(100vh - 500px);/**/
    box-sizing:border-box;
    
}

#document
{
    min-width:300px;
    /*max-width:1060px;*/
    margin:auto;
    padding:0px 15px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;

    height:auto;
    width: 100% ;

}
#documentcontent
{
  padding:0.1px 0px;
  min-height:50px;
  
  height:auto;
}

#documentcontent img
{
  max-width:500px;
  vertical-align:middle;
}

.documentslist {
    border-bottom:1px solid #777777;
    padding-bottom:30px;
    margin-bottom:30px;
}

.documentslist:last-child {
    border-bottom:none;
    padding-bottom:30px;
    margin-bottom:0px;
}

.maingraphics
{
  width:100%;

}

#languagewarningwrapper
{
  max-width:600px;
  margin:auto;
  padding:0px 50px;
}

#manual #languagewarning
{
  margin:20px 50px;
  /*border:2px solid #990606;*/
  color:#990606;
  font-size:120%;
  padding:10px;
  background-color:#FFE0E0;
  border-radius:20px;
  box-shadow:0px 0px 8px #990606;
  text-align:center;
  font-size:110%;
}





#manual h2
{
  background-color:#000000;
  font-size:120%;
  font-weight:bold;
  color:#FFFFFF;
  padding:3px 10px;
  margin:20px 0px 15px 0px;
  

}

#manual h3
{
  background-color:#808284;
  font-size:120%;
  font-weight:bold;
  color:#FFFFFF;
  padding:3px 10px;
  margin:20px 0px 15px 0px;
  

}

#manual h4
{
  text-align:center;
  

}


#manual p
{
  
  font-weight:normal;
  color:#000000;
  padding:2px 10px;
  margin:5px 0px 15px 0px;
  

}

#manual p img, #manual ul li img, #manual ol li img
{
  height:1.8em;
  vertical-align:middle;
  

}
#manual ol, #manual ul
{
    
}
#manual ul li,#manual ol li
{
  
  font-weight:normal;
  color:#000000;
  padding:2px 10px;
  margin:5px 20px 15px 30px;
  text-indent:0px;

}








#footerwrapper
{
  
  
  
  bottom:0px;
  padding:0px;
  margin: 0px;
  
  
  /*background-color:none;*/
  position:fixed;
  bottom:0px;
  left:0px;
  width:250px;
  z-index:12000;
  
  
}
#footerwrapper.productfooter
{
  padding:0px 0px 30px;
}

#legallinks
{
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    max-width:600px;
    margin:0px auto 30px;
    
}

#legallinks p 
{
    max-width:600px;
    text-align:center;
    margin:5px;
}
#legallinks p a
{
    color:#E0E0E0;
    text-decoration:none;
    font-family: 'Lato';
    background-color: var(--arctic-blue);
}

#sociallinks
{
  
  display:flex;
  flex-direction:row;
  justify-content:center;
  
  max-width:600px;
  padding:0px;
  margin:15px auto 25px;
  
  display:none;
  
 } 

#sociallinks a
{
  text-decoration:none;
  display:block;
  margin:10px 20px;
  
 }
 #sociallinks a img
{
  height:30px;
  width:auto;
  
 }





#footer
{
  
  padding:3px;
  margin:auto;
  color:#E0E0E0;
 text-align:center;
 font-size:0.7em;
 font-family: 'Lato';
 background-color:var(--arctic-blue);
 
 } 
 
 
#faq h2 {
    height: 50px;
    display: block;
    line-height: 20px;
    color: var(--arctic-blue);
    font-weight: bold;
    margin-top:50px;
    outline-width:0px;
    background-color:#FFFFFF;
}

#faq h2.ui-accordion-header {
 
 font-weight: normal;
 height: auto;
 line-height: 25px; 
 cursor: pointer;
 
font-weight: bold;
}
#faq h2.ui-accordion-header:focus {
   outline-width:0px;
}
#faq h2.ui-accordion-header:hover {
text-decoration: underline;
}

#faq h2.ui-accordion-header span {

font-weight:normal;
display:block;
float:right;
text-decoration:underline;
}

.ui-state-focus {
  border:none;
}

#manual .spectable
{
border-collapse:collapse;
width:100%;

}

#manual .spectable, #manual .spectable td , #manual .spectable th
{
border:2px solid black;
}

#manual .spectable th
{
background-color:#CCCCCC;
}

#manual, #manual .spectable, #manual .spectable tr, #manual .spectable td,#manual .spectable p
{

}

#manual .spectable p
{
margin:5px;
}
#manual .spectable th p
{
font-weight:bold;
}

#manual h1.redirect{
	text-align:center;
	font-size:2.0em;
	font-weight:bold;
	margin:50px 0px;
}
#manual h1.redirect a {
	color:var(--arctic-blue);
	text-decoration:none;
}




/* Contact form */

#contact {
    max-width:1060px;
    margin:0px auto;
}
.maintitle img {
    height:50px;
    width:100px;
    object-fit:contain;
    vertical-align:middle;
    
    
}

.maintitle {
    font-size:3.0em;
    margin:10px auto;
    
}

.maintitlenext{
    border-top:1px solid #CCCCCC;
    padding-top:30px;
}

.phonecontacts {
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    margin:30px;
    
}


.phonecontact {
    width:320px;
    background: #FFFFFF;
    color: var(--arctic-petrol-dark);
    box-shadow: 0px 2px 7px rgba(0,0,0,.16);
    border: none;
    height:auto;
    padding:20px;
    margin:auto;
}
.phonecontact h3 {
    color:#545454;
    font-size:1.5em;
    margin:0px;
}
.phonecontact p {
    color:#545454;
}
.phonecontact p:last-child {
    margin-bottom:0px;
}
.phonecontact a {
    display:inline-block;
    width:180px;
    padding:10px;
    background: #ffffff;
    color: var(--arctic-petrol-dark);
    box-shadow: 0px 2px 7px rgba(0,0,0,.16);
    border: none;
    margin:auto 10px auto 0px;
    text-align:center;
    font-size:1.4em;
    text-decoration:none;
    
}
.phonecontact a:hover {
    background: var(--arctic-petrol);
    color: #FFFFFF;
}
.phonecontacts .openstatus {
    display:inline-block;
    margin-top: 10px;
    padding:3px;
    font-weight:100;
    font-size:1.0em;
    
    color:#545454;
    
}

.legend
{
	font-size:2.0em;
}
div.fieldset {
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-direction: row;
	flex-wrap:wrap;
	
}
div.fieldset h2{
	width:100%;
	color:#545454;
}
div.fieldset h2.legend{
	width:100%;
	color:#545454;
}

div.field {
	width:50%;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-direction: row;
	margin:10px 0px;
	box-sizing:border-box;
}
div.wide {
    width:100% !important;
}


div.field label {
	width:30%;
	text-align:left;
	box-sizing:border-box;
	color:#545454;
	padding:0px 20px;
	font-weight:bold;
	
}
div.wide label {
    width:15%;
}

div.field .input-box {
	width:70%;
	box-sizing:border-box;
}
div.wide .input-box {
    width:85%;
}

div.field .input-box input
{
	width:100%;
	height:30px;
	padding:5px;
	box-sizing:border-box;
	
}


div.field .input-box select
{
	width:100%;
	height:30px;
	padding:5px;
	box-sizing:border-box;
}

div.field .input-box textarea
{
	width:100%;
	height:250px;
	box-sizing:border-box;
}

div#messagefield
{
	width:100%;
	box-sizing:border-box;
}
div#messagefield label
{
	width:15%;
	box-sizing:border-box;
}

div#messagefield .input-box
{
	width:85%;
	box-sizing:border-box;
}
div.field label em
{

	color:#B60000;
	
}


div.field .input-box input:focus,
div.field .input-box select:focus,
div.field .input-box textarea:focus
{
	outline:2px solid var(--arctic-petrol);
	
}



.buttons-set .required
{
	text-align:left;
	margin-left:30%;
	color:#B60000;
	
}


.buttons-set button {
	padding:5px;
	font-weight:bold;
    background: #ffffff;
    color: var(--arctic-petrol-dark);
    box-shadow: 0px 2px 7px rgba(0,0,0,.16);
    border: none;
	display: block;
    margin: 10px auto 40px;
    width: 30%;
    padding:15px;
    
}
.buttons-set button:hover,
.buttons-set button:focus {
    outline:none;
    background: var(--arctic-petrol);
    color: #FFFFFF;
}

.buttons-set button:disabled{
    background-color:#CCCCCC;
}

.h-captcha {
    text-align:center;
}

.successnoticewrapper
{
    position:fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color:rgba(0,0,0,0.6);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9600;
}

.successnotice
{
	position:relative;
    background-color:#FFFFFF;
	border:2px solid var(--arctic-petrol);
	padding:30px;
	
	font-weight:normal;
    /*
    box-shadow:2px 2px 10px #777777;
    
    margin:15px 50px 30px;
    position:fixed;
    top:30vh;
    left:20vw;
    width:60vw;*/
    font-size:1.2em;
    
    
}

.successnotice .close{
    position:absolute;
    right:0px;
    top:0px;
    width:30px;
    height:30px;
    background-color:#D70000;
	border:0px solid #778877;
    line-height:30px; 
    text-align:center;
    cursor:pointer;
    color:#E0E0E0;
    font-size:18px;
    font-weight:bold;
    
}
.successnotice .close:hover{
    background-color:#FF0505;
	color:#FFFFFF;
}


#searchbar {
	display:flex;
	/*align-items:center;*/
    padding:0px 15px 0px;
    width:93%;
    margin:0px auto;
    flex-wrap:wrap;
    max-width:1000px;
    
}
#searchbar p,
#searchbar #discontinued_btn {
    display:none;
}
#searchbar.search-active p ,
#searchbar.search-active #discontinued_btn {
    display:block;
}

#searchbar label {
    display:inline-block;
    overflow:hidden;
    width:1px;
    height:1px;
    margin:0px;
    padding:0px;
}

#searchbox {
	display:block;
	padding:10px;
	font-size:20px;
	color:var(--arctic-blue);
	/*border-radius:10px;*/
	height:40px;
	margin:10px 0px 0px;
	flex-grow: 1;
    box-sizing:border-box;
    border:1px #CCCCCC solid;
    border-radius: 5px;
}
#searchbox:focus {
	
	outline: none;
}
#searchbar p{
	
	width:100%;
    color:#959595;
    padding:0px;
    margin:10px 0px 0px;
    font-size:1.2em;
}
#searchbar a{
	
	
    color:var(--arctic-petrol-dark);
    text-decoration:none;
    
}
#discontinued_btn {
	
	text-align:center;
	
	width:100px;
	font-size:12px;
	display:block;
	height:40px;
	border-radius:10px;
	margin:10px 10px 0px 0px;
    
    background-repeat:no-repeat;
    background-size:50px;
    background-position:center top;
    background-image:url('https://support.arctic.de/img/off.png');
    color:#777777;
    background-color:#FFFFFF;
    border:none;
    padding: 20px 0px 0px;

}

#discontinued_btn.btn_on {
	background-image:url('https://support.arctic.de/img/on.png');
    color:var(--arctic-blue);
}

#discontinued_btn:focus {
	
	outline: none;
}

#manual #noresult{
    text-align:center;
    font-size:2.0em;
    color:var(--arctic-blue);
    margin:0px auto 40px;
    display:none;
}
#manual #alldiscontinued{
    text-align:center;
    font-size:2.0em;
    color:var(--arctic-blue);
    margin:0px auto 40px;
    display:none;
}

.products {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	padding-bottom:30px;
	
	
}


.product 
{
	/*box-shadow: 0px 2px 7px rgba(0,0,0,.16);*/
    background-color:#FFFFFF;
	padding:0px;
	margin:15px;
	width:300px;
    height:212px;
    border:1px solid #d9d9d9;
    box-sizing:border-box;
    flex-grow:0;
	overflow:hidden;
	
}
.product:hover {
    /*box-shadow: 0px 2px 10px rgba(0,0,0,.36);*/
    
    border:1px solid var(--arctic-petrol);
    outline:1px solid var(--arctic-petrol);
}

.discontinued {
	display:none;
	
}

.product a{
	display:flex;
	width:100%;
	height:100%;
	padding:10px;
	text-decoration:none;
    flex-direction:column;
    box-sizing:border-box;
    
}


.product a img 
{
	display:block;
	width:auto;
	height:50%;
	object-fit:contain;
    flex-grow:1;
	-webkit-transition: -webkit-transform 1s ease;
	
}

.product:hover a img 
{
	transform: scale(1.4);
	
}
.product a div 
{
	display:block;
	width:100%;
	font-weight:normal;
	text-decoration:none;
	color:var(--arctic-blue);
	font-size:14px;
	text-align:center;
	height:auto;
    padding-bottom:5px;
	z-index:90;
    margin:0px;
    text-shadow: -1px 1px 5px #FFFFFF, 1px 1px 5px #FFFFFF, 1px -1px 5px #FFFFFF, -1px -1px 5px #FFFFFF;
}
.category a div 
{
    
    text-shadow: none;
}
#manual h2.productssectiontitle {
    background-color:#FFFFFF;
    width:93%;
    color:var(--arctic-blue);
    padding-left:0px;
    margin:35px 15px 0px;
    font-weight:normal;
    text-transform: uppercase;
    padding:0px;
    
    display:none;
    
}

#manual h2.productssectiontitle:first-child {
    margin:15px 15px 0px;
}

.category {
    position:relative;
    width: 450px;
    height: 225px;
}


.category a img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0px;
    left:0px;
}
.category:hover a img 
{
	transform: scale(1.2);
	
}
.category a div{
    display:block;
    width:100%;
    box-sizing:border-box;
    height:auto;
    position:absolute;
    bottom:0px;
    left:0px;
    margin:0px;
    background-color:rgba(0,0,0,0.3);
    color:#FFFFFF;
    padding:10px 25px;
    text-transform:uppercase;
    background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0) 100%);
}


.menusection {
	max-width:1024px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-evenly;
	align-items:flex-start;
	margin:0px auto;
	
	
}

a.menuitem {
	display:block;
	width:320px;
	height:510px;
	position:relative;
	margin:10px;
	text-decoration:none;
	
}
.menusectionwrapper:last-of-type a.menuitem  {
	height:200px;
	width:200px;
}

a.menuitem img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	margin:0px;
	padding:0px;
}
.menusectionwrapper:last-of-type a.menuitem img {
	width:90%;
	height:90%;
	margin:5%;
	object-fit:contain;
}
a.menuitem label {
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	height:50px;
	padding:10px 0px;
	background-color:rgba(0,0,0,0.5);
	text-transform: uppercase;
}
a.menuitem:hover label {
	
	
}

.menusectionwrapper:last-of-type a.menuitem label {
	
	height:30px;
	
}

.menusectionwrapper {
	padding-bottom:30px;
}

#manual .menusectiontitle {
	text-transform: uppercase;
	width:100%;
	background-color:rgba(0,0,0,0);
	font-size:1.6em;
}

#manual .menusectionwrapper:first-of-type {
	background-color:#1C1C1C;
}


#manual .menusectionwrapper:nth-of-type(2) {
	background-color:#FFFFFF;
}
#manual .menusectionwrapper:nth-of-type(2) .menusection h2 {
	color:#000000;
}

#manual .menusectionwrapper:last-of-type {
	background-color:rgba(36,46,56,1.0);
	
}


.privatemode-warning{
    background-color:#FFE0E0;
    border:2px solid #990606;
    max-width:600px;
    margin:20px auto;
    overflow: hidden;
    padding:10px;
    text-align:center;
    font-weight:bold;
    font-size:2.0em;
    color:#990606;
}


#manual .theme2021 {
    padding:1px 0px 20px 0px;
    margin:0px;
    
    
}




#docs,
#techdocs 
{
    max-width:600px;
    margin:0px auto;
}
#docs h2,
#techdocs h2
{
    font-size:1.5em;
    
    
}
#docs p a ,
#techdocs p a 
{
    color:var(--arctic-petrol-dark);
    text-decoration:none;
}
#docs a.cedoc_link:before,
#techdocs a.cedoc_link:before
{
    /*content:'- ';
    display:inline-block;
    margin-right:10px;
    text-decoration:none;*/
}
#docs a.cedoc_link,
#techdocs a.cedoc_link
{
    display:block;
    margin:20px auto 30px;
    height:auto;
    padding:5px;
    max-width:600px;
    text-align:left;
    color:var(--arctic-blue);
    font-weight:600;
    font-size:1.1em;
    /*text-indent:-10px;*/
    text-decoration:none;
    box-shadow:#E0E0E0 0px 0px 10px;
}
#docs a.cedoc_link:hover,
#techdocs a.cedoc_link:hover
{
    /*color:var(--arctic-petrol);*/
    box-shadow:#AAAAAA 0px 0px 10px;
}
#docs a.cedoc_link img,
#techdocs a.cedoc_link img
{
    height:1.6em;
}
#docs a span.filesize,
#techdocs a span.filesize
{
    display:inline-block;
    font-size:0.8em;/**/
    font-weight:300;
    text-decoration:none;
    margin-left: 10px;
    color:#AAAAAA;
}

#docs a span.extension,
#techdocs a span.extension
{
    /*display:inline-block;*/
    font-size:0.8em;/**/
    font-weight:300;
    text-decoration:none;
    /*margin-left: 10px;
    color:#AAAAAA;*/
}



.compatibility {
    
    
}

.compatibility p{
    
    
}
.compatibility h2{
    font-size:1.5em;
    
}
.compatibility #compatibility_visual {
    
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    align-items:flex-start;
    
    
    
}
.compatibility #compatibility_visual div{
    width:130px;
    margin:10px auto;
    
    
}
.compatibility #compatibility_visual div img{
    display:block;
    margin:0px auto;
    width:128px;
    
    
}
.compatibility #compatibility_visual div p{
    margin:0px;
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
}

.compatibility form {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    
}
.compatibility input[type="text"] {
    padding:10px;
    font-size:1.2em;
    width:30%;
    margin:20px 0px;
    display:block;
    min-width:250px;
}

.compatibility input[type="submit"] {
    padding:10px;
    font-size:1.2em;
    width:15%;
    margin:20px 0px;
    display:block;
    min-width:80px;
    color:var(--arctic-petrol-dark);
    
    
    
    font-weight:500;
    font-size:16px;
    border:none;
    background-color:#FFFFFF;
    box-shadow: 0px 2px 7px rgba(0,0,0,.16);
    text-align:center;
    text-decoration:none;
}

.compatibility .monitor,
.compatibility .monitorheader 
{
    display:flex;
    flex-direction:row;
    padding:10px;
    
}


.compatibility .monitor .productcode 
{
    font-size:0.9em;
    color:#777777;
    display:inline-block;
    margin:5px;
}





.compatibility .monitorheader {
    background-color:#414141 !important;
    color:#FFFFFF;
    
}

.compatibility .monitor p, 
.compatibility .monitorheader p{
    padding:0px 20px; 
    width:200px;
    margin:auto;
    text-align:center;
}
.compatibility .monitor p:nth-child(4),
.compatibility .monitorheader p:nth-child(4)
{
    width:300px;
    text-align:left;
    font-size:0.8em;
}

#noResult {
    text-align:center;
    color:var(--arctic-blue);
    font-weight:700;
    font-size:1.5em;
    padding:30px;
    
}
.compatibility .hidden_monitor {
    display:none;
    
}
.compatibility .visible_monitor {
    display:flex;
    
}


.compatibility #width_note {
    font-style:italic;
    color:#777777;
    
    margin-bottom:30px;
}
.compatibility .disclaimer {
    
    color:#777777;
    font-style:italic;
    
}




#compatibility #compatibility_tabs {
    display:flex;
    justify-content:space-between;
}

#compatibility #compatibility_tabs div{
    width:25%;
    margin:10px;
    padding:10px;
    box-sizing:border-box;
    height:40px;
    text-align:center;
    border:1px solid #CCCCCC;
    background-color:#EEEEEE;
    font-weight:normal;
    
}
#compatibility #compatibility_tabs div.active{
    border:1px solid #000000;
    background-color:#FFFFFF;
    font-weight:bold;
    
}

#compatibility #compatibility_checker {
    border:0px solid #CCCCCC;
    margin:10px;
    padding:0px;
    min-height:300px;
    
}
#compatibility #compatibility_checker .cooler_name{
    color:var(--arctic-blue);
    font-size:16px;
}
#compatibility #compatibility_checker .list_line{
    border:2px solid #CCCCCC;
    border-top:0px solid #CCCCCC;
    margin:0px;
    padding:0px;
    height:auto;
    display:flex;
    
}




#compatibility #compatibility_checker .list_line:nth-child(even){
    background-color:#F0F0F0;
    
}

#compatibility #loading {
    text-align:center;
    line-height:100px;
    font-size:36px;
    
    
}


#compatibility #compatibility_checker .list_line div{
    padding:10px;
    min-height:20px;
    text-align:center;
    margin:auto;
}


#compatibility #compatibility_checker .compatibility_1 div:nth-child(1){
    width:20%;
}
#compatibility #compatibility_checker .compatibility_1 div:nth-child(2){
    width:25%;
}
#compatibility #compatibility_checker .compatibility_1 div:nth-child(3){
    width:15%;
}
#compatibility #compatibility_checker .compatibility_1 div:nth-child(4){
    width:10%;
}
#compatibility #compatibility_checker .compatibility_1 div:nth-child(5){
    width:25%;
}


#compatibility #compatibility_checker .list_header{
    border:2px solid var(--arctic-blue);
    /*border-top:2px solid #CCCCCC;*/
    background-color:var(--arctic-blue) !important;
    color:#FFFFFF;
}


#cookienotice {
    position:fixed;
    bottom:0px;
    width:100%;
    height:auto;
    background-color:rgba(54,54,54,0.95);
    padding:20px;
    visibility:visible;
    box-sizing: border-box;
    z-index:13000;
    /*min-height:60vh;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#cookienotice p {
    margin:0px auto;
    color:#FFFFFF;
    padding:10px;
    font-size:1.0em;
    max-width:480px;
    
    
}

#cookienotice p.acceptbtn {
    margin:0px auto;
    text-align:center;
    color:#000000;
}

#cookienotice p.acceptbtn .a-button {
    background-color:#FFFFFF;
    color:#000000;
    display:inline-block;
    padding:10px 30px;
    font-size:1.4em;
    font-weight:bold;
    border:solid 2px #225780;
    cursor:pointer;
}



/*====================================== Theme 2021 ======================================================================*/

#manual .theme2021 * {
    box-sizing:border-box;
    font-size:18px;
}
#manual .theme2021 .img_fw {
    display:block;
    width:100%;
    margin:0px auto 0px;
    height:auto;
    max-width:700px;
    /*min-height:100%; temporary fix to improve CLS*/
}
#manual .theme2021 .add_gap {
    margin:0px auto 10px;
}

#modal_image {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    z-index:90000;
    background-color:rgba(0,0,0,0.85);
    
    line-height:100vh;
    text-align:center;
}
#modal_image span{
    display:block;
    position:fixed;
    top:30px;
    right:30px;
    width:50px;
    height:50px;
    
    background-image:url('https://support.arctic.de/img/cancel_39cba1.png');
    background-position: 0px 0px; 
    background-size: contain; 
}
#modal_image img{
    display:inline-block;
    width:80vw;
    height:80vh;
    object-fit:contain;
    
    vertical-align:middle;
}

#manual .theme2021 .img_multi {
    display:flex;
    width:100%;
    margin:0px auto;
    height:auto;
    max-width:1024px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    
}
#manual .theme2021 .img_multi img {
    
    
    max-width:50%;
    margin: 10px 0px;
    height:auto;
    
}

#manual .theme2021 .acc_level1 {

    max-width:700px;
    margin:0px auto;
}

#manual .theme2021 .acc1_header {
    margin:0px auto;
    
    width:auto;
    
    box-sizing:border-box;

    padding:20px 0px;
    /*background-color:#FFFFFF;*/
    color:var(--arctic-blue);
    font-weight:800;
    font-size:24px;
    cursor:pointer;
    text-indent: -20px;
    
    text-wrap:wrap;
    position:relative;
    
    /*padding-top:70px;
    margin-top:-50px;*/
    
}
#manual .theme2021 .acc1_header:hover {
    color:var(--arctic-petrol-dark);
    
}
#manual .theme2021 .acc1_header:before{
    width:20px;
    height:19px;
    background-size:cover;
    display:inline-block;
    background-image:url('https://support.arctic.de/img/accordionsprite_30.png');
    content:' ';
    vertical-align: middle;
    background-position: 0px 0px; 
}
#manual .theme2021 .acc1_header.ui-state-default:before {
     background-position: 0px 0px; 
}
#manual .theme2021 .acc1_header.ui-state-active:before {
    background-position: 0px -20px;
}

#manual .theme2021 .acc1_header span.link,
#manual .theme2021 .acc2_header span.link,
#manual .theme2021 .acc3_header span.link,
#manual .theme2021 .acc4_header span.link{
    display:block;
    position:absolute;
    right:0px;
    top:20px;
    
    width:24px;
    height:24px;
    
    border-radius:12px;
    background-repeat:no-repeat;
    
}
#manual .theme2021 .acc1_header:hover span.link,
#manual .theme2021 .acc2_header:hover span.link,
#manual .theme2021 .acc3_header:hover span.link,
#manual .theme2021 .acc4_header:hover span.link{
    /*background-color:#eeeeee;*/
    background-image:url('https://support.arctic.de/img/link_CCCCCC_24px.png');
}

#manual .theme2021 .acc1_header span.tooltip,
#manual .theme2021 .acc2_header span.tooltip,
#manual .theme2021 .acc3_header span.tooltip,
#manual .theme2021 .acc4_header span.tooltip{
    display:block;
    position:absolute;
    right:0px;
    top:-5px;
    
    width:auto;
    height:24px;
    
    border-radius:12px;
    background-repeat:no-repeat;
    
    background-color:#FFFFFF;
    color:var(--arctic-petrol-dark);
    box-shadow:0px 0px 7px #FFFFFF;
    
    
    font-weight:normal;
    font-size:14px;
    text-align:center;
    text-indent:0px;
    
    padding:2px 10px;
    line-height:20px;
    z-index:90000;
}


#manual .theme2021 .acc1_header.knowmore {
    margin:0px auto;
    width:auto;
    max-width:600px;
    
    box-sizing:border-box;

    padding:20px 0px 20px 20px;
    /*background-color:#FFFFFF;*/
    color:#30A987;
    font-weight:normal;
    font-size:18px;
    cursor:pointer;
    text-indent: -20px;
    background-image:url('https://support.arctic.de/img/question_icon.svg');/**/
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0px 22px;
}

#manual .theme2021 .light-warning .acc1_header.knowmore,
#manual .theme2021 .heavy-warning .acc1_header.knowmore {
    margin:0px 10px;
    width:auto;

    
}
#manual .theme2021 .acc1_header.knowmore:hover {
    color:var(--arctic-petrol-dark);
    
}
#manual .theme2021 .acc1_header.knowmore:before{
    height:20px;
    background-image:none;
    margin-right:5px;
}
#manual .theme2021 .acc1_header.knowmore.ui-state-default:before {
     background-position: 0px 0px; 
}
#manual .theme2021 .acc1_header.knowmore.ui-state-active:before {
    background-position: 0px 0px;
}



#manual .theme2021 .acc1_content {
    width:auto;
    margin:0px auto;
    display: none;
}



#manual .theme2021 h2.acc2_header {
    padding:10px 0px 10px 0px;
    max-width:600px;
    background:none;
    position:relative;
}
#manual .theme2021 h2.acc2_header {
    padding:20px 0px 10px 15px;
    background-color:rgba(0,0,0,0);
    color:var(--arctic-blue);
    font-weight:500;
    font-size:22px;
    cursor:pointer;
    text-indent: -20px;
}
#manual .theme2021 h2.acc2_header a{
    text-decoration:none;
    color:var(--arctic-blue);
}
#manual .theme2021 h2.acc2_header:hover {
    color:var(--arctic-petrol-dark);
    
}
#manual .theme2021 h2.acc2_header:before{
    width:20px;
    height:19px;
    background-size:cover;
    display:inline-block;
    
    background-image:url('https://support.arctic.de/img/accordionsprite_30.png');
    content:' ';
    vertical-align: middle;
    background-position: 0px -40px;
    
}
#manual .theme2021 h2.ui-state-default:before {
    background-position: 0px -40px;
}
#manual .theme2021 h2.ui-state-active:before {
    background-position: 0px -60px;
}


#manual .theme2021 .acc2_content {
    max-width:600px;
    margin:0px auto;
}



#manual .theme2021 h3.acc3_header {
    padding:0px;
    max-width:600px;
    position:relative;
}
#manual .theme2021 h3.acc3_header {
    margin:0px auto;
    padding:20px 0px 10px 30px;
    background-color:rgba(0,0,0,0);
    color:#336893;
    font-weight:400;
    font-size:20px;
    text-decoration:none;
    cursor:pointer;
    text-indent: -20px;
}
#manual .theme2021 h3.acc3_header a{
    text-decoration:none;
    color:var(--arctic-blue);
}
#manual .theme2021 h3.acc3_header:hover {
    color:var(--arctic-petrol-dark);
    
}

#manual .theme2021 h3.acc3_header:before{
    width:20px;
    height:19px;
    background-size:cover;
    display:inline-block;
    background-image:url('https://support.arctic.de/img/accordionsprite_30.png');
    content:' ';
    vertical-align: middle;
    background-position: 0px -80px;
}
#manual .theme2021 h3.ui-state-default:before {
    background-position: 0px -80px;
}
#manual .theme2021 h3.ui-state-active:before {
    background-position: 0px -100px;
}


#manual .theme2021 .acc3_content {
    max-width:600px;
    margin:0px auto;
}



#manual .theme2021 .acc4_header {
    padding:10px 0px 10px 0px;
    width:600px;
    cursor:pointer;
    position:relative;
}
#manual .theme2021 h4.acc4_header {
    margin:0px auto;
    padding:20px 0px 10px 45px;
    background-color:rgba(0,0,0,0);
    color:#669BC6;
    font-weight:300;
    font-size:18px;
    text-align:left;
    cursor:pointer;
    text-indent: -20px;
}
#manual .theme2021 h4.acc4_header:hover {
    color:var(--arctic-petrol-dark);
    
}
#manual .theme2021 h4.acc4_header:before{
    width:20px;
    height:19px;
    background-size:cover;
    display:inline-block;
    background-image:url('https://support.arctic.de/img/accordionsprite_30.png');
    content:' ';
    vertical-align: middle;
    background-position: 0px -120px;
}
#manual .theme2021 h4.ui-state-default:before {
    background-position: 0px -120px;
}
#manual .theme2021 h4.ui-state-active:before {
    background-position: 0px -140px;
}


#manual .theme2021 .acc4_content {
    width:600px;
    margin:0px auto;
}



#manual .theme2021 img {
    
}
#manual .theme2021 a {
    color:var(--arctic-petrol-dark);
}


#manual .theme2021 h2 {
    background-color:var(--arctic-blue);
    font-size:24px;
    font-weight:400;
    color:#FFFFFF;
    margin:0px auto;
    padding:6px 10px;
    max-width:600px;
    background: linear-gradient(45deg, var(--arctic-blue), var(--arctic-blue) 60%, var(--arctic-petrol-dark));
    border-radius:10px;
}

#manual .theme2021 h3 {
    background-color:rgb(128, 130, 132);
    font-size:20px;
    font-weight:400;
    color:#FFFFFF;
    margin:10px auto 5px;
    padding:6px 10px;
    max-width:600px;
     border-radius:10px;
}

#manual .theme2021 h4 {
    /*background-color:#FFFFFF;*/
    font-size:18px;
    font-weight:600;
    color:var(--arctic-blue);
    margin:0px auto;
    padding:6px 5px;
    max-width:600px;
    text-align:left;
}




#manual .theme2021 p {
    margin:0px auto 20px;
    padding:5px;
    max-width:600px;
    font-size:18px;
    font-weight:400;
}


#manual .theme2021 p.annotation {
    color:#000000;
    font-size:14px;
    text-align:right;
}

#manual .theme2021 p.powershell {
    background-color:#4875B6;
	color:#FFFFFF;
    font-size:14px;
    font-family:'Courier';
	padding:10px;
	position:relative;
	margin-top:50px;
}
#manual .theme2021 p.powershell:before {
    position:absolute;
	top:-32px;
	left:0px;
	
	background-image:url('https://support.arctic.de/img/powershell-logo_32px.png');
	background-size:100%;
	
	content:' ';
	width:32px;
	height:32px;
	
	
}

#manual .theme2021 p.commandprompt {
    background-color:#000000;
	color:#FFFFFF;
    font-size:14px;
    font-family:'Courier';
	padding:10px;
	position:relative;
	margin-top:50px;
}
#manual .theme2021 p.commandprompt:before {
    position:absolute;
	top:-32px;
	left:0px;
	
	background-image:url('https://support.arctic.de/img/command-line-icon-32px.png');
	background-size:100%;
	
	content:' ';
	width:32px;
	height:32px;
	
	
}


#manual .theme2021 p.information {
    margin:20px auto;
    max-width:600px;
    padding-left:25px;
    
    
    background-image:url('https://support.arctic.de/img/information-icon-teal.svg');
    background-repeat:no-repeat;
    background-size:20px;
    background-position:0px 5px;
}



#manual .theme2021 p.disclaimer {
    font-size:12px;
    font-style: italic;
    font-weight:50;
}

#manual .theme2021 .video-container {
    width:600px;
    height:360px;
    padding:0px ;
    margin:5px auto;
}
#manual .theme2021 .video-container iframe{
    width:600px;
    height:360px;
    max-width: 100%;
    max-height: 100%;

}


#manual .theme2021 .video-container object{
    width:600px;
    height:360px;
    max-width: 100%;
    max-height: 100%;
}

#manual .theme2021 .youtube_embed {
    width:600px;
    height:360px;
    padding:0px ;
    margin:5px auto;
    position:relative;
    max-width: 90vw;
    max-height: 54vw;

}
#manual .theme2021 .tip-box .youtube_embed {
    width:auto;
    height:auto;
    aspect-ratio:10/6;
}





#manual .theme2021 .youtube_embed img{
    display:block;
    width:600px;
    height:360px;
    object-fit:cover;
    /*max-width:600px;*/
    position:absolute;
    top:0px;
    left:0px;
    max-width: 100%;
    max-height: 100%;


}
#manual .theme2021 .youtube_embed img.overlay{
    background-image:url('https://support.arctic.de/img/overlay.webp');
    background-size: contain;

}
#manual .theme2021 .youtube_embed img.overlay:hover{
    background-image:url('https://support.arctic.de/img/overlay_active.webp');
}


#manual .theme2021 .youtube_embed iframe{
    width:600px;
    height:360px;
    max-width: 100%;
    max-height: 100%;
}


#manual .theme2021 .anchor {
    margin-top:-60px;
    height:60px;

}



#manual .theme2021 .heavy-warning {
    background-color:#ffe2b7;
    /*border:2px solid #990606;*/
    max-width:600px;
    margin:20px auto;
    overflow: hidden;
    padding:10px;
    border-radius:15px;
    box-shadow:0px 0px 7px rgba(0,0,0,.36);
}
#manual .theme2021 .heavy-warning .icon {
    height:2.5em;
    margin:15px;
    width:auto;
    
    display:block;
    float:left;
    
}
#manual .theme2021 .heavy-warning h2 {
    background-color:#990606;
    color:#FFFFFF;
    padding:15px;
    text-align:center;
    font-weight:800;
    font-size:24px;
    margin:-10px -10px 0px;
    background: linear-gradient(45deg, #990606, #990606 60%, #d94d30);
     border-radius:0px;
}
#manual .theme2021 .heavy-warning h2 img {
    height:1.5em;
    margin: 0px 15px 0px 5px;
    
    display:inline-block;
    float:none;
}
#manual .theme2021 .heavy-warning p {
    color:#990606;
    font-size:18px;
    margin:5px 10px;
}
#manual .theme2021 .heavy-warning img {
    display:block;
    margin:10px auto;
}
#manual .theme2021 .heavy-warning img.img_fw {
    margin:10px auto auto auto;
    
}
#manual .theme2021 .heavy-warning ul {
    margin:5px 0px 15px;
}
#manual .theme2021 .heavy-warning li {
    color:#990606;
    font-size:18px;
    margin:5px 10px;
}
#manual .theme2021 .heavy-warning a {
    color:#990606;
    font-size:18px;
}

#manual .theme2021 .light-warning {
    background-color:#DEF0FF;
    /*border:1px solid var(--arctic-blue);*/
    max-width:600px;
    
    margin:20px auto;
    overflow: hidden;
    padding:10px;
    border-radius:15px;
    box-shadow:0px 0px 7px rgba(0,0,0,.36);
}
#manual .theme2021 .light-warning .icon {
    height:2.5em;
    margin:15px;
    width:auto;
    
    display:block;
    float:left;
    
}

#manual .theme2021 .light-warning h2 {
    background-color:var(--arctic-blue);
    color:#FFFFFF;
    padding:15px;
    text-align:center;
    font-weight:800;
    font-size:24px;
    margin:-10px -10px 0px;
     border-radius:0px;
}
#manual .theme2021 .light-warning h2 img {
    height:1.5em;
    margin: 0px 15px 0px 5px;
    
    display:inline-block;
    float:none;
}

#manual .theme2021 .light-warning p {
    color:var(--arctic-blue);
    font-size:18px;
    margin:5px 10px;
}
#manual .theme2021 .light-warning img {
    display:block;
    margin:10px auto 10px auto;
    
}
#manual .theme2021 .light-warning img.img_fw {
    margin:10px auto auto auto;
    
}
#manual .theme2021 .light-warning ul {
    margin:5px 0px 15px;
}
#manual .theme2021 .light-warning li {
    color:var(--arctic-blue);
    font-size:18px;
    margin:5px 10px;
}

#manual .theme2021 .light-warning a {
    color:var(--arctic-blue);
    font-size:18px;
}



#manual .theme2021 .contact-box {
    background-color:#FFFFFF;
    border:2px solid var(--arctic-blue);
    width:480px;
    margin:10px auto;
    color:var(--arctic-blue);
    font-size:18px;
    padding:10px;
    text-align:center;
    font-weight:600;
    
}
#manual .theme2021 .contact-box a{
    color:var(--arctic-blue);
    font-weight:800;
    cursor:pointer;
}


#manual .theme2021 .contact-box2 {
    position:relative;
    background-color:#FFFFFF;
    border:2px solid var(--arctic-blue);
    width:480px;
    margin:50px auto 20px;
    color:var(--arctic-blue);
    font-size:18px;
    padding:10px;
    text-align:center;
    font-weight:600;
    border-radius:20px;
}
#manual .theme2021 .contact-box2 a{
    color:var(--arctic-blue);
    font-weight:800;
    cursor:pointer;
}

#manual .theme2021 .contact-box2:before{
    
    content:' ';
    position:absolute;
    top:-36px;
    right:-25px;
    width:48px;
    height:60px;
    /*background-color:var(--arctic-blue);*/
    background-image:url('https://support.arctic.de/img/contact-box2-corner.png');
    background-repeat:no-repeat;
    background-size:contain;
}


#manual .theme2021 .tip-box:before{
    
    content:' ';
    position:absolute;
    top:-36px;
    right:-25px;
    width:48px;
    height:60px;
    background-image:url('https://support.arctic.de/img/png-tip-tips-39cba1.png');
    background-repeat:no-repeat;
    background-size:contain;
}
#manual .theme2021 .tip-box {
    position:relative;
    
    background-color:#FFFFFF;
    border:2px solid var(--arctic-petrol);
    width:480px;
    max-width:calc(100vw - 60px);
    margin:50px auto 20px;
    color:var(--arctic-blue);
    font-size:18px;
    padding:10px;
    text-align:center;
    border-radius:20px;
    
    
}
#manual .theme2021 .tip-box  p:last-child{
    margin-bottom:0px;
}

#manual .theme2021 .tip-box a{
    color:var(--arctic-petrol-dark);
    font-weight:800;
    cursor:pointer;
}


#manual .theme2021 .tool-box:before{
    
    content:' ';
    position:absolute;
    top:-35px;
    right:-25px;
    width:48px;
    height:60px;
    background-image:url('https://support.arctic.de/img/tool-box-003560.png');
    background-repeat:no-repeat;
    background-size:contain;
}
#manual .theme2021 .tool-box {
    position:relative;
    
    background-color:#FFFFFF;
    border:2px solid var(--arctic-blue);
    width:480px;
    max-width:calc(100vw - 60px);
    margin:50px auto 20px;
    color:var(--arctic-blue);
    font-size:18px;
    padding:10px;
    text-align:center;
    border-radius:20px;
    
    
}

#manual .theme2021 .tool-box h3{
    background: none;
    color: var(--arctic-blue);
    border-bottom: 1px solid var(--arctic-blue);
    border-radius: 0px;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
    font-weight:700;
}



#manual .theme2021 .tool-box .tool{
    text-align:left;
    padding:0px;
    margin:0px 0px 20px;
    
}
#manual .theme2021 .tool-box .tool:last-child{
    margin-bottom:0px;
}

#manual .theme2021 .tool-box .tool img{
    height:45px;
    width:45px;
    margin-right:25px;
    object-fit:contain;
    display:inline-block;
    
    
}

#manual .theme2021 .tool-box a{
    color:var(--arctic-petrol-dark);
    font-weight:800;
    cursor:pointer;
}


#manual .theme2021  a.redirect{
    display:block;
    margin:30px auto;
    width:400px;
    color:var(--arctic-petrol-dark);
    font-weight:500;
    font-size:22px;
    background-color:#FFFFFF;
    box-shadow: 0px 2px 7px rgba(0,0,0,.16);
    padding:10px;
    text-align:center;
    text-decoration:none;
    
}
#manual .theme2021  a.redirect:hover{
    
    background-color:var(--arctic-petrol);
    color:#FFFFFF;
    box-shadow: 0px 2px 7px rgba(0,0,0,.36);
    
    
}


#manual .theme2021 ul {
    max-width:600px;
    margin:0px auto;
    
    
}

#manual .theme2021 ul li{
    padding: 2px 10px;
    margin: 2px;
    text-indent: 0px;
    
    
}


#manual .theme2021 .faq {
    
    
}

#manual .theme2021 .faq .faq_entry {
    margin:10px auto 25px auto;
    padding-left:30px;
}
#manual .theme2021 .faq .faq_entry .faq_question{
    font-weight:bold;
    font-size:120%;
    color:var(--arctic-blue);
    margin:10px 0px;
}
#manual .theme2021 .faq .faq_entry .faq_answer {
    padding-left:20px;
    font-size:100%;
    color:#777777;
    margin:10px 0px;
}



#manual .theme2021 iframe{
    
    
    border:none;
    width:100%;
    height:auto;
}


#manual .theme2021 #authenticity-form {
    display:block;
    width:auto;
    max-width:1024px;
    margin:20px auto;
    
}

#manual .theme2021 #authenticity-form #inputcode {
    display: block;
    width: 530px;
    margin: 15px auto 2px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #fff;
    color: #003663;
    height: 65px;
    font-size: 20px;
    text-align: center;
    padding: 15px;
    max-width: 90vw;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#manual .theme2021 #authenticity-form #submitbtn {
    display: block;
    width: auto;
    margin: 30px auto;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #39cba1;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 15px 25px;
}



#toc {
    display:none;
    
}


.noscriptmsg {
    width:600px;
    max-width:95vw;
    text-align:center;
    padding:30px;
    border-radius:30px;
    color:#FFFFFF;
    font-size:24px;
    font-weight:bold;
    margin:30vh auto;
    background-color:rgba(0,0,0,0.7);
    line-height:30px;
    
}

.noscriptmsg img {
    margin-bottom:30px;
    max-height:150px;
}




#manual .theme2021 #tabs,
#manual .theme2021 .tabs{
    
    
    margin:10px auto;
}

#manual .theme2021 #tabs-no-border,
#manual .theme2021 .tabs-no-border{
    
    
    margin:10px auto 0px;
}



#manual .theme2021 #tabs ul.ui-tabs-nav,
#manual .theme2021 .tabs ul.ui-tabs-nav{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:left;
    
    
    list-style-type: none;
    margin: 0px auto;
    padding: 0;
    max-width:620px;
}

#manual .theme2021 .tabs ul.manual_config{
    border:2px var(--arctic-blue) solid;
    background-color:rgba(57,203,161,0.3);
    padding:5px 25px 25px;
    border-radius:25px;
}

#manual .theme2021 .tabs ul.manual_config h3 {
    color:var(--arctic-blue);
    background:none;
    width:100%;
    margin-bottom:10px;
    font-weight:bold;
}

#manual .theme2021 #tabs ul.ui-tabs-nav li,
#manual .theme2021 .tabs ul.ui-tabs-nav li{
    /*border:1px #CCCCCC solid;*/
    text-align:center;
    padding: 0px;
    margin:10px 10px;
    flex-grow:1;
    background-color:#F6F6F6;
    border:1px solid #CCCCCC;
    /*box-shadow: 0px 0px 7px rgba(0,0,0,.16);*/
}


#manual .theme2021 #tabs ul.ui-tabs-nav li:hover,
#manual .theme2021 .tabs ul.ui-tabs-nav li:hover{
    /*font-weight:bold;*/
    box-shadow: 0px 10px 12px rgba(0,0,0,.36);
    
}

#manual .theme2021 .no-pre-selected ul.ui-tabs-nav li:first-child {
    display:none;
}

#manual .theme2021 #tabs ul.ui-tabs-nav li.ui-state-active,
#manual .theme2021 .tabs ul.ui-tabs-nav li.ui-state-active {
    background-color:#FFFFFF;
    font-weight:normal;
    border:1px solid var(--arctic-petrol);
    color:var(--arctic-petrol-dark);
	/*box-shadow: 0px 0px 7px rgba(0,0,0,.36);*/
}

#manual .theme2021 #tabs ul.ui-tabs-nav li.ui-state-active a,
#manual .theme2021 .tabs ul.ui-tabs-nav li.ui-state-active a {
    color:#000000;
}
#manual .theme2021 #tabs ul.ui-tabs-nav li:hover a,
#manual .theme2021 .tabs ul.ui-tabs-nav li:hover a{
    /*color:#000000;*/
}

#manual .theme2021 #tabs ul.ui-tabs-nav li a,
#manual .theme2021 .tabs ul.ui-tabs-nav li a{
    text-decoration:none;
    padding: 10px 15px;
    display: block;
    color: #545454;
    font-size: 14px;
}


#manual .theme2021 #tabs div.ui-tabs-panel,
#manual .theme2021 .tabs div.ui-tabs-panel{
    box-shadow: 0px 0px 7px rgba(0,0,0,.36);
    padding:10px;
    margin:10px auto 20px;
    max-width:700px;
    background-color: #FFFFFF;
}

#manual .theme2021 #tabs-no-border div.ui-tabs-panel,
#manual .theme2021 .tabs-no-border div.ui-tabs-panel{
    box-shadow: none;
    padding:0px;
    margin-bottom:0px;
}


#requestform {
    
    
    
}

#requestform h2{
    display:block;
    width:100%;
    color:rgb(134,134,134);
    background-color:#FFFFFF;
    font-size: 180%;
}

#requestform h3{
    display:block;
    width:100%;
    color:rgb(134,134,134);
    background-color:#FFFFFF;
    
}

#requestform em {
    margin-right:5px;
}

#manual #requestform .success{
    border:2px solid #00AA00;
    color:#00AA00;
    padding:50px;
    margin:20px auto;
    text-align:center;
    font-size:150%;
    display:none;
    background-color:#EEFFEE;
}




#recommended {
    /*width:100%;*/
    background-color:#FFFFFF;
    padding:1px 0px 1px 200px;
    border-top:2px solid var(--arctic-blue);
    margin-top:30px;
}

#recommended .recommended_products {
    
    padding:0px 20px;
    width:100%;
    max-width:1060px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    margin:20px auto 0px;
    
    
}
#recommended .recommended_products h2{
    
    padding:10px;
    width:100%;
    max-width:100%;
    text-align:center;
    background-color:#FFFFFF;
    color:#242E38;
    color:var(--arctic-blue);
    font-size:18px;
    font-weight:bold;
    margin:0px auto 0px;
    text-transform: uppercase;
    
}
#recommended .recommended_products .products{
    align-items:stretch;
}
#recommended .recommended_products .product{
    height:auto;
    padding:0px;
    border:1px solid #D9D9D9;
    outline:none;
    /*box-shadow:#D9D9D9 0px 0px 5px;*/
}
#recommended .recommended_products .product:hover{
    
    border:1px solid var(--arctic-petrol);
    outline:1px solid var(--arctic-petrol);
    /*box-shadow:var(--arctic-petrol) 0px 0px 5px;*/
}

#recommended .recommended_products .product a{
    padding:30px;
}
#recommended .recommended_products .product img{
    height:200px;
    cursor:pointer;
}
#recommended .recommended_products .product label{
    font-size:20px;
    font-weight:bold;
    color:#868686;
    text-align:left;
    margin-top:20px;
    cursor:pointer;
}
#recommended .recommended_products .product button{
    height:40px;
    display:none;
    width:100%;
    margin:20px auto 0px auto;
    box-shadow:0px 0px 7px #CCCCCC;
    background-color:#FFFFFF;
    color:var(--arctic-petrol-dark);
    border:none;
    padding:10px;
    cursor:pointer;
    
}
#recommended .recommended_products .product button:hover{
    
    color:#FFFFFF;
    background-color:var(--arctic-petrol);
}





.separator {
    width: 70%;
    margin: 40px auto;
    
    max-width: 600px;
    background: linear-gradient(90deg, rgba(0,53,96,0.0) 0%,rgba(0, 53, 96,1) 10%,rgba(0, 53, 96,1) 90%, rgba(0,53,96,0) 100%);
    height: 2px;
}

.heavy-warning .separator {
    
    background: linear-gradient(90deg, rgba(153,6,6,0.0) 0%,rgba(153,6,6,1) 10%,rgba(153,6,6,1) 90%, rgba(153,6,6,0) 100%);
}







/*====================================== Mobile part ======================================================================*/
@media (max-width: 700px) 
{
    	
* {
 font-size: 100%;
 font-family: 'Lato';
}


html,body {
    width:100%;
    margin:auto;
    margin-top:0px;
    font-family:'Lato';
    text-size-adjust: auto;
    -moz-text-size-adjust: auto;
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
    
    font-size:1em;
    
	
}



body {
  background-color:#FFFFFF;
  
}



#header
{
  margin:0px;
  padding:0px;
  height:auto;
  min-height:2px;	
  top:0px;
  border-bottom:none;
  background:linear-gradient(180deg, var(--arctic-blue), var(--arctic-blue) 40%, #344453);
}
#headercontentwrapper{
	height:80px;
}
#headercontent
{
    margin:auto;
    position:relative;
    min-width:100px;
    max-width:1060px;
    padding:10px 10px 5px;
    height:auto;
    
}


#logo
{
  position:absolute;
  top:10px;
  left:10px;
  
  width:20%;
  height:100%;
  max-height:100px;
  min-height:20px;
  padding:0px;
  margin:0px;
  
  
}

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


#header #productname
{
  
    width:auto;

    margin:0px;
    height:25px;
    
    
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:center;
    
    font-size:16px;
    line-height:25px;

    text-decoration:none;
    
	max-width:100vw;
  
  
}

#header #productname a 
{
  
  
  text-decoration:none;
  
}


#languagedrop
{
 position:relative;
 top:auto;
 right:auto;
 clear:right;
 float:right;
 margin-top:0px;
 font-size:1.0em;
 width:auto;
 height:auto;
 padding:8px;
 text-align:right;
 color:#000000;
}
#languagedrop img
{
  height:1.2em;
  vertical-align:middle;
  margin-left:1em;
  margin-bottom:0px;
}
#languagepad
{
    min-width:300px;
    max-width:1060px;
    padding:0px 10px;
    margin:auto;
    position:relative;
	font-size:1em;
    left:0px;
   /*top:100px;*/
   clear:both;
   height:auto;
   overflow:hidden;
   margin-bottom:0px;
    display:flex;
   justify-content:space-evenly;
  align-items:center;
  flex-wrap:wrap;
   
}
#languagepad .languagechoice
{
 width:25%;
 padding:0px;
 margin:10px 0px 10px;
 text-align:center;
 line-height:1.2em;
}
#languagepad .languagechoice img
{
}
#languagepad .languagechoice a
{
  text-decoration:none;
  color:#005484;
 font-size:1em;
}
#languageswitcher {
    display:none;
    
}

#languageswitcher2 {
    display:block;
    height:25px;
    width:25px;
    background-size:25px;
    
    
}
#languagechoices {
    width: 100%;
    margin-left: 0px;
    left: 0px;
    padding-top: 50px;
    top: 0px;
    height: 100%;
    
    flex-wrap:wrap;
}
#languagechoices.flexing {
    display:flex;
    
}

#languagechoices .close {
    display:block;
    position:absolute;
    top:15px;
    right:15px;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    background-size:24px;
    background-image:url('https://support.arctic.de/img/cancel_555555_48px.png');
    cursor:pointer;
}
#languagechoices:before {
    display:none;
}

#languagechoices a {
    height:30px;
    width:50%;
    margin:0px auto 10px;
}

#languagechoices a .flag{
    height:30px;
    width:30px;
    vertical-align:middle;
    display:inline-block;
    margin-right:10px;
    margin-bottom:0px;
    background-image:url('https://support.arctic.de/img/language_switcher_large.webp');
    /*background-position:-1px -65px;*/
    background-size:32px;
    border-radius: 15px;
    border: 1px solid #E0E0E0;
}
/*
#languagechoices a .flag-de{
    background-position:-1px -131px;
}
#languagechoices a .flag-en{
    background-position:-1px -196px;
}
#languagechoices a .flag-fr{
    background-position:-1px -261px;
}
#languagechoices a .flag-es{
    background-position:-1px -326px;
}
#languagechoices a .flag-it{
    background-position:-1px -391px;
}
#languagechoices a .flag-pt{
    background-position:-1px -456px;
}
#languagechoices a .flag-ar{
    background-position:-1px -521px;
}
#languagechoices a .flag-ru{
    background-position:-1px -586px;
}
#languagechoices a .flag-cs{
    background-position:-1px -651px;
}
#languagechoices a .flag-pl{
    background-position:-1px -716px;
}
#languagechoices a .flag-tr{
    background-position:-1px -781px;
}
#languagechoices a .flag-zh{
    background-position:-1px -846px;
}
#languagechoices a .flag-ko{
    background-position:-1px -911px;
}
#languagechoices a .flag-ja{
    background-position:-1px -976px;
}
#languagechoices a .flag-nl{
    background-position:-1px -1041px;
}
#languagechoices a .flag-sv{
    background-position:-1px -1106px;
}
*/
#contentwrapper
{
padding-top:30px;
overflow:auto;
}


.productlist
{
  width:100%;
  padding:0px;
  border-bottom:2px solid #EEEEEE;
}

.productlist a
{
  display:block;
  min-width:300px;
  max-width:1010px;
  margin:auto;
  padding:1em 1em 1em 2em;
  color:#000000;
  text-decoration:none;
  font-weight:normal;
  text-align:left;
  height:2em;
  line-height:2em;
  font-size:1.2em;
}




#cscontact {
    
    

    bottom:30px;
    right:30px;


}
#cscontact a {
    padding:0px;
    width:70px;
    height:70px;
    
}
#cscontact img {
    width:70px;
    height:70px;
}




#menuwrapper
{
    width:100%;
    height:auto;
    height:3.7em;
    padding:0px;
    margin:0px;

    margin-bottom:1em;

    position:fixed;
    top:auto;
    bottom:0px;
    margin-bottom:0px;
    background-color:var(--arctic-blue);
    /*border-top:1px solid #FFFFFF;*/
    background:linear-gradient(0deg, var(--arctic-blue), var(--arctic-blue) 40%, #344453);
}

#menuwrapper.fixed {
    position:fixed;
    /*top:auto;
    bottom:0px;
    left:0px;
    margin-bottom:0px;*/

}

#menu
{
    min-width:100px;
    max-width:95vw;
    margin:auto;
    padding:0.3em 0px;
    height:auto;
    height:3.7em;
    line-height:3.7em;

    display:flex;
    justify-content:left;
    align-items:center;

    /*border-radius: 0px 0px 0px 0px;
    border-top:none;
    border-left:none;
    border-right: none;*/
    
    flex-direction:row;
    background-color:rgba(0,0,0,0);
}

#menuwrapper.fixed {
    position:fixed;
    top:auto;
    bottom:0px;
    margin-bottom:0px;
}



.documentbutton
{
  
    width:21%;
    margin:0px 0.5%;
    padding:0px;
    color:#FFFFFF;
    line-height:3em;
    text-align:center;
    height:30px;
    height:100%;
    font-size:70%;
  
  
  
  
}

.documentbutton#documentbutton_home {
    width:11%;
    margin-top:auto;
    margin-bottom:auto;
    
    
    
}




.documentbutton a
{
    color:#FFFFFF;
    font-weight:normal;
    text-decoration:none;
    margin:0px;
    display:block;
    width:100%;
    height:100%;
    font-size:0.8em;
    
    line-height:20px;

    background-repeat:no-repeat;
    background-size:20px;
    background-position:center 10px;

    padding-top: 3px;
    
    text-align:center;
    padding-left:0px;

} 
.documentbutton a:before{
        display:block;
        content:'';
        width:100%;
        height:25px;
        /*background-color:var(--arctic-petrol);*/
        background-repeat:no-repeat;
        background-position:center center;
        background-size:25px;
        vertical-align:middle;
        margin:0px auto;
        /*display:none;*/
}
.documentbutton#documentbutton_home a:before{
    
    background-image:url('https://support.arctic.de/img/ARCTIC_Support_Logo2.svg');
    background-position:center center; 
    
    padding-top:0px;
    background-size:40px 40px;
    height:40px;
    
}
.documentbutton#documentbutton_manual a{
    
}
.documentbutton#documentbutton_support a{
    
}
.documentbutton#documentbutton_docs a{
    
}
.documentbutton#documentbutton_compatibility a{
    
}
.documentbuttonmenu
{
    margin:0px 0.5%;
    padding:0px;
    color:#FFFFFF;
    line-height:1.5em;
    text-align:center;
    height:100%;
    font-size:150%;
  
}



#extramenu {
    
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    
    background-color:rgba(80,80,80,.9);
    
}
.extramenubutton{
    
    height:auto;
    width:80vw;
    font-size:100%;
    padding:5px;
    font-weight:normal;
    margin:30px auto;
    

}





#documentwrapper
{
  width:100%;
  height:auto;
  
  padding:0px;
  margin:0px;
  padding-bottom:3em; 
  padding-top: 0px;
  min-height: calc(100vh - 150px);
}

#document
{
  min-width:300px;
  max-width:1080px;
  margin:auto;
  padding:0px;
  overflow:hidden;
  width: 100%;
}
#documentcontent
{
  padding:0px;
  min-height:50px;
  
  
}

#documentcontent img
{
  max-width:100%;
  vertical-align:middle;
  height:auto;
}

#documentcontent .product a img {
    height:50%;
}

#documentcontent .category a img {
    height:100%;
}

.maingraphics
{
  width:100%;

}


#languagewarningwrapper
{
  min-width:300px;
  max-width:1080px;
  margin:auto;
  padding:0px 2em;
}

#manual #languagewarning
{
  margin:1.2em 3em;
  border:2px solid #990606;
  color:#990606;
  
  padding:1em;
  background-color:#FFE0E0;
  
  text-align:center;
  font-size:100%;
}



#manual h2
{
  background-color:#000000;
  font-size:120%;
  font-weight:bold;
  color:#FFFFFF;
  padding:3px 10px;
  margin:20px 0px 15px 0px;
  

}

#manual h3
{
  background-color:#808284;
  font-size:120%;
  font-weight:bold;
  color:#FFFFFF;
  padding:3px 10px;
  margin:20px 0px 15px 0px;
  

}


#manual p
{
  
  font-weight:normal;
  color:#000000;
  padding:2px 10px;
  margin:5px 0px 15px 0px;
  

}
#manual p img, #manual ul li img, #manual ol li img
{
  height:1.8em;
  

}

#manual .theme2021 p.powershell {
    margin:30px 10px 0px;
}
#manual .theme2021 p.commandprompt {
    margin:30px 10px 0px;
}
#manual ol, #manual ul
{

}

#manual ul li,#manual ol li
{
  
  font-weight:normal;
  color:#000000;
  padding:2px 10px;
  margin:5px 20px 15px 30px;
  text-indent:0px;

}



/* Font-sizes*/
#manual h2
{
  font-size:130%;
}
#manual h3
{
  font-size:130%;
}
#manual p
{
  
}

#faq
{
	padding:2%;
}
#faq h2 span {
	display:none;
}

#techspec
{
	transform: scale(0.5);

}

#sociallinkswrapper
{
  padding:0px;
  margin:0px 0px 3em 0px;
  width:100%;
  
  

  
}

#sociallinks
{
  margin:10px auto 10px;
  justify-content: space-evenly;
  padding:0px 20px;
 } 

#sociallinks a
{
  margin:10px;
 }


#sociallinks a img
{
  height:25px;
  
 }

#searchbar {
	
	flex-direction:column;
    width:93%;
    
}

#searchbox {
	width:100%;
    /*margin:0px;
    margin-bottom:0px;*/
    
}
#searchbox:focus {
	
	
}

#discontinued_btn {
	width:95%;
	font-size:12px;
    padding: 0px 60px 0px 10px;
    text-align:right;
    background-position: right center;
    height:40px;
    margin:0px auto;

}

#discontinued_btn.btn_on {
	
}

#discontinued_btn:focus {
	
	outline: none;
}



#legallinks
{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    max-width:600px;
    margin:0px auto;
    flex-wrap: wrap;
}

#legallinks p 
{
    max-width:600px;
    text-align:center;
    margin:5px auto;
    width:40%;
    flex-grow:1;
}
#legallinks p a
{
    color:#FFFFFF;
    text-decoration:none;
    
    
}

#sociallinks
{
  
  display:flex;
  flex-direction:row;
  justify-content:center;
  
  max-width:600px;
  padding:0px;
  margin:15px auto 25px;
  
  display:none;
  
 } 

#sociallinks a
{
  text-decoration:none;
  display:block;
  margin:10px 20px;
  
 }
 #sociallinks a img
{
  height:30px;
  width:auto;
  
 }





#footerwrapper
{
    background-color:var(--arctic-blue);

    position:relative;
    bottom:0px;
    padding:0px 0px 3.7em;
    margin:0px;
    width:100%;
    left:0px;
    z-index:89;
    
    background-image:url('https://support.arctic.de/img/Manual_Footer_5_700x302.webp');
    background-size:100vw;
    
}
#footerwrapper.productfooter
{
  padding:0px 0px 70px;
}



#footer
{

  color:#FFFFFF;
  min-width:300px;
  max-width:1060px;
  padding:2px;
  margin:10px auto 0px;
  
 text-align:center;
 font-size:0.6em;
 } 
 
 
 
 #faq h2 {
    height: auto;
    display: block;
    
    line-height: 20px;
    color: #005585;
    font-weight: bold;
    margin-top:50px;
    outline-width:0px;
    background-color:#FFFFFF;
}

#faq h2.ui-accordion-header {
 
 font-weight: normal;
 height: auto;
 line-height: 25px; 
 cursor: pointer;
 
font-weight: bold;
}
#faq h2.ui-accordion-header:focus {
   outline-width:0px;
}
#faq h2.ui-accordion-header:hover {
text-decoration: underline;
}

#faq h2.ui-accordion-header span {

font-weight:normal;
display:block;
float:right;
text-decoration:underline;
}

.ui-state-focus {
  border:none;
}


.spectable
{
border-collapse:collapse;

}

#manual .spectable, #manual .spectable td
{
border:2px solid black;
font-size:30px;
}


#manual .spectable  p
{
	margin:5px;
	
	font-size:40px;
}

/* Contact form */
.maintitle img {
    height:30px;
    width:50px;
}
.maintitle {
    font-size:2.5em;
    text-align:center;
}
.maintitlenext{
 
}
.phonecontacts {
    flex-direction:column;
    margin:0px;
}
.phonecontact {
    margin:20px;
    width:auto;
    
    
}
.phonecontact h3 {
    
}
.phonecontact p {
    
}
.phonecontact a {
    font-size:1.2em;
}
.legend
{
	font-size:1.5em;
}




div.fieldset {
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-direction: column;
	
}
div.fieldset h2{
	width:100%;
	text-align:center;
	
}

div.field {
	width:100%;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-direction: column;
	margin:2px 0px;
	
	padding:5px 10px;
}


div.field label {
	width:100%;
	padding: 2px 0px;
}

div.field .input-box {
	width:100%;
	line-height:35px;
}

div.field .input-box input
{
	width:100%;
	height:32px;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
}

div.field .input-box select
{
	width:100%;
	height:30px;
	padding:5px;
	
	text-align:center;
}

div.field .input-box textarea
{
	width:100%;
	height:250px;
	
}
div#messagefield
{
	width:100%;
	
}

div#messagefield label
{
	width:100%;
}

div#messagefield .input-box
{
	width:100%;
}







.buttons-set .required
{
	text-align:left;
	margin-left:30%;
	color:#FF0000;
	
}


.successnotice
{
	background-color:#CCFFCC;
	border:2px solid #778877;
	padding:2em;
	margin:15px 15px 20px;
	
    /*left:20vw;
    width:60vw;*/
    
}




.products {
	display:block;
	width:100%;
	
}


.product 
{
	
	width:auto;
    margin:4vw;
    height:46vw;
}

.category 
{
	
	width:auto;
    margin:4vw;
    height:46vw;
}

#docs,
#techdocs 
{
    
    margin:0px 15px;
}
#docs h1,
#techdocs h1
{
    font-size:1.5em;
    
    
}
#docs p a ,
#techdocs p a 
{
    
}
#docs a.cedoc_link:before,
#techdocs a.cedoc_link:before
{
    
}
#docs a.cedoc_link,
#techdocs a.cedoc_link
{
    
}

#docs a span,
#techdocs a span
{
   
}



.compatibility p{
    margin:10px;
    
}
.compatibility h2{
    margin:20px 10px 10px;
    
    
}
.compatibility #compatibility_visual {
    
    flex-wrap:wrap;
    
}

.compatibility form {
    margin:5px 10px;
    
}
.compatibility input[type="text"] {
    
    margin:10px auto;
    width:80%;
}

.compatibility input[type="submit"] {
    margin:10px auto;
}


.compatibility .monitorheader 
{
    
    
    
}
.compatibility .monitorheader ,
.compatibility .monitor 
{
    flex-wrap:wrap;
    
}
.compatibility .monitorheader p,
.compatibility .monitor p
{
    width:auto;
    margin:0px 0px;
    padding:0px 0px;
    font-weight:500;
}
.compatibility .monitorheader p:nth-child(1),
.compatibility .monitor p:nth-child(1)
{
    width:30%;
}
.compatibility .monitorheader p:nth-child(2),
.compatibility .monitor p:nth-child(2)
{
    width:45%;
}
.compatibility .monitorheader p:nth-child(3),
.compatibility .monitor p:nth-child(3)
{
    width:25%;
}

.compatibility .monitorheader p:nth-child(4)
{
    display:none;
}

.compatibility .monitor p:nth-child(4)
{
    padding:10px 0px 0px;
    font-weight:300;
}

#cookienotice {

    padding:20px;

    
}

/*============================================== Theme 2021 ===============================================*/


    #manual .theme2021 * {
        font-size:3.5vw;
    }
    #manual .theme2021 .img_fw {
        width:100vw;
        max-width:100%;
        /*margin-bottom:10px;*/
    }
    
    #manual .theme2021 .img_multi img {
    
        
        max-width:95%;
        margin: 10px 10px;
        
    }


    #manual .theme2021 .acc1_header {
        
        width:100vw;
       
        padding:10px 10px 10px 30px;
        font-size:1.4em;
    }
    
    #manual .theme2021 .acc1_content {
        width:100vw;
        margin:0px ;
        
    }
    #manual .theme2021 p {
        max-width:100vw;
        padding:5px 10px;
    }

    #manual .theme2021 .acc2_header {
        padding:0px;
        width:100vw;
    }
    #manual .theme2021 h2.acc2_header {
        padding:10px 10px 10px 40px;
        font-size:1.2em;
    }
    #manual .theme2021 .acc2_content {
        width:100vw;
        margin:0px 0px;
    }
    
    #manual .theme2021 .acc3_header {
        padding:0px;
        width:100vw;
    }
    #manual .theme2021 h3.acc3_header {
        padding:10px 10px 10px 50px;
        font-size:1.1em;
    }
    #manual .theme2021 .acc3_content {
        width:100vw;
        margin:0px 0px;
    }
    #manual .theme2021 .acc4_header {
        padding:0px;
        width:100vw;
    }
    #manual .theme2021 h4.acc4_header {
        padding:10px 10px 10px 60px;
        font-size:1.1em;
    }
    #manual .theme2021 .acc4_content {
        width:100vw;
        margin:0px 0px;
    }
    
    
    
    
    #manual .theme2021 .acc1_header.knowmore {
        margin:0px 0px 0px 30px;
        width:auto;
        font-size:1.0em;
    }
    #manual .theme2021 .light-warning .acc1_header.knowmore,
    #manual .theme2021 .heavy-warning .acc1_header.knowmore {
    
    }
    #manual .theme2021 .acc1_header.knowmore:hover {
    
    }
    #manual .theme2021 .acc1_header.knowmore:before{
    
    }
    #manual .theme2021 .acc1_header.knowmore.ui-state-default:before {
    
    }
    #manual .theme2021 .acc1_header.knowmore.ui-state-active:before {
    
    }

    
    
    
    
    #manual .theme2021 h2 {
        font-size:1.4em;
        margin:0px ;
        max-width:100vw;
        border-radius:0px;
    }

    #manual .theme2021 h3 {
        font-size:1.2em;
        margin:0px ;
        max-width:100vw;
        border-radius:0px;
    }
    
    
    #manual .theme2021 h4 {
        font-size:1.2em;
        margin:0px;
        max-width:100vw;
    }
    #manual .theme2021 p {
        font-size:1.0em;
        
    }
    #manual .theme2021 p.annotation {
        font-size:0.9em;
    }
    #manual .theme2021 p.disclaimer {
        font-size:0.9em;

    }
    
    #manual .theme2021 .video-container {
        width:100vw;
        padding:0px 2vw;
        
    }
    #manual .theme2021 .video-container iframe{
        width:96vw;
        height:57vw;
    }
    
    
    
    
    #manual .theme2021 .heavy-warning {
        width:95vw;
        margin:20px auto;
    }
    #manual .theme2021 .heavy-warning h2 {
        padding:3vw;
        font-size:1.4em;
        
    }
    #manual .theme2021 .heavy-warning p {
        
        font-size:1.0em;
        margin:5px 3vw;
    }
    #manual .theme2021 .heavy-warning img {
        
        
    }


    #manual .theme2021 .light-warning {
        
        width:95vw;
        margin:20px auto;
        
    }
    #manual .theme2021 .light-warning h2 {
        padding:3vw;
        font-size:1.4em;
    }
    #manual .theme2021 .light-warning p {
        font-size:1.0em;
        margin:5px 3vw;
    }
    #manual .theme2021 .light-warning img {
        
        
    }
    #manual .theme2021 .contact-box {
        width:95%;
        font-size:1.0em;
        
        
    }
    #manual .theme2021 .contact-box a{
        
    }
    
    #manual .theme2021 .contact-box2 {
        
        width:85%;
    }
    
    
    #manual .theme2021 .tip-box {
        width:95vw;
        font-size:1.0em;
        
        
    }
    #manual .theme2021 .tip-box a{
        
    }
    
    #manual .theme2021 .tool-box {
        width:95vw;
        font-size:1.0em;
        
        
    }
    #manual .theme2021 .tool-box a{
        
    }

    #manual .theme2021  a.redirect{
        width:80vw;
        font-size:1.2em;
    }
    
    #manual .theme2021 #tabs,
    #manual .theme2021 .tabs{
        
        
        margin:0px;
    }
    
    #manual .theme2021 #tabs ul.ui-tabs-nav li,
    #manual .theme2021 .tabs ul.ui-tabs-nav li{

        margin:10px;
        
        flex-grow:1;
    }
    #manual .theme2021 .tabs ul.manual_config{
        margin:10px;
    }
    #recommended {
        padding:1px 0px 1px 0px;
        border-top:2px solid var(--arctic-blue);
    }
    
    #recommended .recommended_products {
        width:auto;
    }
    
    #recommended .recommended_products .product{
        margin:20px 0px;
    }




    .trustpilot-widget {
        background-color:#CCCCCC;
        margin-bottom:40px;
    }
}

@media (min-width: 1700px) 
{
    /* show the toc only when screen is 1700px wide at least*/
    
    #toc {
        position:fixed;
        top:50px;
        right:0px;
        width:300px;
        min-height:100px;
        height:auto;
        
        background-color:#EEEEEE;
        
    }
    
}

@media (prefers-color-scheme: dark) {
    #footer {
      /*color: var(--arctic-petrol-light);*/
    }
}
