/*
@media only screen and (max-width: 960px){
	.ResponsiveDesign h1{
		margin: 0 !important;
	}
	.ResponsiveDesign .Guestbook{
		padding: 0 !important;
	}
	.ResponsiveDesign .Guestbook .GuestbookForm{
		width: 40%;
	}
	.ResponsiveDesign .Guestbook .GuestbookList{
		width: 60%;
		margin-left: 40%;
	}
	.ResponsiveDesign .Guestbook .HeadlineTextContainer, .ResponsiveDesign .Guestbook .BodyTextContainer{
		width: 60%;
		margin-left: 40%;
	}
	.ResponsiveDesign .Guestbook .GuestbookForm{
		padding: 53px 6.325% 70px 3.325% !important;
	}
	.NewsHeader h1{
		font-size: 35px;
	}
}
*/
@media only screen and (max-width: 768px){
	p{
		font-size: 18px;
	}
	body.ResponsiveDesign{
		padding-top: 0px !important;
		-webkit-animation: none !important;
	}
	html, body {
		height: auto;
		width: auto;
	}
	.PageContainer {
    	position: relative !important;
	}
	.ResponsiveDesign .HeaderContainer{
		margin-top: 28px;
		padding-left: 78px;
		padding-bottom: 16px;
	}
	.IndexPage .LogoContainer{
		display: block;
		padding-left: 78px;
		width: 100%;
	}
	.IndexPage .MainPage .MainContainer{
		position: relative;
	}
	.IndexPage .ContentContainer{
		padding: 50px 0px 0px 78px;
	}
	.IndexPage .MainPage{
		padding: 0;
	}
	.IndexPage .MainPage .MainContainer{
		padding: 0px 5.5% 66px;
	}
	
	.MainPage .ImageContainer img {
		max-width: 100%;
	}
	
	.IndexPage.ResponsiveDesign .TextLayout1 { padding: 0px 5.5% 66px; }
	.IndexPage.ResponsiveDesign .TextLayout1 .RightColumn { margin-bottom: 20px; }

	.ResponsiveDesign .Contact .HeadlineTextContainer,
	.ResponsiveDesign .Contact .BodyTextContainer,
	.ResponsiveDesign .Guestbook .HeadlineTextContainer,
	.ResponsiveDesign .Guestbook .BodyTextContainer {
		width: auto;
		margin: 0;
	}

	.ResponsiveDesign .TextLayout1 .FunctionTable .RightColumn,
	.ResponsiveDesign .Contact .LeftColumn {
		position: static;
		padding: 5px;
	}
	
	span.date{
		font-size: 18px;
	}
	.Guestbook .HeadlineTextContainer h1{
		font-size: 35px !important;
	}
	.Guestbook .GuestBookEntry-end { margin: 20px auto; }
	.IndexPage .HeaderContainer h1{
		top: 0px;
		left: 0;
		position: relative;
		transform: unset;
		padding-left: 0;
	}
	.ResponsiveDesign .MenuContainer{
		position: fixed;
		width: 209px;
		height: 100%;
		/*padding: 40px 0 0 0;*/
	}
	.ResponsiveDesign .MobileMenuContainer .show-menu{
		display: none;
	}
	.ResponsiveDesign .MobileMenuContainer ul{
		display: block;
	}
	.ResponsiveDesign .MobileMenuContainer{
		position: relative;
		margin-top: 30px;
		height: auto;
		background-image: none;
	}
	.MobileMenuContainer .Padding > ul > li > a {
    	padding: 6px 36px 6px 24px;
    	font-size: 30px;
    	display: block;
	}
	.MobileMenuContainer .Padding > ul > li > ul > li > a{
    	padding: 6px 36px 6px 24px;
	}
	.ResponsiveDesign ul.DropMenu li a.expandable, .ResponsiveDesign ul.DropMenu li a.parent {
		background-image: none;
	}
	.ResponsiveDesign ul.DropMenu li, .ResponsiveDesign ul.DropMenu li, .ResponsiveDesign ul.DropMenu li ul li{
		position: relative;

		-moz-box-sizing:border-box;
	    box-sizing:border-box;
	    -webkit-font-smoothing:antialiased;
	    font-smoothing:antialiased;
	    text-rendering:optimizeLegibility;
	}
	.ResponsiveDesign ul.DropMenu li li li a{
		font-size: 19px;
	}
	.ResponsiveDesign .Guestbook .GuestbookList{
		padding: 46px 8% 0px 3.57%;
		margin-top: 0;
	}
	.ResponsiveDesign .Guestbook .GuestbookListItem p{
    	font-size: 18px;
    	line-height: 24px;
	}
	.ResponsiveDesign .MainPage .NewsContainer{
		padding: 20px 5.5% 66px;
	}
	.HeadlineContainer h1 {
    font-size: 43px;
	}
	.ResponsiveDesign .FooterContainer{
		padding: 39px 0;
		position: relative;
	}
	.ParagraphContainer p {
    	font-size: 20px;
    	line-height: 25px;
	}
	.FooterContainer p, .FooterContainer p a {
    	font-size: 18px;
	}
	.FooterContainer a {
    	font-size: 18px;
	}
	.dropdown-arrow{
		top: 0px;
	}
	.MenuContainerTop {
    	margin-top: 61px;
	}
	.ResponsiveDesign .MainPage .NewsContainer { padding: 0 5.5% !important; }
	.ResponsiveDesign .NewsHeader h1{ font-size: 35px; }
	.ResponsiveDesign .NewsHeader { margin-bottom: 5px; }
	.ResponsiveDesign .NewsItem { margin: 0; margin-bottom: 10px; }
	
	.LayoutPage { padding: 0 !important; }
	.LayoutPage .col-block { padding: 5px !important; }

	.ResponsiveDesign .Diary .DiaryContainer .LeftColumn,
	.ResponsiveDesign .Diary .ArticleList .MenuColumn { background-color: black; }
	.ResponsiveDesign .Diary .DiaryContainer .LeftColumn .BackToIndex { background: none; margin-bottom: 0; }
	.ResponsiveDesign .Diary .DiaryContainer .LeftColumn .BackToIndex a { margin-left: 15px; color: white; }
	.ResponsiveDesign .Diary .ArticleList .MenuColumn .DiaryList {
		width: 100%;
		box-sizing: border-box;
	}
	.ResponsiveDesign .Diary .HeadlineTextContainer { padding: 0; }
	.ResponsiveDesign .Diary .DiaryContainer .LeftColumn,
	.ResponsiveDesign .Diary .ArticleList .MenuColumn { position: static; }
	.ResponsiveDesign .Diary .ArticleList .EntriesColumn .EntryContainer,
	.ResponsiveDesign .Diary .DiaryItemContainer { padding: 5px; }
	.ResponsiveDesign .Diary .DiaryView .DiaryItemContainer .BodyTextContainer { padding: 0; }

	.PageContainer{
		margin-left: 0px !important;
	}
	.HeadlineContainer{
		float: none;
		margin: 0 4% !important;
		margin-left: 50px !important; 
	}
	.HeadlineContainer h1{
		font-size: 43px;
		line-height: 50px;
	}
	.menubar{
		display: none;
	}
	.open-menu-mobile{
		display: block;
		margin-top: 8px;
	}
	.arrow{
		display: none;
	}
	.ResponsiveDesign .Guestbook .HeadlineTextContainer, 
	.ResponsiveDesign .Guestbook .BodyTextContainer {
    	width: 100%;
    	margin-left: 0;
	}
	.ResponsiveDesign .Guestbook .GuestbookForm{
		width: 100%;
	}
	.ResponsiveDesign .Guestbook .GuestbookList{
		width: 100%;
		margin-left: 0;
	}
	.ResponsiveDesign .Guestbook .GuestbookForm{
		width: 100%;
		position: relative;
	}
	.ResponsiveDesign .Guestbook .GuestbookList {
    	width: 100%;
    	margin-left: 0;
	}
	.PageContainerMiddle-inner{
		margin-left: 0;
	}
	.IndexPage .LogoContainer {
    	padding-left: 0px;
	}
	.IndexPage .ContentContainer {
    	padding: 50px 0px 0px;
	}
	.ResponsiveDesign .HeaderContainer{
		padding-left: 0px;
	}
	.ResponsiveDesign .MenuContainer{
		left:0;
	}
	.ResponsiveDesign .HeaderContainer {
    	padding-top: 16px;
    	margin-top: 0;
	}
	.FooterContainer p, .FooterContainer p a {
    	font-size: 18px;
	}
	.FooterContainer a {
    	font-size: 13px;
	}
	.HeaderContainer h1, 
	.IndexPage .HeaderContainer h1 {
    	margin-left: 4px !important;
		font-size: 28px;
		line-height: 40px;
	}
	
}
/*
@media only screen and (max-width: 650px){
	.PageContainer{
		margin-left: 0px !important;
	}
	.HeadlineContainer{
		float: none;
		margin: 0 4% !important;
		margin-left: 50px !important; 
	}
	.HeadlineContainer h1{
		font-size: 43px;
		line-height: 50px;
	}
	.menubar{
		display: none;
	}
	.open-menu-mobile{
		display: block;
		margin-top: 8px;
	}
	.arrow{
		display: none;
	}
	.ResponsiveDesign .Guestbook .HeadlineTextContainer, 
	.ResponsiveDesign .Guestbook .BodyTextContainer {
    	width: 100%;
    	margin-left: 0;
	}
	.ResponsiveDesign .Guestbook .GuestbookForm{
		width: 100%;
	}
	.ResponsiveDesign .Guestbook .GuestbookList{
		width: 100%;
		margin-left: 0;
	}
	.ResponsiveDesign .Guestbook .GuestbookForm{
		width: 100%;
		position: relative;
	}
	.ResponsiveDesign .Guestbook .GuestbookList {
    	width: 100%;
    	margin-left: 0;
	}
	.PageContainerMiddle-inner{
		margin-left: 0;
	}
	.IndexPage .LogoContainer {
    	padding-left: 0px;
	}
	.IndexPage .ContentContainer {
    	padding: 50px 0px 0px;
	}
	.ResponsiveDesign .HeaderContainer{
		padding-left: 0px;
	}
	.ResponsiveDesign .MenuContainer{
		left:0;
	}
}

@media only screen and (max-width: 500px){
	.ResponsiveDesign .HeaderContainer {
    	padding-top: 16px;
    	margin-top: 0;
	}
	.FooterContainer p, .FooterContainer p a {
    	font-size: 18px;
	}
	.FooterContainer a {
    	font-size: 13px;
	}
	.HeaderContainer h1, 
	.IndexPage .HeaderContainer h1 {
    	margin-left: 4px !important;
		font-size: 28px;
		line-height: 40px;
	}
}
*/