@charset "UTF-8";
/*
Theme Name: onlinebrandambassadors
Theme URI: https://www.onlinebrandambassadors.com
Author: onlinebrandambassadors
Author URI: http://onlinebrandambassadors.com
Version: 1.0
License: GNU General Public License
*/


/* FONTS */
/* header.php @import url("https://use.typekit.net/bja3ekw.css"); 400, 700 */
@import url('https://use.fontawesome.com/releases/v5.6.1/css/all.css');



/* BOOTSTRAP */
/* 1rem = 16px */
@root, html { interpolate-size: allow-keywords; }
html { scroll-behavior: smooth; overflow-y: scroll; box-sizing: border-box; }
header, nav, main, footer, aside, article, section, h1, h2, h3, h4, h5, h6, p, strong, em, address, blockquote, figure, ul, ol, button, label, fieldset, legend {}
:root { 
--colorwhite: 255, 255, 255; 
--colorblack: 70, 70, 70;
--color01: 80, 158, 47; /* green */
--color02: 76, 79, 84; /* grey */
--color03: 106, 123, 112; /* green variation dark */
--color04: 222, 246, 75;	/* green highlight */
--color05: 148, 130, 118;	/* brown */	
--color06: 110, 157, 102;	/* green variation light */		
--radius01: 8px;	
--fontbasesize: 1.1rem;	
--mobifontbasesize: 1.1rem;		
}


/* A */
a,a:link, a:visited { text-decoration: none; transition: all 1s ease; color:rgba(66,70,79,1); }
a:hover, a:active { color:rgba(66,70,79,0.75); text-decoration: none; }

.accordionWrap {}	
.accordionButton { cursor: pointer; width: 90%; padding:25px 5% 25px 5%; border: none; text-align: left;   outline: none; transition: 0.4s; display:block; font-size:calc(22px + 1vw); text-transform:uppercase; border-bottom:solid 1px rgba(255,255,255,1); }
.accordionButtonactive, .accordionButton:hover { background-color:rgba(65,182,73,1); color: rgba(255,255,255,1); }	
.accordionButtonactive:after { display: block; content: ""; border-color: rgba(65,182,73,1) transparent transparent transparent; border-style: solid; border-width: 30px; height:0; width:0; margin:0 auto -70px auto; position:relative; z-index:10; }.accordionContent { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; }

.alignleft { text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .alignjustifycenter { text-align: justify; text-align-last: center; }
.aligntop {vertical-align:top;} .alignmiddle { vertical-align:middle; align-items: center; } .alignmiddleflex {vertical-align:middle;display: flex;justify-content: center;align-items: center;} .alignbottom {vertical-align:bottom;}


.alignleft .size-medium { float:left; padding:0; margin:0 16px 16px auto; } /* LEFT ALIGN IMAGE */
.alignright .size-medium { float:right; padding:0; margin:0 0 16px 16px; } /* RIGHT ALIGN IMAGE */

.animatebottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s }
@-webkit-keyframes animatebottom { from { bottom:-150px; opacity:0 } to { bottom:0; top:0; opacity:1 } }
@keyframes animatebottom {  from{ bottom:-150px; opacity:0 } to { bottom:0; opacity:1 } }

.animatetop { position: absolute; -webkit-animation-name: animatetop; -webkit-animation-duration: 1s; animation-name: animatetop; animation-duration: 1s }
@-webkit-keyframes animatetop { from { top:0; opacity:0 } to { top:300px; opacity:1 } }
@keyframes animatetop { from { top:0; opacity:0 } to { top:300px; opacity:1 } }


/* B */
.background09 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/background09.jpg'); }
.background11 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/background11.jpg'); }
.background13 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/background13.jpg'); }
.background17 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/background17.jpg'); }
.background19 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/background19.jpg'); }
.background21 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/background21.jpg'); }
.background1851 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/seeds/background1851.jpg'); }
.background02 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/background02.jpg'); }
.background03 { background-size:cover; background-position: center center; background-repeat: no-repeat; background-image: url('_img/background03.jpg'); }


#banner01, #banner02 { display:block; position:relative; z-index:3; vertical-align: middle; width:100%; min-width:100%; max-width:100%; height:auto; margin:0 auto 0 auto; padding:15vh 0 0 0; text-align:center; border:none; flex;justify-content: center; align-items: center; background-attachment: fixed;}

.banner01 { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; }

#banner02 img { display:block; width:100%; min-width:100%; max-width:100%; height: auto; min-height:auto; max-height:auto; padding:0; margin:0 auto 0 auto;}
.banner02spacer { display:block; width:100%; height:200px; }

#banner03 { display:block; position:relative; z-index:0; width:100%; min-width:100%; max-width:100%;height:auto;  background:#fff; padding:0; margin:0 auto 0 auto; background-repeat: no-repeat; background-position: center center; background-size:cover; position:relative; z-index:0; border:none; vertical-align:middle;text-align:center;display: flex;justify-content: center;align-items: center; }
.banner03text { padding:8% 0 5% 0; color: rgba(255,255,255,1); vertical-align:middle; font-size:calc(16px + 1vw); font-weight:800; line-height:100%; }

#banner04 { display:block; width:100%; min-width:100%; max-width:100%; height: 8vh; min-height:100px; max-height:8vh;  }

/* BENTO */
.bentowrap01 { max-width: 1500px; padding:2rem 5vw 2rem 5vw; margin:0 auto 0 auto; }
.bento12 { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(1px, auto); gap: 1rem; padding:2.5rem; }
.bento01item { position: relative; display: flex;  flex-direction: column;  justify-content: flex-start; border-radius: var(--radius01); height: 100%; position: relative; }

.span-1 { grid-column: span 1; } .span-2 { grid-column: span 2; } .span-3 { grid-column: span 3; } .span-4 { grid-column: span 4; } .span-5 { grid-column: span 5; } .span-6 { grid-column: span 6; } .span-7 { grid-column: span 7; } .span-8 { grid-column: span 8; } .span-9 { grid-column: span 9; } .span-10 { grid-column: span 10; } .span-11 { grid-column: span 11; } .span-12 { grid-column: span 12; } .row-1 { grid-row: span 1; } .row-2 { grid-row: span 2; } .row-3 { grid-row: span 3; } .row-4 { grid-row: span 4; } .row-5 { grid-row: span 5; } .row-6 { grid-row: span 6; } .row-7 { grid-row: span 7; } .row-8 { grid-row: span 8; } .row-9 { grid-row: span 9; } .row-10 { grid-row: span 10; } .row-11 { grid-row: span 11; } .row-12 { grid-row: span 12; }

body { display:block; padding:0;margin:0 auto 0 auto; text-align:center; width:100%;height:100%; color:rgba(0,0,0,1);  }

