/* own CSS - last edit 16.11.2021 - Annina Stoessel */

/*
  * SELECTION CARD
  * 2022-02-15
  * --------------------------------------------------------------------------------
  */

.d--selection-card-group,
#field_24_123 ul,
#field_24_123 ul.gfield_radio {
    display: grid;
    grid-auto-rows: 1fr;
    row-gap: 30px;
    grid-column-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.d--selection-card-group #FORMCLASSNAME {
    grid-template-columns: repeat(3, 1fr); // Replace "3" with number of cols
}

#field_24_123 ul li,
.d--selection-card-group .d--selection-card {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    transition: all .5s ease;
}


/*.d--selection-card-group-gravity ul li input,*/

.d--selection-card-group .d--selection-card input {
    position: absolute !important;
    opacity: 0;
    cursor: pointer;
    height: 0 !important;
    width: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    color: #939fa6;
    font-size: 0 !important;
    line-height: 0 !important;
}


/*.d--selection-card-group-gravity ul li input:checked ~ .d--rb-custom-check,*/

.d--selection-card-group .d--selection-card input:checked~.d--rb-custom-check {
    opacity: 100;
}

#field_24_123 ul li input:checked~label,
.d--selection-card-group .d--selection-card input:checked~label {
    border: 1px solid #f39900;
}


/*.d--selection-card-group-gravity ul li .d--rb-custom-check,*/

.d--selection-card-group .d--selection-card .d--rb-custom-check {
    opacity: 0;
    position: absolute;
    top: 8px;
    right: 12px;
    color: #f39900 !important;
    pointer-events: none;
    transition: opacity .5s ease-in-out;
}

#field_24_123 ul li label,
.d--selection-card-group .d--selection-card label {
    border: 1px solid #d9d9d9;
    border-radius: 4px !important;
    padding: 1rem 1rem 1.25rem 1rem !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
    font-weight: 400;
    transition: border-color .5s ease-in-out;
    cursor: pointer;
    margin-bottom: 0 !important;
    width: 100% !important;
    height: 100%;
    display: inline-block !important;
    margin: 0 !important;
    max-width: 100% !important;
}

#field_24_123 ul li label i.mdi,
.d--selection-card-group .d--selection-card label i.mdi {
    display: block;
}

#field_24_123 ul li label:hover,
.d--selection-card-group .d--selection-card label:hover {
    border: 1px solid #999999 !important;
}

.d--selection-card-group>* {
    max-height: 100vh;
    overflow: auto;
    box-sizing: border-box;
}

.gform_wrapper #field_24_123 ul.gfield_radio li input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-color: #ffffff;
    color: #ffffff;
    height: 20px !important;
    width: 20px !important;
    border: 0;
    cursor: pointer;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    outline: none;
    border-radius: 40px !important;
    border: 1px solid #ffffff;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: background-color .5s ease-in-out, border .5s ease-in-out;
}

#field_24_123 ul.gfield_radio li input[type=radio]:checked {
    background-color: #f39900;
    border: 1px solid #f39900;
}

#field_24_123 ul.gfield_radio li input[type=radio]:checked::before {
    position: absolute;
    font-size: 14px;
    left: 5px;
    top: -5px;
    font-weight: 700;
    content: '\02143';
    transform: rotate(40deg);
}

#field_24_123 ul.gfield_radio li input[type=radio]:checked:hover~label {
    border: 1px solid #f39900 !important;
}








