@charset "UTF-8";

/* reset */

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* typo */

body {
    color: rgb(0,0,0)
}

h1, h2 {
    color: rgb(172, 24, 45);
    font-size: 1.5em;
}

.blog_objects .page-header h2, 
.moduletable.objekte .objects ul li a h3 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: -58px;
    color: black;
    position: relative;
    height: 48px;
    margin-bottom: 0;
    font-size: 0.85em;
    font-weight: 700;
    padding: 5px 0;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.page-header h2, .news h2, div.cf-control-input h2,
.page-header h1 {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1em;
    margin-top: -0.2em;
    margin-bottom: 0.5em;
}

.moduletable.mitarbeitende h3 {
    display: none;
    font-size: 0.85em;
    text-align: center
}

div.moduletable.objekte h3 {
    color: rgb(172, 24, 45);
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 0.5em
}

.item-page.portrait h3 {
    margin-bottom: 1em
}

.item-page.portrait h4 {
    float: left;
    font-size: 0.85em;
    line-height: 1.7em;
    
}

.item-page.portrait p {
    margin-bottom: 0.5em;
    margin-left: 6em
}

p {
    margin-bottom:1em
}

#footerbox {
    font-size: 0.85em
}

/* image styles */

.moduletable.mitarbeitende img {
    width: 100%;
    max-width: 150px
}

.moduletable_team img, .moduletable_map img {
    width: 100%;
    max-width: 360px
}

.sige_thumb {
    margin: 0!important
}

.sige_thumb img.thp {
    border: none!important;
    margin: 0!important;
    padding: 0!important
}

/* navigation */

ul.nav.mainmenu  {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

ul.nav.mainmenu li {
    float: left;
    font-size: 1em;
    margin-left: 0.8em;
	}

ul.nav.mainmenu li:first-child {
    margin-left: 0;
	}
  
ul.nav.mainmenu li a, div#showmenu p a {
	color:rgb(0,0,0);
	font-style:normal;
	}
  
ul.nav.mainmenu li a:hover, div#showmenu p a:hover {
	color: rgb(172, 24, 45);
	}
  
ul.nav.mainmenu li.current a, ul.nav.mainmenu li.active a, ul.nav.menu_adminnavi li.current a {
	color: rgb(172, 24, 45);}

ul.nav.impressum {
    margin-left: 0;
    padding-left: 0
    }

ul.nav.impressum li {
    float: left;
    margin-left: 1.4em
}

ul.nav.impressum li:first-child {
    list-style: none;
    margin-left: 0
}

ul.nav.menu_servicenavi li a {
	font-weight:normal;
	color:#000;
  	}

ul.nav.menu_servicemenu {
	margin-top:1em;
	margin-left:0!important}

ul.nav.menu_servicemenu li {
	list-style:none}

/* chronoforms */

.gcore-line-td input {
    font-family: inherit
}

.gcore-label-left {
    padding-top: 0.5em!important
}

.opac {
    opacity: 0.25
}

.opac:hover {
    opacity: 1
}

/* basics */

body {}

/* structure */

.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-image: url("https://thometpartner.ch/templates/thometpartner/images/thometpartner_body-bg_blur.jpg");
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat no-repeat;
}
#topbox {
    float: none;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    margin-right: 0px;
    display: block;
}
#logo {
    float: left;
    width: 100%;
    max-width: 340px;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}
#navibox {
    float: left;
    height: auto;
    margin-left: 8%;
    margin-top: 25px;
    clear: both;
    width: 91.445428%;
    min-width: 0px;
    display: block;
}
#contentbox {
    float: none;
    height: auto;
    margin-left: 0%;
    margin-top: 8px;
    clear: none;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.901961);
    margin-right: 0px;
    padding: 10px;
    display: block;
}
#contenttopbox {}
#contentleftbox {
    float: none;
    width: 100%
}

/* module mitarbeitende */

.portrait ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0
}
.portrait ul li {
    flex-basis: 31.3%;
    margin-bottom: 10px;
    margin-right: 3%;
}
.portrait ul > li:nth-child(3n+3) {
    margin-right: 0
}

/* pages */

/* objects */

.item-page.objects {
    margin-bottom: 2em;
}
/* module objekte */

.objects ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0
}
.objects ul li {
    flex-basis: 31.3%;
    margin-bottom: 10px;
    margin-right: 3%;
}
.objects ul li img {
    width: 100%
}
.objects ul li h3 {
    display: none
}
.objects ul > li:nth-child(3n+3) {
    margin-right: 0
}
.objects ul > li:nth-child(7n+7 {
    margin-right: 1.31%;
})

/* module besps */

.besps_holder_1_0 {
    min-height: 360px;
    width: 100%!important
}
.besps_slides_1_0 {
    max-width: 360px;
    position: relative!important;
    width: 100%!important
}
.besps_slides_1_0 div {
    width: 100%!important
}
.besps_slides_1_0 div img {
    max-width: 360px;
    width: 100%!important;
    height: auto!important
}

/* sige */

ul.sige li {
    height: auto;
    width: 30.3%;
    margin-bottom: 10px!important;
    margin-left: 0;
    margin-right: 3.01%!important
}
ul.sige li img {
    height: 100%;
    width: 100%
}

/* iframe maps */