.border01 { border-radius: 8px 8px 0 0; }
.borderlight01 { border:solid 1px rgba(255,255,255,1); }
.borderlightleft01 { border-left: solid 1px rgba(255,255,255,1); }
.borderlightright01 { border-right: solid 1px rgba(255,255,255,0.5); }
.borderlightbottom01 { border-left: solid 1px rgba(255,255,255,1); }
.borderlighttop01 { border-left: solid 1px rgba(255,255,255,1); }
.borderdark01 { border:solid 1px rgba(0,0,0,1); }
.borderdarkleft01 { border-left: solid 1px rgba(0,0,0,1); }
.borderdarkright01 { border-right: solid 1px rgba(0,0,0,1); }
.borderdarkbottom01 { border-left: solid 1px rgba(0,0,0,1); }
.borderdarktop01 { border-left: solid 1px rgba(0,0,0,1); }
.borderright01 { border-right: solid 1px #ccc; padding-right:9px; }

#box01, .box01 { display:block; padding: 2vw; margin:2.5vw auto 2.5vw auto; background-color: rgba(66,70,79,0.1); border-radius:0; } /* BG COLOR */
#box02, .box02 { display:block; padding: 2vw; margin:2.5vw auto 2.5vw auto; border:solid 2px rgba(0,0,0,1); border-radius:16px; } /* FRAME */
.box03wrap { display:block; width:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; border-radius:100%; z-index:1; }
.box03 { position: relative; width: 100%;margin:0 auto 0 auto;}
.box03:before { content: ""; display: block; padding-top: 100%;}
.box03content { position: absolute; z-index:2; top: 0; left: 0; right: 0; bottom: 0; background-repeat:no-repeat; background-size:100% auto; background-position: center center; border:none; border-radius:100%; }
.box04wrap { display:block; width:100%; min-width:100%; max-width:100%; height:auto; min-height:auto; max-height:auto; padding:0; margin:0 auto 0 auto; border-radius:0; z-index:1; }
.box04 { position: relative; width: 100%; margin:0 auto 0 auto;}
.box04:before { content: ""; display: block; padding-top: 100%;}
.box04content01 { position: absolute; z-index:2; top: 0; left: 0; right: 0; bottom: 0; background-repeat:no-repeat; background-size:auto 100%; background-position: center center; border:none; border-radius:0; }
.box04content02 { position: absolute; z-index:2; top: 0; left: 0; right: 0; bottom: 0; background-repeat:no-repeat; background-size:150% auto; background-position: center center; border:none; border-radius:0; }
.box04CentredContent { padding:25% 10% 10% 10%; text-align:center; vertical-align:middle; }

#box05, .box05 { padding:1vw; margin:0 auto 1vw auto; box-shadow: 0 0 11px 11px rgba(0,0,0,0.1); }


.boxShadow { box-shadow: 0 0 5px 5px rgba(135,136,138,0.5); } /* x,y,blur,spread */
br, .br { display:block; padding:10px; }


button, .button, .button01 { color: rgba(255,255,255,1); border:solid 2px rgba(255,255,255,1); border-radius:50px; padding:15px 1vw 15px 1vw; margin:1vw auto 1vw auto; text-align:center; transition: all .3s ease; cursor:pointer; box-shadow: none; text-shadow: text-decoration:none; text-decoration-line:none; }
.button01 a, .button01 a:link, .button01 a:visited, .button01 a:hover, .button01 a:active, a .button01, a:link .button01, a:visited .button01, a:hover .button01, a:active .button01, a .displayinlineblock, a:link .displayinlineblock, a:visited .displayinlineblock, a:hover .displayinlineblock, a:active .displayinlineblock { color: rgba(255,255,255,1); text-decoration:none; text-decoration-line:none; }
button:hover, .button:hover, .button01:hover { color: rgba(255,255,255,1); border:solid 2px rgba(6255,255,255,1); cursor:pointer; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); text-shadow: transparent; transform: scale(1.02);z-index:999; text-decoration:none; text-decoration-line:none;}



.button02 { color: rgba(65,182,73,1); background-color: rgba(255,255,255,0.5); border:solid 1px rgba(65,182,73,1); border-radius:50px; padding:9px 1vw 9px 1vw; margin:0 auto 9px auto; text-align:center; transition: all .3s ease; box-shadow: none; text-shadow: transparent; text-decoration:none; text-decoration-line:none; }
.button02 a, .button02 a:link, .button02 a:visited, .button02 a:hover, .button02 a:active { color: rgba(65,182,73,1); text-decoration:none; text-decoration-line:none; }
.button02:hover { color:rgba(255,255,255,1); cursor:pointer; background-color: rgba(65,182,73,0.8); }

.button03 { color: rgba(255,255,255,1); background-color: rgba(65,182,73,1); border:solid 1px rgba(65,182,73,1); border-radius:50px; padding:9px 1vw 9px 1vw; margin:0 auto 9px auto; text-align:center; transition: all .3s ease; box-shadow: none; text-shadow: transparent; text-decoration:none; text-decoration-line:none; }
.button03 a, .button03 a:link, .button03 a:visited, .button03 a:hover, .button03 a:active { color: rgba(255,255,255,1); text-decoration:none; text-decoration-line:none; font-weight:400; }
.button03:hover { cursor:pointer; background-color: rgba(65,182,73,0.8); }

.button04 { color: rgba(255,255,255,1); background-color: rgba(255,255,255,0.5); border:solid 1px rgba(255,255,255,1); border-radius:50px; padding:9px 1vw 9px 1vw; margin:0 auto 9px auto; text-align:center; transition: all .3s ease; box-shadow: none; text-shadow: transparent; text-decoration:none; text-decoration-line:none; }
.button04 a, .button04 a:link, .button04 a:visited, .button04 a:hover, .button04 a:active { color: rgba(65,182,73,1); text-decoration:none; text-decoration-line:none; }
.button04:hover { color:rgba(255,255,255,1); cursor:pointer; background-color: rgba(65,182,73,0.8); }

.button05 { display:inline-block; color: rgba(255,255,255,1); background-color: rgba(65,182,73,1); border:solid 1px rgba(255,255,255,1); border-radius:0; padding:3px 1vw 3px 1vw; margin:0 auto 9px auto; text-align:center; transition: all .3s ease; box-shadow: none; text-shadow: transparent; text-decoration:none; text-decoration-line:none; }
.button05 a, .button04 a:link, .button04 a:visited, .button04 a:hover, .button05 a:active { color: rgba(65,182,73,0.8); text-decoration:none; text-decoration-line:none; }
.button05:hover { color:rgba(255,255,255,1); cursor:pointer; background-color: rgba(65,182,73,0.8); }

.buttonIntelekt { display:block; width:100%; min-width:100%; max-width:100%; height:auto; }

#button02Nav { display:block; position:relative; z-index:3; width:90%; max-width:1500px; height:auto; padding:0; margin:0 auto 0 auto; }
.button02Nav { padding:0; margin:0 auto 0 auto; }
.button02Nav img { width:80%; max-width:75px; padding: 0 10% 5px 10%; margin:0 auto 0 auto;}


