/*
	Theme Name: Familie Rathjen
	Theme URI: http://www.familie-rathjen.de/
	Description: Familie Rathjen Theme
	Version: 1.0
	Author: Christoph Karnebogen & Mirco Hüneke
	Author URI: http://www.diersundhemmje.de/
*/


/* ------------------- fonts import ------------------- */

@font-face{
        font-family:"Candida W01 Roman1551446";
        src:url("fonts/8e270d8a-e446-4fe7-9233-ba659c338b5e.woff2") format("woff2"),url("fonts/13216ab5-7658-443c-9d6d-af3f66484936.woff") format("woff");
}
@font-face{
        font-family:"Candida W01 Italic1551450";
        src:url("fonts/78bc7ad8-aa6b-4e9c-aefb-7cbbde5c0784.woff2") format("woff2"),url("fonts/04bbf71e-c522-4ded-b99f-b6bf48a36961.woff") format("woff");
}
@font-face{
        font-family:"Candida W01 Bold1551454";
        src:url("fonts/4e738e18-0b84-42e5-af25-e32bc8d9ef15.woff2") format("woff2"),url("fonts/f35eb63e-092a-4181-a63f-aefc9535a5b4.woff") format("woff");
}



/* ------------------- BASIC ------------------- */

::selection {
    background: rgba(177, 200, 0, 0.75);
    color: #FFFFFF;
}
::-moz-selection {
    background: rgba(177, 200, 0, 0.75);
    color: #FFFFFF;
}

:focus {
    outline: 0 !important;
}

html{
	overflow-x: hidden;
}


