/*
Theme Name: Aquamarin Strand 2012 Childtheme
Description: Aquamarin Strand 2012 Childtheme
Author: Thilo Mühlisch
Author URI: http://www.mattheis-berlin.de
Template: twentytwelve
Version: 1.0
Tags:
*/
@import url("../twentytwelve/style.css");

/*hier kommen die neuen CSS-Angaben*/

/*======CLEARFIX========*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after, header:after, .post:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*-----------------Allgemeine Anweisungen---------*/
.clr{
    clear: both;
}
body{
    background: url(images/bg-img.png) top left repeat;
}	
body .site{
	margin-top:0;
	max-width:73.14285714rem;
}
body, p, p.p1, .entry-content p{
	font-family:'Open Sans', sans-serif;
    font-size: 1.28571429rem;
    font-weight: normal;
    line-height: 1.64285714rem;
    color: #004288;
}
/*br {
    margin-bottom: 20px;
}*/
strong{
	font-weight:700;
}
a{
	text-decoration:none;
}
a, a:visited, a:focus, a:active, .entry-content a:visited{
	font-family:'Open Sans', sans-serif;
	color:#4f8096;
}
a:visited, .entry-content a:visited{
	color:#465497;
}
.entry-content a:visited,
.comment-content a:visited,
a:hover, a:active, a:visited, a:focus{
    color:#64a8d7;
    text-decoration: underline;
}
a:hover{
	color:#6F6F6F;
}
strong{
	font-weight:bold;
}
.entry-content li, .comment-content li, .mu_register li{
    margin: 0 0 0 1.8rem;
}
.clr{
	clear:both;
}
h1.entry-title, .search-results h1, h1.archive-title, .entry-content h1, .comment-content h1, h1.page-title, body.error404 h1{
	font-family: 'Vollkorn', serif !important;
    font-size:2.57142857rem;
    line-height: 2.71428571rem;
	color:#4F8096;
	margin-bottom:30px !important;
}
h2, #content .entry-content h2, #content .comment-content h2, #content .mu_register h2{
	font-family: 'Vollkorn', serif !important;
    font-size:2.57142857rem;
    line-height: 2.71428571rem;
	color:#4F8096;
}
h3, .entry-content h3, .comment-content h3{
	font-family: 'Vollkorn', serif !important;
	color:#4F8096;
}
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
    margin: 0;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image{
    box-shadow: none;
    border-radius: 0;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    margin: 0;
}
h1.entry-title{
    margin-bottom: 30px;
    display: inline;
}
.redtel{
	color:#EB2141;
}
textarea {
    max-height: 80px;
	max-width: 95%;
}
/*-------------------HEADER--------------------*/
#logo{
	float:left;
	margin: 15px 0 0 30px;
}
#header-inner{
	position:relative;
	max-width:73.14285714rem;
	margin:0 auto;
}
h1.site-title a{
	 font-family: 'Vollkorn', serif !important;
	 font-size:5.71428571rem;
	 font-size: 4.6vw;
	 color:#004288;
	 font-weight:normal;
	 line-height: 1.2;
	 position:absolute;
	 left:30px;
}
h2.site-description{
	font-size:2.85714286rem;
	color:#4F8096;
	text-transform:none;
	position:absolute;
	right:30px;
	top: 40px;
	line-height:1;
}
.site-header {
	height:100px;
    padding: 0;
    margin: 0 auto;
    padding: 0;
	max-width:73.14285714rem;
	height: 130px;
}
.site-content {
    margin: 0;
}
.entry-header {
    margin-bottom: 0;
}
/*----------------------Navigation--------------------*/
#site-navigation{
	left: 0;
	border-bottom:2px solid #fff;
	position: absolute;
    top: 100px;
	margin-bottom:15px;
	padding-bottom: 4px;
	width: 100%;
}
.main-navigation{
    margin-top: 0;
    color: #fff;
	text-transform:uppercase;
	font-size:1.42857143rem;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-top: none;
    border-bottom: none;
}
.main-navigation li {
    margin: 0 2.5rem 0 0;
}
#site-navigation li:first-child{
	margin-left:1.5rem;
}
#site-navigation li:last-child{
	margin-right:0;
}
.main-navigation li a {
	font-family: 'Vollkorn', serif !important;
	color:#4F8096;
	font-size:1.3rem;
	line-height: 1;
	padding: 0 10px;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
	color: #2E5291;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #004288;
	font-weight:normal;
}
/*======SUBMENU=======*/
.main-navigation li ul li a {
	font-size:1.14285714rem;
	border:none;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
		color: #2E5291;
	}