/* C */
.circlewrap01 { width:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; border-radius:100%; background:#fff; z-index:11; }
.circlebox01 { position: relative; width: 100%;margin:0 auto 0 auto;}
.circlebox01:before { content: ""; display: block;padding-top: 100%;}
.circlecontent01 { position: absolute; z-index:2; top: 0; left: 0; right: 0; bottom: 0; background: #fff; background-repeat:no-repeat; background-size:75% auto; background-position: center center; border:none; border-radius:100%; }

.colorWhite { color:rgba(255,255,255,1);}
.colorWhite a, .colorWhite a:link, .colorWhite a:visited, .colorWhite a:hover, .colorWhite a:active { color:rgba(255,255,255,1);}
.colorWhitebg { background-color:rgba(255,255,255,1); }
.colorWhitebg50 { background-color:rgba(255,255,255,0.5); }
.colorBlack { color:rgba(0,0,0,1);}
.colorBlackbg { background-color:rgba(0,0,0,1); }
.colorBlackbg25 { background-color:rgba(0,0,0,0.25); }
.colorBlackbg50 { background-color:rgba(0,0,0,0.5); }
.colorBlackbg75 { background-color:rgba(0,0,0,0.75); }
.colorBrand01 { color:rgba(65,182,73,1);}
.colorBrand01bg { background-color:rgba(65,182,73,1); }
.colorBrand01bg50 { background-color:rgba(65,182,73,0.5); }
.colorBrand01bg75 { background-color:rgba(65,182,73,0.75); }
.colorBrand02 { color:rgba(66,70,79,1);}
.colorBrand02-50 { color:rgba(66,70,79,0.5);}
.colorBrand02bg { background-color:rgba(66,70,79,1); }
.colorBrand02bg10 { background-color:rgba(66,70,79,0.1); }
.colorBrand02bg50 { background-color:rgba(66,70,79,0.5); }
.colorBrand02bg75 { background-color:rgba(66,70,79,0.75); }
.colorBrand03 { color:rgba(80,152,133,1);}
.colorBrand03bg { background-color:rgba(80,152,133,1); }
.colorBrand03bg10 { background-color:rgba(80,152,133,0.1); }
.colorBrand03bg50 { background-color:rgba(80,152,133,0.5); }
.colorBrand03bg75 { background-color:rgba(80,152,133,0.75); }
.colorBrand04bg { background-color:rgba(25,105,65,1); }
.colorBrand04bg75 { background-color:rgba(25,105,65,0.75); }
.colorBrand05 { color:rgba(2,147,159,1);}
.colorBrand05bg { background-color:rgba(2,147,159,1); }
.colorBrand06 { color:rgba(246,163,20,1);} /* ORANGE */
.colorBrand06bg { background-color:rgba(246,163,20,1); }

.colorblack { color: rgba(var(--colorblack), 1); }
.colorblackbg { background-color: rgba(var(--colorblack), 1); }
.colorwhite { color: rgba(var(--colorwhite), 1); }
.colorwhitebg { background-color: rgba(var(--colorwhite), 1); }
.colorwhitebg50 { background-color: rgba(var(--colorwhite), 0.7); }
.colorwhitebrdr { border: solid 2px rgba(var(--colorwhite), 1); }
.color01 {  color: rgba(var(--color01), 1);}
.color01bg { background-color: rgba(var(--color01), 1); color: rgba(var(--colorwhite), 1);  }
.color01brdr { border: solid 1px; border-color: rgba(var(--color01), 1); }
.color01bg25 { background-color: rgba(var(--color01), 0.25); }
.color02 { color: rgba(var(--color02), 1); }
.color02bg { background-color: rgba(var(--color02), 1); }
.color02brdr { border: solid 1px; border-color: rgba(var(--color02), 1); }
.color02bg25 { background-color: rgba(var(--color02), 0.05); }
.color02bg50 { background-color: rgba(var(--color02), 0.1); }
.color03 { color: rgba(var(--color03), 1); }
.color03bg { background-color: rgba(var(--color03), 1); }
.color03brdr { border: solid 1px; border-color: rgba(var(--color03), 1); }
.color03bg25 { background-color: rgba(var(--color03), 0.25); }
.color04 { color: rgba(var(--color04), 1); }
.color05 { color: rgba(var(--color05), 1); }
.color05bg { background-color: rgba(var(--color05), 1); }
.color05brdr { border: solid 1px; border-color: rgba(var(--color05), 1); }
.color05bg25 { background-color: rgba(var(--color05), 0.25); }
.color06 { color: rgba(var(--color06), 1); }
.color06bg { background-color: rgba(var(--color06), 1); }
.color06brdr { border: solid 1px; border-color: rgba(var(--color06), 1); }
.color06bg25 { background-color: rgba(var(--color06), 0.25); }



#column01 ul { display:block;width:100%;min-width:100%;max-width:100%;height:auto;list-style:none; padding:0; margin:0; }
#column01 { display:block; width:100%; min-width:100%; max-width:100%; height:auto; list-style:none; padding:0; margin:0 auto 0 auto; }
#column01 li { list-style:none; display:inline-block; }
/* see #column01 .two etc at end of CSS*/

#content01 { display:block; position:relative; z-index:2; width:100%; max-width:100%; height:auto; padding:0 0 0 0; margin:0 auto 0 auto;}

.content01 { display:block; position:relative; z-index:1; width:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; border: none; border-radius:0; box-shadow: 0 0 0 0 rgba(0,0,0,0); }
.content02 { display:block; width:90%; max-width:1500px; height:auto; padding:0; margin:0 auto 0 auto; }
.content03 { display:block; width:90%; max-width:1500px; height:auto; padding:0 5% 0 5%; margin:0 auto 0 auto; }
.content04 { display:block; width:90%; max-width:1500px; height:auto; padding:8% 5% 50px 5%; margin:0 auto 0 auto;}


#cookie-law-info-bar { box-shadow: 0 0 5px 5px rgba(146,170,149,0.5);opacity:0.9; } .cli-bar-container { padding:2% 5% 2% 5%; font-size:16px;line-height:25px; } .cli-style-v2 {} .cli-bar-message {} .cli-bar-btn_container {} .cli-bar-btn_container a { border-radius:8px;margin:0 1% 1% 0; } .cli-modal-dialog { border-radius:8px; } .cli-modal-content { padding:10%; } .cli-bar-popup {} .cli-modal-footer {} .wt-cli-element {} .cli-container-fluid {} .cli-tab-container {} .cli-row {} .cli-align-items-stretch {} .cli-tab-footer {}  .wt-cli-privacy-overview-actions {} #wt-cli-privacy-save-btn { background:#a2553b;background-color:#a2553b;border-radius:8px; }  .wt-cli-privacy-btn {} .cli_setting_save_button {} .wt-cli-privacy-accept-btn {} .cli-btn {} .wt-cli-ckyes-brand-logo { display:none; } .medium {} .cli-plugin-button {}  .cli-plugin-main-button {} .cli_settings_button { }

/* D */
.displayblock { display:block; text-decoration:none; }
.displayinlineblock { display:inline-block; text-decoration:none;  }
.displayinline { display:inline; text-decoration:none;  }

.dropbtn { border: none; cursor: pointer;}
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; z-index: 5; min-width:40vw; max-width:40vw; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); padding:3vh 2vw 3vh 2vw; margin:-1% auto 0 auto; border-radius:8px; background-color:rgba(255,255,255,0.99); }
.dropdown-content a { text-decoration: none; display:inline-block; padding:1vh 1vw 1vh 1vw; margin:0 1vw 1.5vh auto; background-color: rgba(66,70,79,0.1); border-radius:8px; }
.dropdown-content a:hover { }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { }

.dropdown02 { position: relative; z-index:99; display: inline-block; }
.dropdown02-content { display: none; position: absolute; z-index: 99; left:-10vw; min-width:85vw; max-width:85vw; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); padding:3vh 2vw 3vh 2vw; margin:-1% auto 0 auto; border-radius:8px; background-color:rgba(255,255,255,0.9); }
.dropdown02-content a { text-decoration: none; display:inline-block; padding:1vh 1vw 1vh 1vw; margin:0 1vw 1.5vh auto; background-color: rgba(66,70,79,0.1); border-radius:8px; }
.dropdown02-content a:hover { }
.dropdown02:hover .dropdown02-content { display: block; position: absolute; z-index:99; top:-111px; }
.dropdown02:hover .dropbtn { }

/* E */
em { font-style:italic; }

/* F */
.floatleft01 { float:left; margin:0 5% 16px 0; }
.font01 { font-family: futura-pt, sans-serif; font-size:calc(16px + 0.1vw); line-height:120%; font-weight:400;}
.font02 { font-family: futura-pt, sans-serif; font-size: clamp(15px, 1vw, 18px); line-height:110%; font-weight:400;} /* RESPONSIVE */
.font03 { font-family: futura-pt, sans-serif; font-size: clamp(13px, 1vw, 15px); line-height:110%; font-weight:400;} /* SMALLER */
.fontFlex01 { font-family: futura-pt, sans-serif; font-size:1vw; line-height:100%; font-weight:400;}

.fontsize05 { font-size: calc(var(--fontbasesize)*1); letter-spacing:-0.03rem; line-height:1.5; font-weight:400; }
.fontsize1 { font-size: calc(var(--fontbasesize)*1); line-height:1.5; font-weight:400; }
.fontsize01flex { font-size: clamp(0.4rem + 0.5vw, 0.4rem + 0.5vw, 0.4rem + 0.5vw); line-height:1; font-weight:400; }

#footer01 ul { display:block;width:100%;min-width:100%;max-width:100%;height:auto;list-style:none;padding:0;margin:0; }
#footer01 { display:block;width:100%;min-width:100%;max-width:100%;height:auto;list-style:none;padding:0;margin:0 auto 0 auto; }
#footer01 li { list-style:none; display:inline-block; padding:0 3px 0 3px; margin:0 auto 0 auto; }
#footer01 a, #footer01 a:link, #footer01 a:visited, #footer01 a:hover, #footer01 a:active { color: rgba(255,255,255,1); }
.frame01 { padding:5px; border: solid 1px rgba(65,182,73,1); }


/* G */
.gradient01 { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); }

/* https://css-tricks.com/snippets/css/complete-guide-grid/ */

#grid01 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; font-size: 0; } /* font-size:0 remove space between inline-block https://css-tricks.com/fighting-the-space-between-inline-block-elements/ */
#grid01 .one { display:block; width:100%; min-width:100%; max-width:100%; }
#grid01 .two { display:inline-block; width:50%; }
#grid01 .three { display:inline-block; width:33.3%;  }
#grid01 .three-two { display:inline-block; width:66.6%;  }
#grid01 .four { display:inline-block; width:25%; }
#grid01 .four-two { display:inline-block; width:50%;  }
#grid01 .four-three { display:inline-block; width:75%;  }
#grid01 .five { display:inline-block; width:20%; }
#grid01 .five-two { display:inline-block; width:40%;  }
#grid01 .five-three { display:inline-block; width:60%;  }
#grid01 .five-four { display:inline-block; width:80%;  }
#grid01 .six { display:inline-block; width:16.6%; }
#grid01 .six-five { display:inline-block; width:83.3%; }
#grid01 .seven { display:inline-block; width:14.2%; }
#grid01 .eight { display:inline-block; width:12.2%; }
#grid01 .nine { display:inline-block; width:10.2%; }

#grid02 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; font-size: 0; } /* keep in mobi */
#grid02 .one { display:block; width:100%; min-width:100%; max-width:100%; }
#grid02 .two { display:inline-block; width:50%; margin:0; padding:0; }
#grid02 .three { display:inline-block; width:33.3%; margin:0; padding:0;  }
#grid02 .three-two { display:inline-block; width:66.6%; margin:0; padding:0;  }
#grid02 .four { display:inline-block; width:25%; margin:0; padding:0; }
#grid02 .four-two { display:inline-block; width:50%; margin:0; padding:0;  }
#grid02 .four-three { display:inline-block; width:75%; margin:0; padding:0;  }
#grid02 .five { display:inline-block; width:20%; margin:0; padding:0;  }
#grid02 .five-two { display:inline-block; width:40%; margin:0; padding:0;  }
#grid02 .five-three { display:inline-block; width:60%; margin:0; padding:0;  }
#grid02 .five-four { display:inline-block; width:80%; margin:0; padding:0;  }
#grid02 .six { display:inline-block; width:16.6%; margin:0; padding:0; }
#grid02 .seven { display:inline-block; width:14.2%; margin:0; padding:0; }
#grid02 .eight { display:inline-block; width:12.2%; margin:0; padding:0; }
#grid02 .nine { display:inline-block; width:10.2%; margin:0; padding:0; }

/* H */
#header01 { display:block; position:fixed; z-index:5; width:100%; height:auto; padding:0; margin:0 auto 0 auto; }
#header02 { display:block; position:relative; z-index:5; width:100%; height:auto; margin:0 auto 0 auto; border-top:solid 5px rgba(66,70,79,1); border-bottom:solid 5px rgba(65,182,73,1); }

.height01 { height: 50vh; overflow:hidden;  }
.height02 { height: 50vh; overflow:hidden; overflow-y: scroll; }

h1 { display:block; font-size:calc(16px + 1vw); font-weight:800; line-height:100%; color: rgba(65,182,73); padding:0; margin: 0 auto 0 auto;  }