body {
	font-family:'Candida W01 Roman1551446';
	padding: 0;
	font-size: 16px;
	line-height: 1.7;
	background-image: url(img/bg.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
	color: #6f2521;
	
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}

b{
	font-family:'Candida W01 Bold1551454' !important;
}

a {
    color: inherit;
    text-decoration: none;
	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

a:hover, a:focus{
	color: inherit !important;
    opacity: 0.68 !important;
    text-decoration: none !important;
}




/* ------------------- Headlines ------------------- */

h1{
	width: 1rem;
	font-size: 80px;
	font-family:'Candida W01 Italic1551450';
	line-height: 0.85;
	position: absolute;
	margin-top: -124px;
}

.h1-spacer{
	height: 72px;
}

h2{
	font-family:'Candida W01 Italic1551450';
	font-size: 70px;
	line-height: 0.85;
	margin-top: 100px;
	margin-bottom: 50px;
}

h3{
	font-family:'Candida W01 Bold1551454';
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 1.2;
}





/* -------------------- COLORS -------------------- */

.white { color: #FFFFFF; }
.white-bg { background-color: #FFFFFF; }

.black { color: #000000; }
.black-bg { background-color: #000000; }

.red { color: #6f2521; }
.red-bg { background-color: #6f2521; }






/* ------------------- MAIN-NAV ------------------- */

.logo { 
	margin-top: 35px; 
	width: 500px;
}

.navbar { 
	margin-bottom: 0px; 
	border-radius: 0; 
	text-align: center;
	border: 0px;
}

.mainnav{
	width: 100%;
	margin-top: 60px;
}

.mainnav li {  
	text-transform: uppercase; 
	padding: 0px 25px;
	display: inline-block;
	float: none;
	border-bottom: 5px solid transparent;
	
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.mainnav li a {  
	font-family:'Candida W01 Bold1551454';
	color: #6f2521;  
	font-size: 17px; 
	padding: 0px;
	padding-bottom: 25px;
}

.mainnav li:hover { 
	background-color: transparent;
	border-bottom: 5px solid #6f2521;
}

.mainnav li:hover a{ 
	background-color: transparent;
}

.mainnav .active{ 
	border-bottom: 5px solid #6f2521;
}

.mainnav i{
    line-height: 1.3;
}

.dropdown-menu { 
	border: 0; 
	background-color: #99cfbe; 
	border-radius: 0; 
	padding: 30px; 
	border-bottom: 5px solid #6f5f42; 
}

.dropdown-menu li { 
	border-bottom: 1px solid #6f5f42; 
	width: 100%; border-right: 0; 
	margin-top: 15px; 
	padding: 0 0 15px 0; 
}

.dropdown-menu li:last-child { border-bottom: 0px; padding: 0; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, 
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: transparent; font-weight: bold; text-transform: uppercase;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #FFFFFF; }

.dropdown-menu a small { font-weight: normal; text-transform: none; }

.dropdown-menu > li > a { padding: 0; }


.footer-nav {
    margin-bottom: 0px;
	padding: 0px;
}

.footer-nav li {
    display: inline-block;
	font-family: 'Candida W01 Bold1551454';
    font-size: 17px;
    padding-bottom: 15px;
	padding-top: 15px;
}

.footer-nav li a{
    border-right: 1px solid #6f2521;
    color: #6f2521;
	padding-right: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.footer-nav li:last-child a{
    border-right: 1px solid transparent;
}

.footer-nav li a:hover{
    text-decoration: none;
	opacity: 0.68;
}




/* ----------------- SLIDER ----------------- */

.fagsfacf-slider-wrap{
	margin-bottom: -1px;
}

.fagsfacf-gallery-slide img{
	width: 100% !important;
}

.fagsfacf-slider-wrap:before{	
	-webkit-filter: blur(12px);
	filter: blur(12px);
	transform: scale(2) translateY(20px);
}

.fagsfacf-gallery-slider button.slick-next, .fagsfacf-gallery-carousel button.slick-next {
	background: url(img/arrow-right.svg) !important;
    background-size: cover !important;
	width: 50px;
    height: 50px;
    margin-right: 15px !important;
	opacity: 0.5;
	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.fagsfacf-gallery-slider button.slick-next:hover, .fagsfacf-gallery-slider button.slick-next:focus, .fagsfacf-gallery-carousel button.slick-next:hover, .fagsfacf-gallery-carousel button.slick-next:focus{
	background: url(img/arrow-right.svg) !important;
    background-size: cover !important;
	width: 50px;
    height: 50px;
    margin-right: 15px !important;
	opacity: 1;
}

.fagsfacf-gallery-slider button.slick-prev, .fagsfacf-gallery-carousel button.slick-prev {
	background: url(img/arrow-left.svg) !important;
    background-size: cover !important;
	width: 50px;
    height: 50px;
    margin-left: 15px !important;
	opacity: 0.5;
	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.fagsfacf-gallery-slider button.slick-prev:hover, .fagsfacf-gallery-slider button.slick-prev:focus, .fagsfacf-gallery-carousel button.slick-prev:hover, .fagsfacf-gallery-carousel button.slick-prev:focus {
	background: url(img/arrow-left.svg) !important;
    background-size: cover !important;
	width: 50px;
    height: 50px;
    margin-left: 15px !important;
	opacity: 1;
}






/* ----------------- FORM ----------------- */

input, .wpcf7-submit, select, textarea {
    width: 100%;
}

label {
    width: 100%;
}

#cf7md-form .mdc-textfield, #cf7md-form input, #cf7md-form label {
	font-family:'Candida W01 Roman1551446' !important;
	font-size: 17px;
}

#cf7md-form .mdc-textfield--focused .mdc-textfield__label{
	color: #6f2521;
}

#cf7md-form .mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after,
#cf7md-form .mdc-multi-select:focus .mdc-list-item:checked,
#cf7md-form .mdc-checkbox__background::before,
#cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
#cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
#cf7md-form .mdc-radio__background::before,
#cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
#cf7md-form .mdc-button--primary.mdc-button--raised,
#cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background::before,
#cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob,
#cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before {
  background-color: #6f2521; }

#cf7md-form .mdc-textfield--multiline .mdc-textfield__input:focus,
#cf7md-form .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus,
#cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
#cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
#cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #6f2521; }

#cf7md-form .mdc-select:focus {
  border-bottom-color: #6f2521; }

.dsgvo {
    position: absolute;
	z-index: 500;
	width: 20px !important;
}

.dsgvo-text{
	font-family:'Candida W01 Roman1551446' !important;
	display: inline-block;
    padding-top: 10px;
	font-size: 17px;
}

.dsgvo-text a{
	text-decoration: underline;
}

.wpcf7-submit{
	color: white !important;
}

button:disabled {
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important;
    cursor: not-allowed !important;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid red;
    margin: 0 0 30px 0;
    padding: 10px 15px;
}





/* -------------------- TABLE -------------------- */

table{ 
    width: 980px;
    margin-left: -425px;
}

td, th {
    line-height: 1.5;
    text-align: left;
    padding: 10px;
}

tr:first-child th{
	border-bottom: 1px solid #6f2521;
}






/* ----------------- ELEMENTS ----------------- */

#fragen{
	margin: 100px 0 80px 0;
	font-family:'Candida W01 Italic1551450';
	color: #6f2521;
}

#kontaktdaten{
	margin: 60px 0 60px 0;
}

.container-special{
	width: 100%; /*calc( ((100vw - 1170px) / 2) + 1250px )*/
	margin-bottom: -50px;
}

.container-special-inner{
	/* margin-left: calc( (100vw - 1170px) / 2 ); */
	padding-bottom: 160px;
	/* margin-right: 100px; */
}

.no-padding{
	padding: 0px;
}

.logo-icon {
    margin-top: -45px;
    width: 90px;
    float: right;
}

.section-icon{
	margin-top: 50px;
    margin-bottom: -115px;
}

.section-icon img{
	width: 65px;
}

.home-white-box{
	-webkit-box-shadow: 0px 0px 65px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 65px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 65px 2px rgba(0,0,0,0.25);
	padding: 80px 0px 80px 0px;
}

.content-box{
	margin-bottom: 80px;
}

.content-box:last-child {
	margin-bottom: 0px;
}

.leistung {
    border-bottom: 1px solid #6f2521;
    padding-bottom: 15px;
}

.leistung:last-child {
    border-bottom: 0px;
}

.box-foto {
    margin-left: -80px;
	padding: 0 !important;
}

.box-foto-shadow {	
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.3);
}

#fragen .text-head{
	font-size: 30px;
    margin-bottom: 30px;
	line-height: 1.2;
}

#fragen .text-block{
	text-align: left;
	font-size: 21px;
}

.footer-logo {
    margin-top: 0px;
    width: 500px;
	margin-bottom: 30px;
}

#kontaktdaten ul{
	margin-bottom: 0px;
	padding-left: 0px;
}

#kontaktdaten ul li{
	display: inline-block;
	padding: 0 15px 0 15px;
	border-right: 1px solid white;
	line-height: 1;
}

#kontaktdaten ul li:last-child{
	border-right: 1px solid transparent;
}

.box-text-left{
	margin-right: -80px;
	margin-left: 80px;
}

.box-foto-right img{
	    margin-left: 80px;
}

.content-box h2{
	margin-bottom: 0;
}

.content-box h3{
	font-size: 25px;
	margin-bottom: 40px;
	font-family:'Candida W01 Italic1551450';
}

.menu-text {
	display: none;
}

.visible-xs-inline{
	display: none;
}

.impressum-style h2 {
	font-size: 25px !important;
	margin-top: 35px;
    margin-bottom: 5px;
	font-family:'Candida W01 Bold1551454';
	line-height: 1.2;
}

.impressum-style h2:first-child {
	margin-top: 0px;
}

.impressum-style h3 {
    font-size: 20px !important;
    line-height: 1.6 !important;
	font-weight: bold !important;
	margin-top: 30px;
    margin-bottom: 5px;
	font-family:'Candida W01 Bold1551454';
}

.impressum-style b, .impressum-style strong {
    margin-top: 30px;
    margin-bottom: 5px;
    display: block;
	font-family:'Candida W01 Bold1551454';
	font-style: italic;
}

.impressum-style ul {
	margin: 25px 0;
	padding-left: 20px; 
}

.impressum-style li {
	list-style: disc;
}

.impressum-style a {
	text-decoration: underline;
	word-wrap: break-word;
}

.impressum-style a:hover {
	text-decoration: underline !important;
}

.page-id-44 .container-special-inner, .page-id-46 .container-special-inner {
    padding-bottom: 100px !important;
}

.page-id-44 .container-special, .page-id-46 .container-special {
    margin-bottom: 0px;
}

.anchors{
	text-decoration: underline;
	font-family:'Candida W01 Italic1551450';
	font-size: 19px;
	padding-right: 15px;
}

.text-shadow-red{
	text-shadow: -2px -2px 10px #6f2521, 2px 2px 10px #6f2521, 2px -2px 10px #6f2521, -2px 2px 10px #6f2521;
}

.text-shadow-white{
	text-shadow: -2px -2px 10px white, 2px 2px 10px white, 2px -2px 10px white, -2px 2px 10px white;
}

.map-frame{
    width: 100%;
    margin-bottom: -80px;
    margin-top: 60px;
    height: 500px;
}

@-moz-document url-prefix() {
	.map-frame{
			margin-bottom: -90px;
	}
}

.img-100{
	width: 100%;
}

.pagination-btn{
	display: inline-block;
	padding: 0 10px;
}

.pagination-btn a {
    background-color: white;
    color: #6f2521;
    padding: 15px 20px;
    border: 5px solid #6f2521;
	font-family:'Candida W01 Bold1551454';
}

.slb_data_title{
	display: none !important;
}

.slb_slideshow{
	display: none !important;
}

.cn-button.wp-default:hover {
    color: #222 !important;
}

.footer-cc-space{
	padding-bottom: 45px;
}

.oko-strom {
    position: absolute;
    margin-top: -115px;
	right: 0;
	margin-right: 15px;
}

.oko-strom img{
    width: 250px;
}

.mitarbeiter{
	padding-left: 80px;
	padding-right: 80px;
}

.mitarbeiter-spacer{
	height: 30px;
}

.ma-img {
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.ma-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all .5s;
	overflow: hidden;
	height: 0;
	background: rgba(255, 255, 255, 0.85);
	line-height: 1.5;
}
.ma-img:hover .ma-overlay,
.ma-overlay:hover, .ma-img:active .ma-overlay,
.ma-overlay:active {
	height: 40%;
	padding: 15px;
}
.ma-img > img {
	display: block;
}

.ma-overlay span{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 8px;
	display: block;
}

.mitarbeiter h2{
	margin-top: 0px;
	margin-bottom: 80px;
}

.page-id-13 table{
	background-color: rgba(255,255,255, 0.85);
}

.captcha-image {
    width: 100%;
    border: 0 !important;
}

.captcha-image .cf7ic_instructions span {
    color: rgba(177, 200, 0, 0.75) !important;
}

.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {
    border-color: rgba(177, 200, 0, 0.75) !important;
}

.insta-icon{
	width: 20px;
}








/* ------------------------------------------------ MOBILE ------------------------------------------------ */

@media screen and (max-width: 767px) { 
	
	.container-special {
		width: 100%;
		margin-bottom: 50px;
	}
	
	.container-special-inner {
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 30px;
	}
	
	.container{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	h1 {
		font-size: 48px;
		margin-top: -65px;
	}
	
	.h1-spacer {
		height: 45px;
	}
	
	h2 {
		font-size: 48px;
		margin-top: 40px;
    	margin-bottom: 40px;
	}
	
	.logo {
		margin-top: 20px;
		width: 95%;
	}
	
	.footer-logo {
		width: 90%;
	}
	
	.nav-mobile{
		background-color: #6f2521;
		width: calc( 100% + 30px );
		margin-left: -15px;
		margin-top: 20px;
	}
	
	.nav-mobile .icon-bar{
		background-color: white;
		width: 23px;
    	height: 3px;
	}
	
	.menu-text {
		width: calc( 100% - 60px );
		display: inline-block;
		margin-top: 14px;
		padding-left: 15px;
	}
	
	.mainnav li {
		display: block;
		padding: 0px 0px;
		border-bottom: 1px solid white; 
	}
	
	.mainnav .active {
		border-bottom: 1px solid white;
	}
	
	.mainnav li:hover {
		background-color: transparent;
		border-bottom: 1px solid white;
		color: white;
	}
	
	.mainnav li a {
		color: white;
		padding: 10px 0px;
	}
	
	.mainnav li a:hover, .mainnav li a:focus {
		background-color: transparent;
		color: white !important;
	}
	
	.mainnav li a:before {
		font-family: 'Font Awesome 5 Free';
   		content: "\f101 \00a0\00a0";
		font-weight: 900;
	}
	
	.navbar-collapse {
		width: 100%;
		border-top: 0;
    	-webkit-box-shadow: none;
    	box-shadow: none;
		width: calc( 100% + 30px);
    	margin-left: -15px;
		
		-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.3);
	}
	
	.navbar-nav {
		margin: 0;
	}
	
	.mainnav {
		width: 100%;
		margin-top: 0px;
		text-align: left;
		padding: 15px 15px 30px 15px;
	}
	
	.visible-xs-inline{
		display: inline-block;
	}
	
	.home-white-box {
		width: calc( 100% + 30px);
		margin-left: -15px;
		padding: 0;
		padding-bottom: 80px;
	}
	
	.img-half{
		width: 50%;
    	display: inline-block;
    	float: left;
	}
	
	.img-full{
		width: 100%;
	}
	
	.box-foto {
		margin-left: 0;
		padding: 0 !important;
	}
	
	.container-extra{
		padding: 0 30px;
	}
	
	.section-icon img{
	    width: 60px;
		float: none;
	}
	
	#fragen {
		margin: 70px 0 90px 0;
	}
	
	#fragen .text-block {
		text-align: left;
		font-size: 19px;
	}
	
	#fragen .text-block {
		text-align: center;
		font-size: 20px;
	}
	
	#kontaktdaten ul li {
		display: block;
		border-right: 0;
		padding: 5px 0px;
	}
	
	.footer-nav {
		margin-bottom: 0px;
		padding: 30px 0px;
	}
	
	.footer-nav li {
		display: block;
		padding: 0;
	}
	
	.footer-nav li a {
		border-right: 0;
		display: block;
		padding: 0 0;
	}
	
	.box-foto-right img {
		margin-left: 0px;
	}
	
	.box-text-left {
		margin-right: 0;
		margin-left: 0;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.map-frame {
		width: calc( 100% + 30px );
		margin-left: -15px;
		margin-top: 30px;
		height: 500px;
	}
	
	.extra-padding {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
	}
	
	.pagination-btn{
		display: block;
		padding: 0 0px;
	}
	
	.pagination-btn a{
		width: 100%;
    	display: block;
	}
	
	.pagination-btn a {
		padding: 5px;
	}
	
	.pagination-btn a:first-child {
		margin-bottom: 15px;
	}
	
	.footer-cc-space {
		padding-bottom: 85px;
	}
	
	.oko-strom img {
		width: 180px;
	}
	
	.oko-strom {
		margin-top: -130px;
		right: calc( 50% - 90px );
		margin-right: 0px;
	}
	
	#kontaktdaten {
		margin: 90px 0 60px 0;
	}
	
	
	.page-id-13 table {
		width:100%;
		margin-left: 0px;
	}
	.page-id-13 thead {display: none;}
	.page-id-13 tr td:first-child {
		background: #6f2521; 
		font-weight:bold;
		border-bottom:0 solid transparent; 
		color:white; 
		margin-top:50px;
	}
	.page-id-13 tr td:last-child {border-bottom:0 solid transparent;}
	.page-id-13 tbody td {display: block;  text-align:center;}
	.page-id-13 tbody td:before { 
    		content: attr(data-th); 
    		display: block !important;
    		text-align:center !important;
  	}
	.page-id-13 tbody td:first-child:before { 
		content: '';
  	}
	.page-id-13 td { border-bottom:1px solid #60646c; border-right:0 solid transparent; }
	.page-id-13 td, th {
    		line-height: 3;
	}
	
	.hider{
		visibility: hidden !important;	
	}
	
	.mitarbeiter {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.ma-img:hover .ma-overlay,
	.ma-overlay:hover, .ma-img:active .ma-overlay,
	.ma-overlay:active {
		height: 25%;
	}
	
	.mitarbeiter h2 {
		margin-top: 40px;
		margin-bottom: 50px;
	}
	
	.mobile-more{
		position: absolute;
		bottom: 13px;
		right: 19px;
		font-size: 30px;
		color: white;
		opacity: 1;
	}
	
	.ma-img:hover .mobile-more {
		opacity: 0 !important;
	}
		
}





/* ------------------------------------------------ Tablet ------------------------------------------------ */

@media (min-width: 768px) and (max-width: 991px) { 

	.container-special{
		width: 100%; /* calc( ((100vw - 750px) / 2) + 800px ) */
	}

	.container-special-inner{
		/* margin-left: calc( (100vw - 750px) / 2 ); */
		padding-bottom: 160px;
		/* margin-right: 50px; */
	}
	
	.container {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.mainnav li a {
		padding-bottom: 5px;
		padding-top: 10px;
	}
	
	.mainnav {
		width: 100%;
		margin-top: 35px;
	}
	
	h1 {
		font-size: 60px;
		margin-top: -92px;
	}
	
	.h1-spacer {
		height: 55px;
	}
	
	h2 {
		font-size: 60px;
		margin-top: 80px;
	}
	
	.box-foto {
		margin-left: -50px;
	}
	
	#fragen .text-block {
		text-align: center;
		font-size: 19px;
	}
	
	.box-foto-right img {
		margin-left: 60px;
	}
	
	#kontaktdaten ul li:nth-child(3) {
		border-right: 0;
	}
	
	table {
		width: 580px;
		margin-left: -255px;
	}
	
	.ma-img:hover .ma-overlay,
	.ma-overlay:hover, .ma-img:active .ma-overlay,
	.ma-overlay:active {
		height: 38%;
	}

}





/* ------------------------------------------------ Small Computers ------------------------------------------------ */

@media (min-width: 992px) and (max-width: 1199px) { 

	.container-special{
		width: 100%; /* calc( ((100vw - 970px) / 2) + 1050px ) */
	}

	.container-special-inner{
		/* margin-left: calc( (100vw - 970px) / 2 ); */
		padding-bottom: 160px;
		/* margin-right: 80px; */
	}
	
	.container{ 
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.mainnav li {
		padding: 0px 20px;
	}
	
	.mainnav li a {
		font-size: 15px;
	}
	
	.mainnav i {
		line-height: 1.4;
	}
	
	.h1-spacer{
		height: 72px;
	}
	
	#fragen .text-block {
		text-align: left;
		font-size: 18px;
	}
	
	#kontaktdaten ul li:nth-child(3) {
		border-right: 0;
	}
	
	table {
		width: 750px;
		margin-left: -308px;
	}
	
	.ma-img:hover .ma-overlay,
	.ma-overlay:hover, .ma-img:active .ma-overlay,
	.ma-overlay:active {
		height: 42%;
	}

}






/* ------------------- Row with equal height columns ---------------------- */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}