.moduletable iframe {
    max-width: 480px;
    width: 100%;
}
#contentbottombox {
    clear: both
}
.moduletable.objekte {
    margin-bottom: 2em
}
.moduletable.news {
    margin-top: 1em
}
#bottombox {
    float: none;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.901961);
    border-top-color: rgb(128, 128, 128);
    border-top-width: 1px;
    border-top-style: solid;
    padding: 10px;
    margin-right: 0px;
}
#bottomleftbox {
    float: none;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: 0px;
}
#bottommiddlebox {
    float: none;
    height: auto;
    margin-left: 0%;
    margin-top: 1em;
    clear: none;
    width: 100%;
    margin-right: 0px;
    display: block;
}
#bottomrightbox {
    float: none;
    height: auto;
    margin-left: 0%;
    margin-top: 1em;
    clear: none;
    width: 100%;
    margin-right: 0px;
    display: block;
}
#footerbox {
    float: none;
    height: 21px;
    margin: 1em 0px 0px;
    clear: none;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}


/* pagination */

div.pagination {
    margin-top: 2em
}
div.pagination ul {
    margin-left: 0px!important
}
div.pagination ul li {
    float: left;
    list-style: none!important;
    margin-right: 1em;
}
div.pagination ul li.pagination-prev:before {
    content: "< "
}
div.pagination ul li.pagination-next:after {
    content: " >"
}

/* columns */

.cols-1 {
    display: block;
    float: none !important;
    margin-bottom: 1em;
}
.cols-2 .column-1 {
    width: 48%;
    float: left;
}
.cols-2 .column-2 {
    width: 48%;
    float: right;
    margin: 0
}
.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0px 5px;
    margin-right: 4%
}
.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0px 5px
}
.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0px 5px
}
.cols-6 .item {
    float: left;
    width: 15%;
    margin-left: 2%;
    margin-bottom: 15px
}
.cols-6 .item.column-1 {
    margin-left: 0
}
.items-row {
    overflow: hidden;
}
.column-1,
.column-2,
.column-3 {}
.column-2 {
    width: 55%;
    margin-left: 40%;
}
.column-3 {
    width: 30%
}
.item-separator {}

/* attachments */

div.attachmentsContainer div.attachmentsList table {
    font-size: 100%!important
}
div.attachmentsContainer div.attachmentsList table {
    border: none!important
}
div.attachmentsContainer div.attachmentsList table tbody tr td {
    padding-bottom: 0!important
}
div.attachmentsContainer div.attachmentsList table tbody tr td a {
    font-weight: normal!important
}
div.attachmentsContainer div.attachmentsList table tbody tr td a:hover {
    color: #333!important
}
div.attachmentsContainer div.attachmentsList table tbody tr.even {
    background-color: transparent!important
}
div.attachmentsContainer div.attachmentsList table caption {
    font-size: 100%!important
}
div#topbox div.attachmentsContainer {
    display: none
}
div.attachmentsContainer td.at_filename a.at_icon img {
    margin-right: 0.5em;
    vertical-align: baseline;
}
.at_url {
    vertical-align: top
}

/* Chronoforms */

form#chronoform-agenda label.gcore-label-left {
    max-width: 180px !important;
    min-width: 180px !important;
    padding-top: 8px
}
form#chronoform-agenda div#fitem-zeit1 label.gcore-label-left,
form#chronoform-agenda div#fitem-zeit2 label.gcore-label-left {
    text-align: right
}
form.chronoform input#submit {
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(180, 180, 180, 1);
    border-radius: 4px;
    box-shadow: none;
    font-style: normal;
    margin: 1em 0;
    text-align: center;
    transition: box-shadow 0.25s, border 0.25s;
    padding: 0.25em 0.5em;
}
form.chronoform input#submit:hover {
    border: solid 1px rgba(240, 0, 0, 1);
    box-shadow: 0px 8px 4px -6px rgba(0, 0, 0, 0.5);
    text-decoration: none
}

/* SIGE */

span.sige_thumb {
    background: none!important
}
span.sige_thumb a img {
    transition: box-shadow 0.25s
}
span.sige_thumb a img:hover {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.50)
}

/* Lytebox */

#lbOuterContainer,
#lbDetailsContainer {
    border: none!important
}
#lbClose {
    width: 68px!important
}

/* login */

div.login {
    margin-bottom: 1em
}
div.login div.control-group {
    clear: both;
    margin-bottom: 0.5em
}
div.login div.control-group div.control-label {
    float: left;
    width: 12em
}
div.login-fields {
    margin-bottom: 0.5em
}
div.login-fields label {
    float: left;
    width: 15%
}
div.login button.btn,
div.logout button.btn {
    background-color: rgb(255, 255, 255);
    border: solid 1px rgb(180, 180, 180);
    border-radius: 4px;
    box-shadow: none;
    font-style: normal;
    margin: 1em 0;
    text-align: center;
    transition: box-shadow 0.25s, border 0.25s;
    padding: 0.25em 0.5em;
}
div.login button.btn:hover,
div.logout button.btn:hover {
    border: solid 1px rgba(240, 0, 0, 1);
    box-shadow: 0px 8px 4px -6px rgba(0, 0, 0, 0.5);
    text-decoration: none
}
.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: none;
}
.login .control-label {
    padding-top: 0.5em
}
.login .control-group:nth-child(3) {
    margin-top: 1em
}
.login .control-group:nth-child(3) .control-label {
    padding-top: 0
}
.login input[type="text"],
.login input[type="password"] {
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    font-family: inherit;
    padding: 8px 10px 7px;
    width: auto;
}
div.profile fieldset {
    margin-bottom: 1em
}
div.profile legend,
div.profile-edit legend {
    font-weight: 700
}
div.profile fieldset dl {}
div.profile fieldset dl dt {
    float: left;
    clear: left;
    width: 14em;
}
div.profile fieldset dl dt:after {
    content: ":";
}
div.profile fieldset dl dd {
    margin: 0 0 0 15em;
}
div.profile-edit div.control-group {
    margin-bottom: 0.25em
}
div.profile-edit div.control-group div.control-label {
    width: 16em;
    float: left;
}
input#remember.form-check-input {
    display: inline-block;
}