.hero { font-size:calc(10px + 1vw); line-height:120%; letter-spacing:0.2vw; font-weight:400; padding: 16px 0 16px 1%; margin:0 auto 0 auto; position:relative; z-index:1;  }
.heroX { display:block; font-size:calc(16px + 1.3vw); line-height:100%; letter-spacing:1vw; font-weight:400; }
.hero01 { display:block; position:relative; z-index:1; }
.hero09 { display:block; background-image: url("_img/hero09.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; z-index:1; }
.hero11 { display:block; padding-top:42px; padding-bottom:42px; position:relative; z-index:1; }
.hero13 { display:block; padding-top:42px; padding-bottom:42px; position:relative; z-index:1; }
.hero38 { font-size:calc(22px + 1vw); position:relative; z-index:1; }


h2 { display:block; font-size:calc(16px + 0.5vw); line-height:100%; font-weight:600; padding:0; margin: 0 auto 0 auto; }
h3 { display:block; font-size:calc(16px + 0.3vw); line-height:155%; font-weight:500; padding:0; margin:0 auto 0 auto; }
h4 { display:block; font-size:calc(8px + 0.2vw); text-transform:uppercase; line-height:100%; padding:0; margin:0 auto 0 auto; letter-spacing:0.05vw; }
.h4 { display:inline; font-size:calc(8px + 0.2vw); text-transform:uppercase; line-height:100%; padding:0; margin:0 auto 0 auto; letter-spacing:0.05vw; font-weight:400; }
h5 { display:inline-block; font-size:calc(16px + 0.2vw); line-height:100%; margin:-50px auto 0 auto; border-radius:8px 8px 0 0; } /* FIELDSET */
h11 { display: block; font-size:calc(15px + 0.1vw); padding: 5px 0 5px 0; text-transform:uppercase; border-bottom: solid 2px rgba(65,182,73,1); color:rgba(65,182,73,1); font-weight:600; border-radius:0; }
h15 { display:inline-block; font-weight: 600; color: rgba(66,70,79,1); margin:0 auto 0 auto; padding:2vh 2vw 2vh 2vw; background-color:rgba(255,255,255,1); position:relative; z-index:1; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); text-align:center; }
h15:after { display: block; content: ""; border-color: rgba(255,255,255,1) transparent transparent transparent; border-style: solid; border-width: 30px; height:0; width:0; margin:0 auto -60px auto; position:relative; z-index:10; }

.hover01 { }
.hover01:hover { transform: scale(1.1); position:relative; z-index:5; box-shadow: 0 0 9px 9px rgba(0,0,0,0.1); transition: all 1s ease; background-color:rgba(255,255,255,1); } /* SCALE, SHADOW, BACKGROUND-COLOR */
.hover02 { }
.hover02:hover { transform: scale(1.1); position:relative; z-index:5; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); transition: all 1s ease; } /* SCALE */

html { scroll-behavior: smooth; }

/* I */
.icon01wrap { display:block; width:50%; min-width:50%; max-width:50%; height:auto; padding:0; margin:0 auto 0 auto; border-radius:100%; z-index:1; }
.icon01box { position: relative; width: 33%;margin:0 auto 0 auto; border-radius:100%; }
.icon01box:before { content: ""; display: block; padding-top: 100%;}
.icon01content { position: absolute; z-index:2; top: 0; left: 0; right: 0; bottom: 0; background-repeat:no-repeat; background-size:70% auto; background-position: center center; border:none; border-radius:100%; }

.icon02 { display:inline-block; width:30px; height:21px; padding:9px 0 0 0; margin:0 auto 0 0.5vw; font-size:1vw; line-height:100%; vertical-align:middle; text-align:center; background-color: rgba(65,182,73,1); border-radius: 100%; color:rgba(255,255,255,1); }
.icon03 { display:inline-block; width:30px; height:20px; padding:10px 0 0 0; font-size:10px; line-height:100%; background-color: rgba(66,70,79,0.1); border-radius: 100%; margin:-0.75vh 0.25vw 0 auto; color:rgba(66,70,79,1); text-align:center; vertical-align:middle; align-items: center; }

.iframe01 { width:96%; height:33vh; border:none; padding:2%; margin:0 auto 0 auto; background-color:rgba(255,255,255,1); border:solid 2px rgba(65,182,73,1); border-radius:8px;}
.iframe02 { width:100%;height:50vh; border:none; padding:0; margin:0 auto 0 auto; background-color:rgba(65,182,73,1); border:none; border-radius:8px;}

