/*
 * Custom CSS
 *
 * Place here your custom CSS. This will keep your custom css when there is a theme update.
 *
 */

/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/montserrat-v12-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Thin'), local('Montserrat-Thin'),
       url('fonts/montserrat-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/montserrat-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
       url('fonts/montserrat-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
	background: #fff;
	color: #413D39;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

/* Headlines 
------------------------------------------------------------ */ 
 h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', serif;
	color: #413D39;
	font-weight: 400;
	margin-bottom: 15px;
	text-shadow: 2px 2px 5px rgba(65,61,57,0.3);
}
h1, h2, h3 {
	text-transform: uppercase;
}

h1 {
	font-size: 4rem;
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
}
h2 {
	font-size: 2.7rem;
	font-size: 35px;
	line-height: 43px;
}
h3 {
	font-size: 2.4rem;
	font-size: 30px;
	line-height: 37px;
}
h4 {
	font-size: 2.1rem;
	font-size: 21px;
	line-height: 24px;
}
h5 {
	font-size: 1.9rem;
	font-size: 19px;
	line-height: 22px;
	margin-bottom: 10px;
}
h6 {
	font-size: 1.7rem;
	font-size: 17px;
	line-height: 19px;
}
h1.entry-title, h2.entry-title, h2.entry-title a, h2.entry-title a:visited {
	color: #333333;
	font-family:'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	margin: 20px 0 10px;
}

@media (max-width: 768px) {
	h1 {
	font-size: 3rem;
    font-size: 30px;
    line-height: 35px;
    }
h2 {
	font-size: 2.5rem;
	font-size: 25px;
	line-height: 30px;
	}
h3 {
	font-size: 2.2rem;
	font-size: 22px;
	line-height: 26px;
	}
}

a, a:visited {
    color: #5F7181;
    text-shadow: 1px 1px 0px rgba(65,61,57,0.15);
	text-decoration: underline;
}

a:hover {
	color: #ac9985;
	text-decoration: underline;
}
img {
	border-radius: 4px;
	height: auto;
}
td {
	padding: 10px 3px;
}
.sidebar p.wp-caption-text, .content p.wp-caption-text {
	color: #6c7781;
    font-family: 'Open Sans', serif;
    font-size: 13px;
    margin: 0;
    padding: 0px;
}

p.wp-block-subhead {
    font-size: 18px;
    color: #413D39;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 200;
    opacity: 1;
}
.title-area {
	padding: 0px;
}
.header-image .site-title, .header-image .site-title a {
    width: 100%;
}

/*****
.header-image .title-area, .header-image .site-title, .header-image .site-title a {
    min-height: 80px;
    min-width: 300px;
}
*****/
@media (max-width: 500px) {
	.header-image .title-area, .header-image .site-title, .header-image .site-title a {
    min-height: 55px;
    min-width: 200px;
	}	
}

.nav-primary {
    margin-top: 11px;
}
.nav-primary a {
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
}
.nav-primary li a {
    color: #413D39;
    display: block;
    font-family: "Montserrat", sans serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
}
.nav-primary .current_page_item a, .nav-primary li a:hover {
    color: #5F7181;
	text-shadow: 1px 1px 0px rgba(65,61,57,0.15);
	text-decoration: none;
}

.nav-primary li a:active, .nav-primary li a:focus {
	color: #5F7181;
	text-shadow: 1px 1px 0px rgba(65,61,57,0.15);
}

.nav-primary li {
    border-left: 1px solid #CEBEAF;
}

@media (max-width: 1024px) {
	.nav-primary li {
    	border-left: 0;
	}
}
.nav-primary li.current_page_item, .nav-primary li:hover {
    border-left: 1px solid #CEBEAF;
}

@media (max-width: 1024px) {
	.nav-primary li.current_page_item, .nav-primary li:hover {
    	border-left: 0;
	}
}
.nav-primary ul li ul li {
    background-color: #CEBEAF;
}
.nav-primary li li a, .nav-primary li li a:link, .nav-primary li li a:visited {
    color: #23211F !important;
    font: 400 12px/18px 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.nav-primary ul li ul li a:hover {
    background-color: #adc0d0;
    text-shadow: none;
}

.nav-primary li li a, .nav-primary li li a:link, .nav-primary li li a:visited {
    transition: background-color linear 0.2s;
    -ms-transition: background-color linear 0.2s;
    -moz-transition: background-color linear 0.2s;
    -webkit-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s; 
}

#page-title {
    font-style: normal;
    text-shadow: 2px 2px 5px rgba(65,61,57,0.3);
}

.header-image .site-header .title-area {
    background-size: contain;
}

.header-image .title-area, .header-image .site-title, .header-image .site-title a {
    min-width: 50px;
}

@media only screen and (max-width: 1024px){
.site-header {
    padding-bottom: 5px;
    padding-top: 5px;
	}
.mobile_menu {
    margin-top: 13px;
	}
}

@media (max-width: 500px){
	.wp-block-cover-image {
    background-size: cover;
    min-height: 200px;
    background-repeat: no-repeat;
	}
	.header-image .site-header .title-area {
    max-width: 200px;
	}
}
.col-center {
    text-align: center;
    padding-top: 90px;
    min-height: 240px;
}
@media (max-width: 650px) {
	.col-center {
		min-height: 100px;
		padding: 40px 0 0 0;
	}
}
	

.color-container{
	border-radius: 4px;
}

.color-container-home {
	border-radius: 4px;
	padding-bottom: 80px;
	line-height: 35px;
}
@media (max-width: 650px) {
	.color-container-home {
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
}
.color-border {
    border: 1px solid;
    border-radius: 4px;
    margin-bottom: 30px;
}
@media(min-width: 801px) {
	.color-border {
		max-height: 325px;
	}	
}

.color-border-padding {
	padding: 20px 0;
}
.kontakt_table td{
	padding: 8px 3px;
}

@media only screen and (max-width: 800px){
	.fix-break-color-border {
		width: 65.81196581196582% !important;
	}
}
@media only screen and (max-width: 650px){
	.fix-break-color-border {
    	width: 100% !important;
	}
}
.blue {
	background-color: #adc0d0;
}
div.blue a {
	color: #413D39;
}
.sand {
	background-color: #CEBEAF;
}
.grey {
	background-color: #413D39;
	color: #fff;	
}
.grey h3{
	color: #fff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	
}
.blue-border {
	border-color: #adc0d0;
}
.sand-border {
	border-color: #CEBEAF;
}
.grey-border {
	
}

@media only screen and (max-width: 800px) {
.color-border-padding p, .color-border-padding table, .color-border-padding i  {
    padding-left: 20px;
	}
}
@media only screen and (max-width: 650px) {
.color-border-padding table {
    margin-left: 20px;
	}
}

.icon-homepage {
	margin-bottom: 50px;
}
.sprechzeiten {
	line-height: 30px;
}

button, a.button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .comment-reply a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background: #ADC0D0;
	-webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

a.button:hover, a.button:focus, .comment-reply a:hover, .comment-reply a:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: #CEBEAF;
}
a.cta_button {
	line-height: 30px;
	float: left;
}
a.cta_button:hover, a.cta_button:visited {
	color: #413D39;
}

.datenschutz {
	margin-top: -20px;
}

.footer-widgets {
    background: none repeat scroll 0 0 #413D39;
    color: #CEBEAF;
    margin-top: 50px;
    width: 100%;
	font-size: 14px;
}

.footer-widgets .widget-area h4 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
	text-transform: uppercase;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
    float: left;
    margin: 0 1.1% 20px;
    width: 31.13%;
}
@media (max-width: 650px) {
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
    width: 100%;
	}
}