/*-----------------------Content--------------------------*/
#page{
	background:none;
	box-shadow:none;
}
#main{
	background:#fff;
	margin-top:0;
	box-shadow: 0 2px 10px rgba(100, 100, 100, 0.7);
}
#content p{
	margin-bottom:0.8rem;
}
.site-content article{
    border-bottom: none;
	margin-bottom:0;
	padding-bottom:0;
}
.entry-content ul li{
    list-style-image: url(images/listpoint.jpg);
}
/*BU*/
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption{
	font-weight:bold;
	font-size:1.28571429rem;
}
/*------------------------Footer----------------------------*/
footer[role="contentinfo"] {
	background:#4f8096;
	max-width: 100%;
	color:#fff;
	font-family: 'Vollkorn', serif;
	font-size:1rem;
	padding: 0 0 4px;
	margin-bottom: 30px;
	height:30px;
}
footer[role="contentinfo"] p{
	color:#fff;
}
#footer-inner{
    padding:0 30px;
}
.menu-fussbereich-container{
    float: right;
}
.menu-fussbereich-container ul li a{
	border-right: 1px solid #fff;
	padding: 0 11px 0 0;
}
.menu-fussbereich-container ul li:last-child a{
	border-right: none;
	padding-right:0;
}
.menu-fussbereich-container ul li a:hover{
	text-decoration:underline;
}
footer li.menu-item{
    float: left;
    margin-left: 10px;
}
footer[role="contentinfo"] a{
	font-family: 'Vollkorn', serif;
    text-decoration: none;
    color: #fff;
}
#copy{
	font-size:1rem;
	margin-top: 3px;
}

/*Footermenu*/
#footer-menu a{
 color:#fff;
}
#footer-menu li:first-child{
 margin-left:0;
}

/*Back to top*/
a#totop{
	background:url(images/backtotop-btn.jpg) center center no-repeat;
	width:37px;
	height:36px;
	display:block;
	text-indent: -999rem;
	cursor:pointer;
	z-index:999;
}
/*------------------------------Startseite--------------------------------------------------*/
/*grosses Bild*/
.chi_display_header{
  width: 100% !important;
  height: 345px !important;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{
    margin-bottom: 25px !important;
}
.vc_row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#main {
    margin: 30px auto 0;
    min-height: 500px;
	padding:30px 15px 30px;
}
body.home #content p{
	font-size:1.78571429rem;
	line-height:2.78571429rem;
}
/*Slider*/
#headerimg, .headerslider{
	border:10px solid #fff;
	box-shadow: 0 2px 10px rgba(100, 100, 100, 0.7);
	margin-top:15px;
}
.theme-default .nivo-controlNav, .nivo-controlNav{
    padding:0 !important;
}
.theme-default .nivo-controlNav {
    bottom: 5px;
    position: absolute;
}
.theme-default .nivo-controlNav a {
    background:url(images/slider-punkte.png) no-repeat !important;
	width:14px !important;
	height:14px !important;
	background-position: -14px 0 !important;
}
.theme-default .nivo-controlNav a.active{
	background-position: 0 0 !important;
}
/*Austattung*/
.ts-flip-content{
	text-align:left;
}
.flip-container-flipper p.ts-flip-back-content, h3.ts-flip-back-title{
	color:#004288 !important;
}
/*------------------Unterseiten-------------------------*/
.wpb_text_column .wpb_content_element{
	margin-bottom:25px;
}
/*-----------------Ausstattungen-------------------------*/
.ts-flip-content, .flip-container-flipper-content{
	background:#e9e5dc !important;
	color:#004288;
}
.ts-flip-content h3{
	font-size:2rem;
	text-align:center;
	line-height:1.6rem;
	margin-bottom:15px;
}
.ts-flip-content li{
	color:#004288 !important;
}
body.page-id-8 .vc_column-inner{
    width: 95%;
	margin-left: 10px;
}
/*==================Suchergebnisse======================*/
body.search-results .site-content article, body.search-results .post{
    padding-bottom: 10px;
    border-bottom: 4px double #ededed;
    margin-bottom: 15px;
}
body.search-results #image-box, body.search-results #image-box p {
    color: #6F6F6F;
}