.image01img { width: 100%; min-width:100%; max-width: 100%; height:auto; min-height:auto; max-height: auto; margin: 0 auto 0 auto; padding:0;  }
.image01img25 { width: 25%; min-width:25%; max-width: 25%; height:auto; min-height:auto; max-height: auto; margin: 0 auto 0 auto; padding:0;  }
.image01img50 { width: 50%; min-width:50%; max-width: 50%; height:auto; min-height:auto; max-height: auto; margin: 0 auto 0 auto; padding:0;  }
.image01img75 { width: 75%; min-width:75%; max-width: 75%; height:auto; min-height:auto; max-height: auto; margin: 0 auto 0 auto; padding:0;  }
.image01div { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:22vw; background-repeat: no-repeat; background-position: center center; background-size:cover; }
.image01div33 { width: 33%; min-width:33%; max-width: 33%; height:22vw; background-repeat: no-repeat; background-position: center center; background-size:cover; }
.image01inline { display:inline; width: auto; height:2vw; margin: 0 auto 0 auto; padding:0; }
.image02div { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:25vw; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:#efefef; }
.image01agent { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:15vw; min-height:15vw; max-height: 15vw; background-repeat: no-repeat; background-position: center center; background-size:cover; }

.imagefeatured01 { width: 100%; min-width:100%; max-width: 100%; height:auto; min-height:auto; max-height: auto; margin: 0 auto 16px auto; padding:0; }
.img140 { width: 100%; min-width:100%; max-width: 100%; height:auto; min-height:auto; max-height: auto; margin: 0 auto -75px auto; padding:0; position:relative; z-index:3; }

/* J */
#juicer01 {} #juicer01 ul {} #juicer01 li { border:none;padding:0 5% 5% 5%; } #juicer01 ul .juicer-feed { border:none; } #juicer01 h1 { display:none; } #juicer01 .referral { display:none; } #juicer01 img { border-radius:11px; }

/* L */
.link01, .link01:link, .link01:visited { text-decoration:underline; opacity:0.8; }
.link01:hover, .link01:active { text-decoration:none; }

#list01 ul, #list01 ol  { display:block; height:auto; list-style:none; }
#list01 { display:block; height:auto; list-style:none; margin:0 auto 5vh auto; }
#list01 li { border-bottom: solid 1px rgba(66,70,79,0.5); padding:1vh 0 1vh 0; }

#list02 ul, #list01 ol  { display:block; height:auto; list-style:none; }
#list02 { display:inline-block; height:auto; list-style:none; }
#list02 li { border-bottom: solid 1px rgba(66,70,79,0.5); border-right:solid 1px rgba(66,70,79,0.5); padding:1vh 1vw 1vh 1vw; }

/* list : bullets 1 line */
#listbullets01 ul, #listbullets01 ol  { display:block;  padding:0; margin:0 auto 0 auto; }
#listbullets01 { display:block;  padding:0; margin:0 auto 9px auto;}
#listbullets01 li { display:block; padding:0; margin: 0 auto 8px auto; }
#listbullets01 li::before {content: "•"; display: inline-block; width: 1em; margin-left: 0 }

/* list : bullets paragraph */
#listbullets02 ul, #listbullets02 ol  { display:block;  padding:0; margin:0 auto 0 auto; }
#listbullets02 { display:block; padding:0; margin:8px auto 8px auto;}
#listbullets02 li { display:block; padding:0; margin:0 auto 8px auto; }
#listbullets02 li::before {content: "•"; display: inline-block; width: 1em; margin-left: 0 }

/* list : numbered */
#listnumbers01 ul, #listnumbers01 ol { display:block; padding:0; margin:8px auto 8px auto; counter-reset: item }
#listnumbers01 { display:block; padding:0; margin:0 auto 8px auto; counter-reset: item } 
#listnumbers01 li { display: block; }
#listnumbers01 li:before { content: counters(item, ".") " "; counter-increment: item }



#logo01 { display: inline-block; width:222px; min-width:222px; max-width:222px; }
#logo02 { display: inline-block; width:222px; min-width:222px; max-width:222px; }
#logo01 img, #logo02 img { display: inline-block; width:100%; }
.logoIntelekt { width:222px; min-width:222px; max-width:222px; padding:0; margin:0 auto 0 auto; }

/* M */
.margin1B { margin-bottom: 16px; }
.margin1R { margin-right:1vw; }
.margin-1TB { margin-top:16px; margin-bottom:-16px; }
.margin-5TB { margin:-5px auto -5px auto;}
#map_canvas { width:100%; min-width:100%; max-width:100%; background-color: rgba(66,70,79,0.1); border-radius:8px; }
#map_canvas img { width:30px; max-width:33px; height:auto; }
.mapinfo01 { min-width:222px; max-width:333px; height:auto; max-height:80%; padding:25px; overflow-y: auto; }

#media_screen { display:block; }
#media_tablet { display:none; }
#media_mobi { display:none; }

/* N */
#nav01 ul { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto; position: relative; z-index:11;}
#nav01 { display:block; list-style:none; position: relative; z-index:11; width:100%; min-width:100%; max-width:100%; height:auto; margin:0 auto 0 auto; padding:10px 0 10px 0; background-color: rgba(66,70,79,1); }
#nav01 li { display:inline-block; padding:0 0.5vw 0 0.5vw; margin: 0 auto 0 auto; color: rgba(255,255,255,1); }
#nav01 a, #nav01 a:link, #nav01 a:visited, #nav01 a:hover, #nav01 a:active { color: rgba(255,255,255,1); text-decoration:none; /*font-size:calc(12px + 0.2vw);*/ font-size:1vw; }

.nav01Dropdown { position: relative; z-index:11; display: inline; }
.nav01Dropdown-content { display: none;position: absolute; z-index:11; width: auto;min-width:200px; z-index: 11; text-align:left; margin:0 auto 0 auto; padding:0; border-radius:0;}
.nav01Dropdown-content a, .nav01Dropdown-content a:link, .nav01Dropdown-content a:visited, .nav01Dropdown-content a:hover, .nav01Dropdown-content a:active { text-decoration: none; display: block; padding:8px 5% 8px 5%; margin: 0 auto 2px auto; background-color: rgba(111,111,111,1); color:rgba(255,255,255,1); border:none; position: relative; z-index:11;  }
.nav01Dropdown-content a:hover { background-color: rgba(155,155,155,1);}
.nav01Dropdown:hover .nav01Dropdown-content { display: block; z-index:11; }

.nav01Dropdown i { font-size:9px; margin-right: 5px;}


#navSeeds01 ul { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto; position: relative; z-index:11;}
#navSeeds01 { display:block; list-style:none; position: relative; z-index:11; width:100%; min-width:100%; max-width:100%; height:auto; margin:0 auto 0 auto; padding:10px 4% 10px 4%; text-align:right; }
#navSeeds01 li { display:inline-block; padding:0 1vw 0 1vw; margin: 0 auto 0 auto; color: rgba(0,0,0,1); }
#navSeeds01 a, #navSeeds01 a:link, #navSeeds01 a:visited, #navSeeds01 a:hover, #navSeeds01 a:active { color: rgba(0,0,0,1); text-decoration:none; font-size:clamp(1px, 14px, 1.15vw);}

#nav02 { display:block; position: relative; z-index:1; width:90%; min-width:90%; max-width:90%;  padding:20px 5% 20px 5%; height:auto; margin:0 auto 0 auto; background-color: rgba(255,255,255,1); }

#nav03 { display:block; width:90%; height:auto; padding:12vw 5% 12vw 5%; margin:0 auto 0 auto; border: none; }
.nav03margin { margin-top:-10vw; margin-bottom:-10vw; }
#nav03 a, #nav03 a:link, #nav03 a:visited, #nav03 a:hover, #nav03 a:active { text-decoration:none; text-decoration-line:none; }

#nav04 { display:block; width:100%; height:auto; padding:0; margin:0 auto 0 auto; border: none; }
#nav04 li { display:inline; width:auto; background-color: rgba(65,182,73,1); border:solid 2px rgba(65,182,73,1); border-color: rgba(65,182,73,1); color: rgba(255,255,255,1); border-radius:5px; padding:0.5vh 1vw 0.5vh 1vw; margin:0 auto 0 auto; text-align:center; transition: all .3s ease; cursor:pointer; box-shadow: none; text-shadow: transparent; white-space: nowrap; }
#nav04 a, #nav04 a:link, #nav04 a:visited, #nav04 a:hover, #nav04 a:active { color:rgba(0,0,0,1); }

.navinpage9 { display:block; }


.nowrap { white-space: nowrap; }

/* P */
p { display:block; padding:0; margin:0 auto 16px auto; }
.padding1 { padding:16px 1vw 16px 1vw; }
.padding1 { padding:16px 1vw 16px 1vw; }
.padding1x { padding:0 1vw 0 1vw; }
.padding1y { padding:16px 0 16px 0; }
.padding2 { padding:32px 2vw 32px 2vw; }
.padding2y { padding:32px 0 32px 0; }
.padding2ypercent { padding:2% 0 2% 0; }
.padding2x { padding:0 2vw 0 2vw; }
.padding2xpercent { padding:0 2$ 0 2%; }
.padding2Rpercent { padding-right:2%; }
.padding2Lpercent { padding-left:2%; }
.padding3 { padding:33px 3vw 33px 3vw; }
.padding3y { padding:48px 0 48px 0; }
.padding3x1y { padding-top:16px; padding-bottom:16px; padding-right:3vw; padding-left:3vw; }
.padding3L { padding-left:2vw; } /* keep! */
.padding3T { padding-top:48px; }
.padding3TRL { padding-top: 48px; padding-right:3vw; padding-left:3vw; }
.padding4 { padding:64px 4vw 64px 4vw; }
.padding5 { padding:80px 5vw 80px 5vw; }
.padding5percent { padding:5%; }
.padding5LR { padding-left:5vw; padding-right:5vw; }
.padding5x { padding:0 5vw 0 5vw; }
.padding5xPercent { padding:0 5% 0 5%; }

.padding5xpercent { padding:0 5% 0 5%; }
.padding5TRB { padding:80px 5vw 80px 0; }
.padding5y { padding:80px 0 80px 0; }
.padding5ypercent { padding:5% 0 5% 0; }
.paddingmiddle { padding:75% 0 0 0; }
.padding10 { padding:160px 10vw 160px 10vw; }
.padding10percent { padding:10%; }
.padding10x { padding:0 10vw 0 10vw; }
.padding10Tpercent { padding-top:10%; }
.padding20xpercent { padding:0 20% 0 20%; }

#page01 { display:block; width:100%; min-width:100%; max-width:100%; height:auto; padding:5% 0 5% 0; }
#popup01cover { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:3332; width:100%; height:100%; display:none; }
#popup01screen { width:60%; min-width:60%; max-width:60%; height:70%; min-height:50px; max-height:70%; overflow:auto; padding:5%; margin:0 auto 0 auto; position:fixed; top:20%; left:15%; z-index:3333; display:none; background: rgba(255,255,255,0.99); border:none; box-shadow: 15px 15px rgba(0,0,0,0.5); } #popup01screen:target, #popup01screen:target + #popup01cover { display:block; transition: all 3s ease-in-out; } .popup01cancel i, .popup01cancel a, .popup01cancel a:link, .popup01cancel a:visited, .popup01cancel a:active { display:inline-block; top:18%; position:fixed; z-index:11; font-size:30px; color:rgba(135,136,138,1); background-color:rgba(255,255,255,1); border-radius:50px; padding:10px; } .popup01cancel:hover, .popup01cancel a:hover { color:rgba(0,99,46,1); }

/* S */
.scrollX {  overflow: hidden; white-space: nowrap; }
#scrollspacer01 { display:block; position:relative; z-index:1; height:0; padding:0; margin:0 auto 0 auto;  }

#search01 { display:block; width:100%; min-width:100%; max-width:100%; margin:0 auto 0 auto; padding:0; }
#search01 .search-form { display:block; width:100%; min-width:100%; max-width:100%; margin:0 auto 0 auto; padding:0; }
#search01 .search-field { display:inline-block; width:85%; min-width:85%; max-width:65%; border:solid 1px rgba(66,70,79,1); background-color: rgba(66,70,79,0.1); text-align:center; margin:0 auto 0 auto; padding: 9px 0 9px 0; border-radius:8px 0 0 8px; }
#search01 .search-submit { display:inline-block;  width:10%; min-width:10%; max-width:10%; border:solid 1px rgba(66,70,79,1); background-color:rgba(66,70,79,1); color:rgba(255,255,255,1); padding: 9px 0 9px 0; border-radius:0 8px 8px 0; }
#search01 .search-submit:hover { cursor:pointer; opacity:0.9; } 
.searchresults { background-image: url("_img/searchresults.png"); width:100%; text-align:center; background-repeat: no-repeat; background-position: center center; background-size:cover; border:none; flex; justify-content: center; align-items: center;}

.shadow01 { box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); } /* x,y,blur,spread */