.site-footer {
    background: none repeat scroll 0 0 #23211F;
    text-shadow: none;
    width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

.fa-envelope {
	margin-right: 5px;
}
.fa-fax {
	margin-right: 5px;
}
.fa-clock {
	margin-right: 5px;
}
.fa-phone {
	margin-right: 8px;
}
.footer-widget-area .karte {
    max-width: 90%;
    height: auto;
    border-radius: 4px;
}
@media (max-width: 650px) {
.footer-widget-area .karte {
    max-width: 98%;
	}
}

input, textarea, select, .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #ADC0D0;
	border-radius: 4px;
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    font-family: 'Open Sans';
}

.search-form input:first-child {
    width: auto;
}

.call_to_action_box {
    margin: 20px 2px 20px 0px;
}

#menu-footer li a {
    color: #CEBEAF !important;
    display: block;
    font-family: "Montserrat", sans serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px rgba(172, 192, 208, 0.5);;
}

#menu-footer li a:hover {
    color: #ffffff !important;
}

.trigger-button span {
    padding: 8px 0 8px 20px;
    display: block;
    font-family: 'Montserrat', serif;
    color: #413D39;
    font-weight: 400;
    text-shadow: 2px 2px 5px rgba(65,61,57,0.3);
    font-size: 2.4rem;
    font-size: 30px;
    line-height: 37px;
	text-transform: uppercase;
}

@media (max-width: 600px) {
	.trigger-button span {
    font-size: 2.0rem;
	}
}

@media (max-width: 400px) {
	.trigger-button span {
    font-size: 1.5rem;
	}
}


.accordion_image {
    background-color: #ACC0D0;
    margin: 15px 15px;
}