html, body, h1, h2, h3, h4, h5, h6, p, div, span, strong, .dnd_container{color: #333 !important;font-family: Lato !important;}

h3{color: #333; font-size: 18px;}

button, input[type="submit"]{font-weight: 500;}

nav > ul > li a{font-size: 15px;}

#logo {width: 155px !important;}
#logo img{height:49px !important;}

.hide{display:none;}

.textwidget{color: #333;}
.jobs-bene{height:250px;}
.jobs-bene-image-1{margin-top:-100px;}
.jobs-bene-image-2{margin-top:-190px;}

.hinweismeineimpfungen{background-color:#50A2DE; color:#fff !important; padding:20px; margin:20px 0;}

.dnd-animo{visibility:visible;}

.mail-link span{color: #f39900 !important;}

.post_main_inner_wrapper h5{margin:0 0 20px 0 !important;}

.dnd_service_box_round_text_aside p a{display: inline;}

.mb-onboarding .ginput_container_date{margin-left:0;}
.mb-onboarding li.gfield.field_description_below+li.gsection{margin-top:50px !important;}
.mb_names{width:54%;}

.zitat{border-left:5px solid #f39900; width: 100%; padding: 25px !important;}

.sva-wettbewerb .gfield_description, .sva-wettbewerb .gfield_checkbox li label{font-size:1em;}
.sva-wettbewerb label.gfield_label{font-size:1.2em; margin-top: 40px;}
.sva-wettbewerb .gfield_checkbox li input, .sva-wettbewerb .gfield_checkbox li input[type=checkbox]{margin-top: 10px !important; margin-right: 8px;}
@media (min-width:767px){
.sva-wettbewerb ul.gfield_radio li{width:20%; float:left;}
.sva-wettbewerb ul.gfield_checkbox li{width:20%; float:left;}
}

.testid .gf_left_third, .testid .gf_right_third{width:5% !important;}
.testid .gf_middle_third{width:20% !important; margin-top: -14px !important;}

/* Gravity Forms Progressbar*/
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title{font-size:1em;opacity: 1;margin: 0 0 8px 0!important;}
.gform_wrapper .gf_progressbar{
	background-color: #fff;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow: none;
	box-shadow:0;
	padding:0;
}
.gform_wrapper .percentbar_blue{background-color: #f39900 !important;}

.gform_wrapper .gf_progressbar_percentage{
	text-shadow:none;
	background:none;
}
.gform_wrapper .gf_progressbar_percentage span{line-height: 2;}


/* YouTube Video Container Responsive */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Flip Book Thumbnails */
._df_thumb ._df_book-title{background: rgba(60,60,60,0.2);}
._df_thumb {top:11px;}

.shelf{
	background: url("https://www.hintest.ch/wp-content/uploads/2021/06/bookshlef.png") no-repeat;
	background-size: 1000px 68px;
	width: 1000px;
	height:68px;
	top: -9px;
  position: relative;
}

@media (max-width:767px){
	.shelf{display:none;}
}

/* Support Termin vereinbaren */
.supporttermin textarea{margin-bottom: 12px;}
.supporttermin .gfield_description{padding-top:0 !important;}

/* Support Seite external link */
.supportextern{margin: 0 20px 0 0;}

.supportextern a{
		background: url(/wp-content/uploads/2020/11/externer-link.png) no-repeat;
    background-size: 14px;
    background-position: right;
    padding: 0 8px 0 0;
	 border-left: 1px solid #ddd;
}
.sprachmenu{padding-right:15px;  }

/* Tabelle responsive */
@media (max-width:767px){
.dnd-table_products table td:last-child{display: table-cell !important;}
}

.covid-zertifikat-services td, .covid-zertifikat-services th{vertical-align:top !important; border: 1px solid #e9eaec !important; padding: 10px !important}

/* Service Box Height */
.dnd_service_box_boxed{padding: 50px 30px 30px 30px;height: 220px;margin-top: 80px;}

/* qtranslate Hinweis*/
.qtranxs-available-languages-message{background: #f9f9f9; padding: 20px 30px; border-top: 5px solid #f29800;	margin-bottom:20px;}

/* Hinweis Box*/
.hinweis-box{background: #f9f9f9; padding: 20px 30px; border-top: 5px solid #f29800;	margin:20px 0 20px 0; text-align:center;}

/* Ergopro Abo Form  */
#ergoproabo #field_24_47, /*Abweichende Rechnungsadresse*/
#ergoproabo #field_24_121, /*Spaces*/
#ergoproabo #field_29_47, /*Abweichende Rechnungsadresse FR*/
#ergoproabo #field_29_126 /*Spaces FR*/
{display:none;}

/* Pension Abo Form  */
#pensionabo .gchoice_24_123_1, /*Team ID*/
#pensionabo #field_24_47, /*Abweichende Rechnungsadresse*/
#pensionabo #field_24_67, /*Spaces*/
#pensionabo #field_24_71, /*Covercard*/ 
#pensionabo #field_24_121, /*Spaces*/
#pensionabo #field_24_122, /*HIN Identität Text*/
#pensionabo .gchoice_29_114_1, /*Team ID FR*/
#pensionabo #field_29_47, /*Abweichende Rechnungsadresse FR*/
#pensionabo #field_29_67, /*Spaces FR*/
#pensionabo #field_29_71, /*Covercard FR*/ 
#pensionabo #field_29_126, /*Spaces FR*/
#pensionabo #field_29_130 /*HIN Identität Text FR*/
{display:none;}

/* Covid Abo Form Anpassungen */
#covidabo .gchoice_24_123_1, /*Team ID*/
#covidabo #field_24_47, /*Abweichende Rechnungsadresse*/
#covidabo #field_24_67, /*Spaces*/
#covidabo #field_24_71, /*Covercard*/ 
#covidabo #field_24_121, /*Spaces*/
#covidabo #field_24_122, /*HIN Identität Text*/
#covidabo .gchoice_29_114_1, /*Team ID FR*/
#covidabo #field_29_47, /*Abweichende Rechnungsadresse FR*/
#covidabo #field_29_67, /*Spaces FR*/
#covidabo #field_29_71, /*Covercard FR*/ 
#covidabo #field_29_126, /*Spaces FR*/
#covidabo #field_29_130 /*HIN Identität Text FR*/
{display:none;}

.covidid-check{display:none}
#covidabo .covidid-check{display:block}

/* myFMH eID Abo*/
#myfmhabo .gchoice_24_123_1, /*Team ID*/
#myfmhabo #field_24_47, /*Abweichende Rechnungsadresse*/
#myfmhabo #field_24_67, /*Spaces*/
#myfmhabo #field_24_71, /*Covercard*/
#myfmhabo #field_24_121, /*Spaces*/
#myfmhabo #field_24_122, /*HIN Identität Text*/
#myfmhabo #field_24_123 .gfield_label, /*Auswahl HIN Anschluss*/
#myfmhabo .gchoice_29_114_1, /*Team ID FR*/
#myfmhabo #field_29_47, /*Abweichende Rechnungsadresse FR*/
#myfmhabo #field_29_67, /*Spaces FR*/
#myfmhabo #field_29_71, /*Covercard FR*/ 
#myfmhabo #field_29_126,
#myfmhabo #field_29_130, /*HIN Identität Text FR*/
#myfmhabo #field_29_114 .gfield_label /*Auswahl HIN Anschluss FR*/
{display:none;}
#myfmhabo a{color:#3c5587}
#myfmhabo button{border: 1px solid #3c5587; background: #3c5587;}
#myfmhabo button span{color:#fff !important;}

#myfmhabo .id-progress li.active{color:#fff;background:#3c5587} 
#myfmhabo .id-progress li.active span{color:#fff !important;} 
#myfmhabo .id-progress li.active span{background-image:url(/wp-content/uploads/2020/12/progress-act-left-active.png)}
#myfmhabo .id-progress li.active+li span{background:url(/wp-content/uploads/2020/12/progress-act-right-active.png) -9px 50% no-repeat}.id-progress li.first span{background:0 0}

/* Chiro eID Abo*/
#chiroabo .gchoice_24_123_1, /*Team ID*/
#chiroabo #field_24_47, /*Abweichende Rechnungsadresse*/
#chiroabo #field_24_67, /*Spaces*/
#chiroabo #field_24_71, /*Covercard*/
#chiroabo #field_24_121, /*Spaces*/
#chiroabo #field_24_122, /*HIN Identität Text*/
#chiroabo #field_24_123 .gfield_label, /*Auswahl HIN Anschluss*/
#chiroabo .gchoice_29_114_1, /*Team ID FR*/
#chiroabo #field_29_47, /*Abweichende Rechnungsadresse FR*/
#chiroabo #field_29_67, /*Spaces FR*/
#chiroabo #field_29_71, /*Covercard FR*/ 
#chiroabo #field_29_126,
#chiroabo #field_29_130, /*HIN Identität Text FR*/
#chiroabo #field_29_114 .gfield_label /*Auswahl HIN Anschluss FR*/
{display:none;}
#chiroabo a{color:#3a4d60;}
#chiroabo button{border: 1px solid #3a4d60; background: #3a4d60;}
#chiroabo button span{color:#fff !important;}

#chiroabo .id-progress li.active{color:#fff;background:#3a4d60} 
#chiroabo .id-progress li.active span{color:#fff !important;} 
#chiroabo .id-progress li.active span{background-image:url(/wp-content/uploads/2021/06/progress-act-left-active_chiro.png)}
#chiroabo .id-progress li.active+li span{background:url(/wp-content/uploads/2021/06/progress-act-right-active_chiro.png) -9px 50% no-repeat}.id-progress li.first span{background:0 0}


/* Gravity Form */
input#code{background: #fafcfc; color: #939fa6;}
@media (min-width:960px){
select{height: 34px; color:#333}
input{color:#333}
input.datepicker{width: 566px;}
textarea{margin-bottom: 10px; color:#333}
.chosen-container a{height: 34px; width: 50%; padding: 4px 0 0 8px;}
.chosen-container a div{top: 5px;}
.chosen-drop{width: 566px;}
.left_label div.charleft{margin-left: 0; margin-top: -10px;}
.field_description_below .gfield_description{margin-top:-10px; padding-top:0;}
.validation_message{margin-top:0 !important;}
.error{color:red; margin-top: -5px;}
.ginput_container_date{margin-left: 29%;}
.gform_wrapper .left_label li.hidden_label input {margin-left:0}
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus{
background-color: #fdf4e5;
}


.gform_wrapper li.gfield.field_description_below+li.gsection{margin-top:100px !important;}


/* eReg */
table#registration_identity{line-height: 1.5;}

#gform_wrapper_24 input::placeholder, #gform_wrapper_24 select::placeholder, #gform_wrapper_31 input::placeholder, #gform_wrapper_32 select::placeholder{color:#939fa6}

.Datenschutz div{margin-left:0 !important; width:100% !important;}
.note-orange-bg{background-color: #fdf4e5; padding: 25px;}


/* Steps */
.id-header{overflow:hidden;height:40px !important;padding:0 15px}.id-header:after,.id-header:before{content:" ";display:table}.id-header:after{clear:both}.id-header .id-title{margin:28px 0 0;padding:0;float:left;font-size:20px;line-height:20px;font-weight:400}.id-header aside{display:block;float:right;margin:27px 0 0}.id-header aside div{display:block;float:left;text-align:right;margin-left:20px}.id-header aside h3{margin:0;padding:0;font-size:10px;text-transform:uppercase;line-height:10px;font-weight:700;color:#A6A6A6}.id-header aside p{margin:0;padding:0;font-size:12px!important;line-height:20px!important}.id-header-nopopup{overflow:hidden;height:40px;padding:0 15px;background-image:linear-gradient(-1deg,rgba(96,96,91,0) 0,rgba(96,96,91,.11) 98%);box-shadow:0 1px 10px 0 rgba(96,96,91,.25),0 2px 0 0 rgba(96,96,91,.2)}.id-header-nopopup:after,.id-header-nopopup:before{content:" ";display:table}.id-header-nopopup:after{clear:both}.id-header-nopopup .id-title{margin:28px 0 0;padding:0;float:left;font-size:20px;line-height:20px;font-weight:400}.id-header-nopopup aside{display:block;float:right;margin:27px 0 0}.id-header-nopopup aside div{display:block;float:left;text-align:right;margin-left:20px}.id-header-nopopup aside h3{margin:0;padding:0;font-size:10px;text-transform:uppercase;line-height:10px;font-weight:700;color:#A6A6A6}.id-header-nopopup aside p{margin:0;padding:0;font-size:12px!important;line-height:20px!important}.id-progress{display:table;width:100%;margin:0;padding:0;table-layout:fixed;cursor:default;background:#EBEBEB;color:#737373;list-style:none;-webkit-user-select:none;counter-reset:idprogress}.id-progress span{display:block;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 20px 10px 30px;font-size:13px;line-height:20px;font-weight:700;background:url(/wp-content/uploads/2019/12/progress-act-inactive.png) -9px 50% no-repeat}.id-progress span:before{counter-increment:idprogress;content:counter(idprogress) ". "}.id-progress li{display:table-cell;margin:0;padding:0}.id-progress li.active{color:#fff;background:#f39900} span {}.id-progress li.active span{background-image:url(/wp-content/uploads/2019/12/progress-act-left-active.png)}.id-progress li.active+li span{background:url(/wp-content/uploads/2019/12/progress-act-right-active.png) -9px 50% no-repeat}.id-progress li.first span{background:0 0}.id-progress-disabled{color:#c6c6c6}


body{font-family: Lato; font-size: 14px; padding:0; margin:0; line-height: 22px; color: #333;}

.post-modified-info{width: 1170px; margin: 20px auto;}
.home .post-modified-info{display:none;}

#ABdev_main_header.default{
		padding: 0px 0 0px 0px;
		box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
		z-index: 9999;
		width: 100%;
		position: fixed;
		background: #fff;
}

.navi.first.menu-depth-1, ul {padding-left: 0;}

nav > ul > li.menu-item-has-children > a::after{right: 15px;}

.status_ok, .status_error, .status_warning{margin-top: -32px;}

.dnd_metro_box_left #text {margin-top: -32px;}

.search{border:none;padding-left: 0;}

#default_page_row {min-height: 500px;}


#domain_checker-3 #mail_correct, #domain_checker-4 #mail_correct{width: 500px;}
#domain_checker-3 #mail_correct img, #domain_checker-4 #mail_correct img{float:left; padding: 6px;}
#domain_checker-3 #mail_invalid, #domain_checker-4 #mail_invalid{width: 500px;}
#domain_checker-3 #mail_invalid img, #domain_checker-4 #mail_invalid img{float:left; padding: 6px;}
#domain_checker-3 #not_valid, #domain_checker-4 #not_valid{width: 500px;}
#domain_checker-3 #not_valid img, #domain_checker-4 #not_valid img{float:left; padding: 6px;}

#estimation_popup.wpe_bootstraped #mainPanel .genSlide .genContent div.selectable{margin-left: 15px; margin-right: 15px;}

.hin-box-orange{border: 2px solid #f29800; padding: 20px 40px;}
.hin-box-grey{background-color: #f9f9f9; padding: 25px;}
.hin-box-grey2{background-color: #e5e3d6; padding: 25px;}

.gform_wrapper span.ginput_product_price{color:#333;}

.awareness-center{text-align:center;}

.dnd-accordion .ui-accordion-header #menu-item-img-secureapps{width: 160px;}

.category-news .post-27503 img, .category-news .post-27505 img{display:none;}

div.hungryfeed_feed_content{font-weight: 400 !important;}

.dnd_section_dd.section_body_fullwidth{padding-top:0!important;}

.srr-wrap .srr-item > * {margin-bottom: 5px !important;}
.srr-style-none .srr-item {padding: 0 0 25px 0 !important;}

/* iframe Video Ident Form */
.embed-container iframe {height: 2800px; width:100%; border:none;}
@media (max-width:960px){.embed-container iframe{height:3300px;}}
@media (max-width:670px){.embed-container iframe{height:4000px;}}

.post-readmore{display:none;}

.has-cookie-bar #catapult-cookie-bar{padding: 10px 80px 10px 20px;}
.cookie-bar-bar button#catapultCookie{font-weight: bold;}

/* Footer */
#footer_columns, #footer_copyright, #ABdev_main_footer p, #ABdev_main_footer a, #ABdev_main_footer h3{background-color:#f9f9f9; color:#333;}
#footer_columns{padding: 80px 0 20px 0;}
.row .span5{display:none;}
.row .span7{width:100%; text-align:center;}

.dnd-table_products th{color:#333;}

.error404 .floatleft h1{display:none;}

#menu-ueber-hin .current-menu-item a,
#menu-unternehmen .current-menu-item a,
#menu-hin-welt .current-menu-item a,
#menu-plattform .current-menu-item a,
#menu-newsletter .current-menu-item a{
	color: #f29800;
}

.widget_nav_menu li{
		border-bottom: 1px solid #e6ebed;
		position: relative;
		padding: 0;
		line-height: 36px;
	}

.widget_nav_menu li:last-child{
		border-bottom: none;
	}

.widget_nav_menu li:after{
		font-family: 'WebHostingHub-Glyphs';
		content: "\f488"; /*.ci_icon-chevron-right*/
		display: block;
		font-size: 8px;
		position: absolute;
		top: 0;
		line-height: inherit;
		right: 0px;
		color: #848994;
	}

#menu-unternehmen a{
		color: #333;
	}

#menu-unternehmen a:hover{
		color: #f29800;
	}


/* News Kategorien*/
.tagcloud .tag-link-17, .tagcloud .tag-link-3, .tagcloud .tag-link-1{display:none;}

/* Label Formular */
.label div.charleft.warningTextareaInfo{display:none;}



/* own CSS - Last Edit 8.2.18 - Author: Alban Bochsler */

 #gf_page_steps_5, #gf_page_steps_6, #field_6_32 > label {
display: none;
}

.hin-button-centre {
    left: 37%;
    position: relative;

}

.gform_next_button, .gform_previous_button {
background: #f29800;
    border: 1px solid #f29800;
    color: #fff !important;
    border-radius: 4px;
      width: 100px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
      padding-left: 0px!important;
}

#field_5_32 > label {
display: none;
}




/* Endpoint Seite */

body > section:nth-child(10) > div > div > div.dnd_column_dd_span2 > div:nth-child(2) > img {
 
  max-width: 74%;

}

.endpoint-images {

  max-width: 74%;
  
}

body > section:nth-child(6) > div > div > div.dnd_column_dd_span2 > div > img {
 max-width: 74%;
}

.hin-text-bottom {


}

/* Teampage - resize Images */

.dnd_team_member_modal_opened .dnd_column_dd_span6 img {

  max-width: 280px!important;

}



/* Contact Info */

#custom_html-2 > div > h3 {
margin-bottom: -22px!important;
  
}

#contact-info-10 > div.sidebar-widget-heading > h3 {
display: none;

}

/* RSS */

.srr-title {

    font-size: 15px;

}
 
/* Endpoint Security */
.hin-pad-own {
background-color: #eef2f4!important;
width: 100%;
  height: 91px;
  padding: 20px;
}

body > section:nth-child(7) > div > div > div:nth-child(1) > iframe {

	width: 570px!important;
    height: 379.906px!important;
    vertical-align: middle!important;
    border: 0!important;  
}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

body > section:nth-child(6) > div > div > div > div > span > strong {
color: #fff;
  font-size: 36px;
}

.hin-background-image-section {
min-height: 700px;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Gravity Forms */

.gsection_description {
  font-size: 14px!important;
  
}


/* Basestyle */

.services-table {
	margin-bottom: 10px;

}

.hin-list-item li {
	line-height: 2;
  	
}
.hin-list-item ul {
	list-style: disc;
}

.hin-check li {
    background-image: url(https://www.hintest.ch/wp-content/uploads/2017/10/checked.png);
    list-style: none;
    background-size: 16px 16px;
    padding: 0 0 0 30px;
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.hin-check ul {
	margin-left: 0;
}   

.hin-h2-item h2{
	line-height: 1.25;
}

.hin-column-btn {
	background-color: #ef9625;
}

.hin-link-section {
cursor: pointer;
}

.hin-link-section h1{
line-height: normal;
}

/* Basestyle - end */

/* read-more-tag */

.post-readmore {
display: inline!important;
}

.hin-inline-element {
	display: inline;
}

.more-link{
    background: none!important;
    border: none!important;
    text-transform: none!important;
    font-weight: normal!important;
    text-align: left!important;
}

.blog_category_index_right .post_main .post_main_inner_wrapper .post-readmore .more-link, .blog_category_index_left .post_main .post_main_inner_wrapper .post-readmore .more-link, .blog_category_index_none .post_main .post_main_inner_wrapper .post-readmore .more-link {
    width: 0;
    height: 0;
    background: #f9f9f9;
    border: 1px solid #eaecef;
    border-radius: 0;
    color: #50a2de;
    text-transform: uppercase;
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding-top: 0;
  	float: none;
  display: inline;
}

.blog_category_index_right .post_main .post_main_inner_wrapper .post-readmore .more-link:hover, .blog_category_index_left .post_main .post_main_inner_wrapper .post-readmore .more-link:hover, .blog_category_index_none .post_main .post_main_inner_wrapper .post-readmore .more-link:hover {
  color: #f29800!important; 
  height: 0;
}


/* read-more-tag - end */

/* Pricing table */

.hin-pricing-paragraph {
	padding: 0 5px 10px 15px;
  	color: #333;
}

.hin-pricing-footer {
	background-color: #f09726;
    height: 50px;
    margin-top: 0;
}

.hin-pricing-footer-text {
padding: 17px;
    color: #fff;
}

.hin-endpoint-board {
	margin-left: 45px;
}

.hin-cross {
  color: red;
}

/* Pricing table - end */

/* Typo */

h1, h2 {
line-height: 1.5;
}

#title_breadcrumbs_bar h1 {
    line-height: normal;
}



/* Typo - end */

/* NL-Archiv */

.hin-small-text {
line-height: 1;
}


.sprechblase5 {
  height: auto;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.5px;
padding: 1rem;
margin-right: 45px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
border: 4px solid #f29800;
  }

.sprechblase5:after, .sprechblase5:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.sprechblase5:after {
border-color: rgba(15, 213, 9, 0);
border-left-color: #fff;
border-width: 20px;
margin-top: -20px;}

.sprechblase5:before {
border-color: rgba(0, 0, 0, 0);
border-left-color: #f29800;
border-width: 26px;
margin-top: -26px;}

  
  @media only screen and (max-width: 670px) { 		
 .sprechblase5 {
  height: auto;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.5px;
padding: 1rem!important;
   margin-right: 5px!important;
   margin-left: 5px!important;
   margin-top: 15px!important;
margin-bottom: 15px!important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
border: 4px solid #f29800;
  }

.sprechblase5:after, .sprechblase5:before {
top: 100%;
left: 85%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
    margin-right: 0;
    }

.sprechblase5:after {
border-color: rgba(15, 213, 9, 0);
border-top-color: #fff;
border-width: 20px;
margin-left: -20px;
    margin-top: 0;
    }

.sprechblase5:before {
border-color: rgba(0, 0, 0, 0);
border-top-color: #f29800;
border-width: 26px;
margin-left: -26px;
 margin-top: 0;
  
    
    }
    
  }

/* NL-Archiv - end */

/* own CSS - end */


.product-table {
  border: 1px solid #ffffff;
  width: 100%;
  padding: 20px;
}

.product-table a {
  color: #ffffff;
}

.product-table img {
  margin-left: 10px;
}

.product-table th {
  background-color: #f29800;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  padding: 10px;
}

.product-table td.left-light {
  background-color: #fbeacc;
  padding-left: 10px;
  padding: 10px;
}

.product-table td.left-light a {
  color: #333;
}

.product-table td.left-light a:hover {
  color: #f29800;
}


.product-table td.content-light {
  background-color: #fbeacc;
  text-align: center;
  padding: 10px;
}

.product-table td.left-dark {
  background-color: #fad698;
  padding-left: 10px;
  padding: 10px;
}

.product-table td.left-dark a {
  color: #333;
}

.product-table td.left-dark a:hover {
  color: #f29800;
}

.product-table td.content-dark {
  background-color: #fad698;
  text-align: center;
  padding: 10px;
}

.product-table td.grey-left {
  background-color: #fbfbfb;
  padding-left: 10px;
  padding: 10px;
}

.product-table td.grey-left a{
  color: #333;
}

.product-table td.grey-left a:hover{
  color: #f29800;
}

.product-table td.grey-content {
  background-color: #f0f0f0;
  text-align: center;
  padding: 10px;
}

.product-table td.grey_dark-content {
  background-color: #f0f0f0;
  text-align: center;
  padding: 10px;
}

.product-table td.grey-content .p {
}

.product-table td.white-left {
  background-color: #ffffff;
  padding-left: 10px;
  padding: 10px;
}

.product-table td.white-left a {
  color: #333;
}

.product-table td.white-left a:hover {
  color: #f29800;
}

.product-table td.white-content {
  background-color: #ffffff;
  text-align: center;
  /*padding: 10px;*/
}

.product-table td.grey_light-content {
  background-color: #f9f9f9;
  text-align: center;
  /*padding: 10px;*/
}

.dnd-table_products td.content {
}

.rfbwp-popup-box .rfbwp-close, .rfbwp-shelf-box .rfbwp-close {
  top: 12%;
}

.check li {
    background-image: url(/wp-content/uploads/2016/09/checked-mark.png);
    list-style: none;
    background-size: 16px 16px;
    padding: 0 0 0 30px;
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.check ul {
	margin-left: 0;
}

.tipp {
    background-image: url(/wp-content/uploads/2016/01/info.png);
    list-style: none;
    background-size: 24px 24px;
    padding: 5px 0 5px 35px;
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.own-domain-services {
    background-image: url(/wp-content/uploads/2017/01/own_domain.png) !important;
    height: 42px;
    width: 42px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.newsletter-border {
  border: 2px solid #f29800;
  padding: 10px;
}

.hin-community-counter {
  color: #f29800;
}

.field-wrap input[type="submit"],
.field-wrap input[type="button"],
.field-wrap button {
    border: 1px solid #f29800;
    background: #f29800;
    color: #fff;
  	cursor: pointer;
    padding: 10px 20px;
}

.field-wrap input[type="submit"]:hover,
.field-wrap input[type="button"]:hover,
.field-wrap button:hover {
    background: #333;
    padding: 10px 20px;
}