.social01wrapper { display:inline-block; width:auto; vertical-align:middle; padding:0; margin:0 auto 0 2vw; }
#social01 { display:inline-block; width:2vw; min-width:2vw; max-width:50px; height:auto; padding:0; margin:0 0.5vw 0 auto; border-radius:100%; z-index:11; vertical-align:middle; align-items: center; }
#social01 .social01 { position: relative; width: 100%; margin:0 auto 0 auto;}
#social01 .social01:before { content: ""; display: block;padding-top: 100%;}
#social01 .social01img { position: absolute; z-index:2; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(65,182,73,1); background-repeat:no-repeat; background-size:50% auto; background-position: center center; border:solid 1px rgba(255,255,255,1); border-radius:100%; }

.spacer01 { display:block; height:0; background-color:#000; }

strong, .strong { font-weight:700;}

/* T */
#table01 { display:block; width:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; }
#table01 li { display:inline-block; width:13%; min-width:13%; max-width:13%; height:auto; padding:1%; margin: 0 1% 5px auto; text-align:left; font-family: futura-pt, sans-serif; font-size:1vw; line-height:100%; font-weight:400;}


.textShadow { text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } /* x,y,blur */
.texttransform01 { text-transform:uppercase; }
.texttransform02 { text-transform:capitalize; }
.tooltip01 { position: relative; display: inline-block; border-bottom: 1px dotted black; }
.tooltip01 .tooltiptext01 { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; }
.tooltip01:hover .tooltiptext01 { visibility: visible; }


/* U */
.underline a, .underline a:link, .underline a:visited { text-decoration: underline; text-decoration-color: rgba(0,0,0,0.5); }
.underline a:hover, .underline a:active { text-decoration: none; background-color: rgba(243,203,89,0.1); }

/* W */
.width33 { width:32%; min-width:32%; max-width:32%; }
.width50 { width:45%; min-width:45%; max-width:45%; }


#column01 .one { width: 95%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .two { width: 45%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .three { width: 28%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .four { width: 19%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .four-three { width: 70%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .five { width: 15%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .six { width: 11%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .seven { width: 11%; height: auto; padding:1%; margin:0 auto 1% auto;}
#column01 .eight { width: 5%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .nine { width: 3%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .ten { width: 1%; height: auto; padding:1%; margin:0 1% 1% 1%;}


/* Media Queries: Smartphone -------------------------------------------------------------- */
@media (max-width: 888px) {
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }
	
/* A */
.alignleft .size-medium { float:none; padding:0; margin:0 auto 16px auto; } /* LEFT ALIGN IMAGE */
.alignright .size-medium { float:none; padding:0; margin:0 auto 16px auto; } /* RIGHT ALIGN IMAGE */
.aligncentermobi { text-align:center; }	
.alignright { text-align:left; }	
	
	
/* B */
#banner01 { display:none; }	
#banner02 { display:block; width:100%; max-width:100%; height:auto; padding:50px 0 0 0; margin:0 auto 0 auto; }
#banner02 .content02 { display:block; width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; }
.banner03text { padding:15% 0 15% 0; color: rgba(255,255,255,1); vertical-align:middle; font-size:calc(15px + 3vw); font-weight:800; line-height:100%; }	
	
/* BENTO */
.bento12 { display: grid; grid-template-columns: repeat(1, 1fr); grid-auto-rows: minmax(1px, auto); gap: 1rem; padding:1rem; }
.span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10 { grid-column: span 12; }
.span-1 { grid-column: span 1; }
.span-11 { grid-column: span 11;}
	
.spanfullwidthmobi { grid-column: span 12; }	
	
.borderright01	{ border:none; }
.borderlightright01	{ border:none; }
	
.boxmobi01 { padding: 50px 5vw 50px 5vw; }
.boxmobi02 { padding: 0 15% 0 15%; }
.boxmobi03 { padding: 25px 5% 25px 5%; background-color:rgba(66,70,79,0.1); }
.boxmobi04 { padding: 25px 5% 25px 5%; margin-bottom: 25px; background-color:rgba(66,70,79,0.1); border-radius:16px; }	
	
.box04wrap { display:block; width:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; border-radius:0; z-index:1; overflow:hidden; }
.box04 { position: relative; width: 100%; margin:0 auto 0 auto;}
.box04:before { content: ""; display: block; padding-top: 100%;}
.box04content01 { position: absolute; z-index:2; top: 0; left: 0; right: 0; bottom: 0; background-repeat:no-repeat; background-size:auto 100%; background-position: center center; border:none; border-radius:0; }
.box04content02 { position: absolute; z-index:2; top: 0; left: 0; right: 0; bottom: 0; background-repeat:no-repeat; background-size:150% auto; background-position: center center; border:none; border-radius:0; }
	
button, .button, .button01, .button02, .button03, .button04, .button05 { display:block; min-width:90%; max-width:90%; padding: 9px 3% 9px 3%; margin: 16px auto 16px auto; }	
	
	
/* C */
#column01 .one, #column01 .two, #column01 .three, #column01 .three-two, #column01 .four, #column01 .four-two, #column01 .four-three, #column01 .five, #column01 .five-two, #column01 .five-three, #column01 .five-four, #column01 .six, #column01 .seven { display:block; width:90%; min-width:90%; max-width:90%; padding:25px 5% 25px 5%; margin:0 auto 25px auto; background-color: rgba(66,70,79,0.1); }	
	
/* D */
.displayblock { display:block; text-decoration:none; text-wrap:none; }
.displayinlineblock { display:block; text-decoration:none; text-wrap:none; }
.displayinline { display:block; text-decoration:none; text-wrap:none; }
	
	
/* F */
.font01, .font02 { font-family: futura-pt, sans-serif; font-size:calc(22px + 0.1vw); line-height:135%; font-weight:400;}	
#footer01 li { display:block; width:100%; padding:16px 0 16px 0; border-bottom:solid 1px rgba(0,0,0,1); }
	
/* G */
#grid01 .one, #grid01 .two, #grid01 .three, #grid01 .three-two, #grid01 .four, #grid01 .four-two, #grid01 .four-three, #grid01 .five, #grid01 .five-two, #grid01 .five-three, #grid01 .five-four, #grid01 .six, #grid01 .seven { display:block; width:100%; min-width:100%; max-width:100%; }
/*#grid02 .one, #grid02 .two, #grid02 .three, #grid02 .four, #grid02 .four-two, #grid02 .four-three, #grid02 .five, #grid02 .five-two, #grid02 .five-three, #grid02 .five-four, #grid02 .six, #grid02 .seven { display:block; width:100%; min-width:100%; max-width:100%; }*/
	
#grid02 .two { display:inline-block; width:49%; margin:0; padding:0; }
#grid02 .three { display:inline-block; width:33.3%; margin:0; padding:0;  }
#grid02 .three-two { display:inline-block; width:66.6%; margin:0; padding:0;  }
#grid02 .four { display:inline-block; width:25%; margin:0; padding:0; }
#grid02 .four-two { display:inline-block; width:50%; margin:0; padding:0;  }
#grid02 .four-three { display:inline-block; width:75%; margin:0; padding:0;  }
#grid02 .five { display:inline-block; width:19%; min-width:19%; max-width:19%; }
#grid02 .five-two { display:inline-block; width:40%; margin:0; padding:0;  }
#grid02 .five-three { display:inline-block; width:60%; margin:0; padding:0;  }
#grid02 .five-four { display:inline-block; width:80%; margin:0; padding:0;  }
#grid02 .six { display:inline-block; width:16.6%; margin:0; padding:0; }
#grid02 .seven { display:inline-block; width:14.2%; margin:0; padding:0; }
#grid02 .eight { display:inline-block; width:12.2%; margin:0; padding:0; }
#grid02 .nine { display:inline-block; width:10.2%; margin:0; padding:0; }	
	
	

	
	
/* H */
#header01 { display:block; position:fixed; z-index:5; width:100%; height:auto; padding:0 0 0 0; margin:0 auto 0 auto; text-align:center; }
#header02 { display:block; position:relative; z-index:5; width:100%; height:25px; margin:0 auto 0 auto; border-top:none; border-bottom:none; }	
	
h1 { font-size:calc(22px + 3vw); margin:0 auto 22px auto;  }
.hero01, .hero09, .hero11, .hero13, .hero38 { display:block; padding:25px 5% 25px 5%; }
.hero { font-size:calc(22px + 3vw); }
	
h2 { font-size:calc(22px + 2vw); }
h3 { font-size:calc(22px + 1vw); }
h4 { font-size:calc(22px + 0.5vw); }
	
	
/* I */
.iframe01 { width:96%; height:77vh;}
.iframe02 { width:100%;height:77vh;}	
	
.image01img, .image01img50, .image01img75, .image01agent, .imagefeatured01, .img140 { width: 100%; min-width:100%; max-width: 100%; height:auto; min-height:auto; max-height:auto; padding:0; margin:0 auto 0 auto; }
.image01img25 { display:inline-block; width: 50%; min-width:50%; max-width: 50%; height:auto; min-height:auto; max-height:auto; padding:0; margin:0 auto 0 auto; }
	
.image01inline { display:block; width:100%; max-width:100%; height:auto; min-height:auto; max-height:auto; margin: 0 auto 8px auto; padding:0; }
	
.image01div, .image01div33, .image02div, .image01agent { width: 100%; min-width:100%; max-width: 100%; height:33vw; min-height:333px; max-height:100%; padding:0; margin:0 auto 0 auto;}

/* L */
.logomobi, .logoIntelekt { display:block; width:100%; min-width:100%; max-width:100%; height:auto; padding:45px 0 0 0; margin:0; }	
	
/* M */	
#media_screen, .media_screen { display:none; }
#media_tablet, .media_tablet { display:none; }
#media_mobi, .media_mobi { display:block; }	
	
/* N */	
#nav01 { display:none; }	
.nav01 { display:block; width:100%; position:relative; z-index:11; padding:16px 0 16px 0; margin:0 auto 0 auto; background-color:rgba(66,70,79,1); color: rgba(255,255,255,1); font-size:15px; line-height:100%; } .nav01:active { } .nav01:hover { cursor:pointer; opacity:0.9; }	
.nav01panel { display:block; width:100%; padding:0 0 0 0; margin:0 auto 0 auto; max-height: 0; overflow: hidden; transition: max-height 1s ease-out; position:relative; z-index:1; background-color:rgba(66,70,79,0.9); box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); font-family: "Open Sans", sans-serif; font-weight: 400;
  font-style: normal; } 
