:root {
  --c-primary-light : #9f283488;
  --c-primary       : #bc3846;
  --c-primary-mid   : #9f2834;
  --c-primary-dark  : #8C1521;
  --c-text-light    : #c1c1c1;
  --c-text          : #767676;
  --c-text-dark     : #333333;
  --c-border        : #e0e0e0;
  --c-background    : #f6f6f6;
}

html {
  scroll-behavior: smooth;
}
body {
  font-family    : "open sans", Sans-serif;
  background     : white;
}
h1 {
	text-transform : uppercase;
  font-family    : 'Oswald', sans-serif;
  color          : var(--c-text);
}
h2, h3 {
	text-transform : uppercase;
  font-family    : 'Oswald', sans-serif;
   color         : var(--c-text-dark);
}
h4, h5, h6 {
  font-family    : "open sans", Sans-serif;
  line-height    : 1.7;
  color          : var(--c-text-dark);
  font-weight    : 600;
}
.business-partners h4,
.geschaftspartner h4 {
  line-height    : 1;
}
h1 {
  font-size      : 40px;
  margin         : 0;
  letter-spacing :-1px;
}
h2:focus-visible {
  outline : none;
}
h4 {
  font-size      : 18px;
  margin-bottom  : 0;
  margin-top     : 25px;
}
p {
  font-family    : "open sans", Sans-serif;
  font-size      :16px;
  line-height    :1.7;
  color          :var(--c-text);
}

a {
  text-decoration :none;
  color           : var(--c-primary-mid);
}
a:hover,
a:focus,
a:focus-visible {
	outline : none;
  color   : var(--c-primary-dark);
}

ul {
  color           : var(--c-text);
  line-height     : 1.7;
  font-size       : 16px;
  list-style-type : disc;
}

.btn {
  font-family         : 'Oswald', sans-serif;
  border-width        : 0;
  border-radius       : 0;
  padding             : 10px 30px;
  font-size           : 20px;
  transition-property : padding;
  transition-duration : 0.3s;
}
.btn:hover {
  padding             : 10px 40px;
  transition-property : padding;
  transition-duration : 0.3s;
}
.btn:focus-visible,
.btn:active,
.btn:focus,
.btn:focus:active {
	outline : none;
}
.btn-info {
  background-color    : var(--c-primary);
  text-transform      :uppercase;
}
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open > .dropdown-toggle.btn-info {
  color            : white;
  background-color : var(--c-primary-mid);
}
.btn-warning {
  background-color: black;
}
.btn-warning:hover {
  background-color: black;
}
.btn-link {
  color: black;
}
.btn-link:hover {
  color: var(--c-primary);
}

.form-control {
  display          : block;
  width            : 100%;
  height           : 34px;
  padding          : 6px 12px;
  font-size        : 14px;
  line-height      : 1.42857143;
  color            : black;
  background-color : transparent;
  background-image : none;
  border-width     : 0px 0px 2px 0px;
  border-style     : solid;
  border-color     : black;
  border-radius    : 0px;
  box-shadow       : inset 0 1px 1px rgba(0,0,0,.0);
  transition       : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  margin-bottom    : 10px;
  font-family      : 'Oswald', sans-serif;
  text-transform   :uppercase;
}
.form-control:focus {
  border-color: var(--c-primary);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--c-primary-light);
}


.pagination {
  display: block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; 
  text-align: right;
}
.page-numbers {
  color: var(--c-primary-mid);
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  margin: 0 !important;
  padding: 3px 7px;
}
.page-numbers:hover {
  color: black;
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  margin: 0 !important;
}
.page-numbers.current {
  color: var(--c-text-light);
}
.cropit {
  margin-bottom: 20px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: white;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
img {
  max-width: 100%;
  height: auto;
}



/* -------------------*/
#page {
  padding-top:120px;
  padding-bottom:7%;
}
.page-content {
  padding-top: 40px; 
}