.active .accordion_image {
    background-color: #CDBEAF;
    margin: 15px 15px;
}

a.button {
    color: #413D39;
}

.list-radio-wrap .nf-field-element li input, .list-radio-wrap .nf-field-element ul input {
    margin-left: 5px;
}
.pum-theme-482 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close {
    font-family: Montserrat !important;
    background-color: rgba(173, 191, 207,1.00 )!important;
}
#popmake-486 > button {
    font-family: Montserrat !important;
    background-color: rgba(173, 191, 207,1.00)!important;
}
.site-inner {
    margin-top: 0px;
}

table#aesthetik td {
    padding: 15px 10px;
}

div.karte_240 div.wp-block-cover {
		min-height: 298px;
		padding-left: 0px;
}
div.karte_240 .wp-block-cover.has-background-dim {
    background-color: none;
}

@media only screen and (max-width: 800px) {
	div.karte_240 {
    	margin-bottom: 0px!important;
	}
}

@media(min-width: 782px){
	h4.under_781 {
		display: none
	}
}

@media(max-width: 781px){
	h4.above_781 {
		display: none
	}
}

div.one-third {
    width: 31.623931623931625%;
}


/**** CSS for Trio-Pics on Homepage****/
.trio_image {
	height: 510px;
    margin-left: 0px !important;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(51,51,51,0.5);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(51,51,51,0.5);
	box-shadow: inset 0px 0px 8px 0px rgba(51,51,51,0.5);
}

@media(max-width: 1024px){
	.trio_image {
		height: 320px;
	}
}

@media(max-width: 781px){
	.trio_image {
		height: 250px;
	}
	.trio_image_kontakt {
		display: none;
	}
}

@media (max-width: 781px) and (min-width: 600px){
	.trio .wp-block-column {
    	flex-basis: calc(50% - 0px)!important;
    	flex-grow: 0;
	}
}


.trio_image_holder {
	width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(51,51,51,0.5);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(51,51,51,0.5);
	box-shadow: inset 0px 0px 8px 0px rgba(51,51,51,0.5);
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.trio_image_left {
	background-image: url('https://www.hno-zentrum-mainz.de/wordpress/wp-content/uploads/Instrument.jpg');
	background-position: 20%;
}

.trio_image_center {
	background-image: url('https://www.hno-zentrum-mainz.de/wordpress/wp-content/uploads/tresen.jpg');
}

.trio_image_right {
	background-image: url('https://www.hno-zentrum-mainz.de/wordpress/wp-content/uploads/Orchidee.jpg');
}


.trio_image_holder:hover {
    transform: scale(1.05);
}

.trio_image .wp-block-buttons {
	margin-bottom: 50px;
	/*.position: absolute;
	bottom: 20px;	
	width: 80%;
	margin-left: 10%;	
	margin-right: 10%;
	display: block;*/
}

@media(max-width: 1024px){
	.trio_image .wp-block-buttons{
		margin-bottom: 35px;	
	}	
}

.wp-block-button__link {
    color: #333 !important;
	font-weight: 700;
	text-transform: uppercase;
    background-color: #ADC0D0;
    border: none;
    border-radius: 4px;
    font-size: 16px;
	-webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.wp-block-button__link:hover {
    background-color: #CEBEAF;
}

@media(max-width: 1024px){
	.wp-block-button__link {
    color: #333 !important;
	font-weight: 700;
	text-transform: uppercase;
    background-color: #ADC0D0;
    border: none;
    border-radius: 4px;
    font-size: 12px;
	padding: 5px 10px;
	-webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
	}
}

.nav-primary li {
    padding: 10px 10px 10px 10px;
}

#menu-item-840 > a {
	color: #333 !important;
	text-transform: uppercase;
    background-color: #ADC0D0;
    border: none;
    border-radius: 4px;
    font-size: 14px;
		padding: 0px 10px;
	-webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
	
}
#menu-item-840 > a:hover {
background-color: #CEBEAF;
}

.wp-block-button__link_reverse {
	color: #333 !important;
	font-weight: 700;
	text-transform: uppercase;
    background-color: #CEBEAF;
    border: 1px solid #403D38;
    border-radius: 4px;
    font-size: 16px;
	box-shadow: none;
    display: inline-block;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
	-webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;	
}


@media(max-width: 1024px){
	.wp-block-button__link_reverse {
    font-size: 12px;
	padding: 5px 10px;
	}
}

@media (max-width: 600px) {
	.wp_media_txt .wp-block-media-text__content { 
		margin-top: 30px;
		padding: 0px;
	}
}

.site-header .wrap {
    padding: 0px;
}
@media(max-width:1024px){
	.site-header .wrap {
    	padding: 0 20px;
	}
}

.header-image .site-header .title-area {
    background-position: left center !important;
}