.nav01content { display:block; width:80%; height:75vh; max-height:75vh; overflow:auto; padding:2vh 10% 5vh 10%; margin:0 auto 0 auto; text-align:left; }	
.nav01panel a, .nav01panel a:link, .nav01panel a:visited, .nav01panel a:hover, .nav01panel a:active { display:block;  font-size:15px; color:rgba(255,255,255,1); padding:16px 0 16px 0; margin:0 10% 0 10%; border-bottom:solid 1px rgba(255,255,255,0.6); text-transform:uppercase; font-family: "Open Sans", sans-serif; font-weight: 400;
  font-style: normal; }
.nav01panel a:hover, .nav01panel a:active { background-color:rgba(66,70,79,1); }	
.nav01panel a:not(:active) { transition: background-color 1000ms step-end; }	
	
#nav02 { display:none; }
	
#nav03 { display:block; background-color: rgba(65,182,73,1); width:90%; height:auto; padding:2vw 5% 2vw 5%; margin:0 auto 25px auto; border: none; }
#nav03 a, #nav03 a:link, #nav03 a:visited, #nav03 a:hover, #nav03 a:active { text-decoration:none; text-decoration-line:none; }	
	
#nav04 a { display:block; width:100%; padding:16px 0 16px 0; border-bottom:solid 1px rgba(0,0,0,1); }	
	
/* P */
.padding5 { padding:50px 5vw 50px 5vw; }	
	
/* S */
#scrollspacer01 { display:block; position:relative; z-index:1; height:30px; padding:0; margin:0 auto 0 auto;  }	
	
/* W */	
.width50, .width33 { width:100%; min-width:100%; max-width:100%; }	
}