/* Footer */
#footer {
  background-image:url("/wp-content/themes/corum/img/map-ch.png");
  background-position: center;
  padding-top:80px;
  padding-bottom:80px;
}
.corumde #footer {
  background-image:url("/wp-content/themes/corum/img/map-de.png");
}
#footer p {
    color: black;
    font-size: 16px;
    margin-top: 10px;
}
#footer h1 {
    color: black;
}
.social-media a {
  color: var(--c-primary-mid);
  font-size: 20px;
  margin: 0px 10px;
  display:inline-block;
  transition-property:color;
  transition-duration:0.3s;
}
.social-media a:hover {
  color: black;
  font-size: 20px;
  margin: 0px 10px;
  display:inline-block;
  transition-property:color;
  transition-duration:0.3s;
}
#footer a h2 {
  color: black;
  letter-spacing: -1px;
  font-size: 25px;
  margin-right:10px;
}
#footer .maps .fa {
	color: var(--c-primary);
  margin-left:10px;
  transition-property:margin-left;
  transition-duration:0.3s;
}
#footer .maps:hover .fa {
  margin-left:20px;
  transition-property:margin-left;
  transition-duration:0.3s;
}
.footer-menu:hover,
.footer-menu:active,
.footer-menu {
  color: var(--c-primary-mid);
  text-transform: uppercase;
}
.footer-region {
  margin-bottom: 25px;
}
#footer ul {
  padding:0;
}
#footer li {
  list-style:none;
}
#footer li a {
  color: var(--c-primary-mid);
  text-transform:uppercase;
}


/* Other */
.second-service {
  background: transparent;
}
.no-thumb {
  background: var(--c-primary);
  color: white;
  padding: 15px;
  color: white;
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -3px;
  height: 110px;
  vertical-align: middle !important;
  text-align: center;
}
.caps {
  margin-top:0;
}
.caps a {
  color:black;
}
#pagetitle {
  margin-bottom: 70px;
}
.thepost p {
  font-size: 13px;
  margin-top:5px;
}
.readmore {
  display:block;
  color: var(--c-primary);
  transition-property:color;
  transition-duration:0.3s;
  font-weight:600
}
.readmore:hover {
  color:black;
  transition-property:color;
  transition-duration:0.3s;
}

.imglink {
  opacity:1;
  transition-property:opacity;
  transition-duration:0.3s;
}
.imglink:hover {
  opacity:0.5;
  transition-property:opacity;
  transition-duration:0.3s;
}
.thepost {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--c-border);
  min-height: 200px;
}
#in-con {
  margin-top: 50px;
  margin-bottom: 50px;
  background: white;
}
.mountain {
  background-color: white;
  background-size: cover;
  min-height: 195px;
  padding: 5%;
}
#error-template {
  padding: 150px 0 80px;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* Tabs */
.nav-tabs {
  border           : none;
  margin-top       : 40px;
  padding-bottom   : 20px;
}
.nav-tabs .nav-item a {
  float            : left;
  margin-right     : 10px;
  margin-bottom    : 10px;
  text-transform   : uppercase;
}
.nav-tabs .nav-item {
  display          : inline-block;
}
.nav-tabs .nav-item a .btn {
  transition       : all 0.3s; 
  white-space      : normal;
}
.nav-tabs .nav-item.selected a .btn {
  background-color : black;
  border           : none;
}
.nav-tabs .nav-item a .btn:hover {
  padding          : 10px 30px;
  transform        : translateY(-5px);
  background-color : var(--c-primary-mid);
  border           : none;
}
.spacer {
  border-bottom    : 1px solid var(--c-border);
  margin-bottom    :  40px;
}
.corumde .partners-template .spacer,
.corumwm .partners-template .spacer {
  margin-top       : 40px;
}


/* Contactform */
.wpcf7-form textarea:-ms-input-placeholder,
.wpcf7-form input:-ms-input-placeholder {
  color: black;
}
.wpcf7-form textarea::placeholder,
.wpcf7-form input::placeholder {
  color: black;
}



.c-post-image img {
  object-fit   : cover;
  width        : 100%;
  aspect-ratio : 1/1;
  /* max-height   : 200px; */
}




/* nachrichten (index) */
.c-post-container {
  display               : grid;
  grid-template-columns : 1fr 1fr;
  column-gap            : 20px;
}
.c-post-container::after,
.c-post-container::before {
  content: none;
}
.c-post-container article {
  display               : grid;
  grid-template-columns : 25% 1fr;
  column-gap            : 20px ;
}

@media (max-width: 991px) {
  .c-post-container {
    grid-template-columns : 1fr;

  }
}
@media (max-width: 550px) {
  .c-post-container article {
    grid-template-columns : 1fr;
    row-gap: 20px;
  }
}