/*---------------Media Queries--------------------------*/
/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
body.page-id-23 .ts-timeline-list{
    min-width: 1024px;
}
/*Partner*/
.last-del{
	display:none;
}
body.home .vc_col-sm-2 {
    width: 19%;
}
}
/* Maximum width of 960 pixels. */
@media screen and (max-width: 960px) {
	#logo img{
		width:60%;
	}
	#logo{
		margin: 10px 0 30px 0;
	}
	h2.site-description {
    top: 60px;
	right:0;
	left:0;
	text-align: left;
	}
	#header-info{
		top: 67px;
		text-align:center;
	}
}
/* Maximum width of 780 pixels. */
@media screen and (max-width: 780px) {
	
	#footer-menu{
	display:none;
	}
	h1.site-title a, h1.site-title{
	 font-size: 10vw;
	}
}
/* Maximum width of 420 pixels - iphone 6. */
@media screen and (max-width: 420px) {
		#logo{
		margin: 50px 0 30px 0;
	}
	h2.site-description {
    top: 100px;
	right:0;
	left:0;
	text-align: left;
	}
        body.home .entry-content h1, .comment-content h1 {
        font-size: 20px;
        line-height: 1.2;
        }
		#logo img{
		min-width:320px;
	}
        body.home h3{
        font-size: 18px;
	}
	.button-start{
		margin: 0px;
	}
/*-------Startseite-----*/
body.home .entry-content h1, .comment-content h1 {
    font-size: 1.8rem;
}
h2, #content .entry-content h2, #content .comment-content h2, #content .mu_register h2 {
    font-size: 1.2rem;
}
	/*-------------------------------Kontak--------------------*/
form.wpcf7-form input, form.wpcf7-form textarea{
	width:100%;
}
/*--------Header--------*/
.site-header {
    height: 170px;
}
#header-info{
    margin-top: 30px;
}
/*----Content-----------*/
h1, h2, h1.entry-title, h1.entry-title a, .entry-header .entry-title, .entry-content h1, .comment-content h1, .search-results h1, h1.archive-title, .entry-content h1, .comment-content h1,
h2, .entry-content h2, .comment-content h2, .mu_register h2, h3, .entry-content h3, .comment-content h3{
    font-family: 'Vollkorn', sans-serif;
	text-decoration: none;
    line-height: 1.2;
	font-size: 1.8rem;
}
#main{
	/*margin: 0 5px;
	padding: 0 5px;*/
}
/*Startseite*/
.scroll-bacb p span{
	font-size: 20px !important;
}
.weisse-h{
    margin-top: 40px;
}
h1, h2, h1.entry-title, h1.entry-title a, .entry-header .entry-title, .entry-content h1, .comment-content h1, .search-results h1{
     font-size: 1.8rem;
}
h1.entry-title, .search-results h1, h1.archive-title, .entry-content h1, .comment-content h1, h1.page-title, body.error404 h1 {
    background:none;
	padding-left:0;
}
/*Shop*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100%;
}
.redtel{
    display: inline-block;
    width: 100%;
}
}
@media screen and (max-width: 320px) {
        body.home .entry-content h1, .comment-content h1 {
        font-size: 32px;
        line-height: 1.2;
        }
        body.home h3{
        font-size: 35px;
}
.button-start{
    margin: 0px;
}
/*-------Startseite-----*/
body.home .entry-content h1, .comment-content h1 {
    font-size: 1.8rem;
}
h2, #content .entry-content h2, #content .comment-content h2, #content .mu_register h2 {
    font-size: 1.2rem;
}
/*--------Header--------*/
.site-header {
    height: 170px;
}
#header-info{
    margin-top: 30px;
}
/*----Content-----------*/
h1, h2, .comment-content h1, .search-results h1, h1.archive-title, .entry-content h1, .comment-content h1,
h2, .entry-content h2, .comment-content h2, .mu_register h2, h3, .entry-content h3, .comment-content h3{
    font-family: 'Vollkorn', sans-serif;
	text-decoration: none;
    line-height: 1.2;
	font-size: 1.8rem;
}
h1.entry-title, .search-results h1, h1.archive-title, .entry-content h1, .comment-content h1, h1.page-title, body.error404 h1 {
    background:none;
	padding-left:0;
}
/*Shop*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100%;
}
.redtel{
    display: inline-block;
    width: 100%;
}
}