/*
=======================================================================================================================
  Allgemeine Styles
=======================================================================================================================
*/

* {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	}

body {
	background: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	line-height: 26px;
	color: #666;
	font-weight: 300;
	background: #333 url("../images/bg_simon.png") top center repeat;
	background-attachment: fixed;
	padding: 2.5% 0 2.5% 0;
	margin: 0;
	}

h2 {
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
	padding: 10px 0 15px 0;
	margin: 0;
	}

p {
	padding: 10px 0;
	margin: 0;
	}

a:link, a:visited { text-decoration: none; color: #ccc; border: 0;}
a:hover, a:active { text-decoration: none; color: #ff0000; border: 0;}

.pink {color: #c61870;}
.blue {color: #009ee3;}
.bold {font-weight: 700;}

.bg_white {background-color: #ffffff;}

.padding-logo {padding: 35px 40px 15px 40px;}
.padding-logo404 {padding: 35px 40px 35px 40px;}
.padding-text {padding: 10px 40px 40px 40px;}
.padding-text404 {padding: 40px 40px 40px 40px;}

.border-top-si {border-top: 10px solid #c61870;}
.border-top-sp {border-top: 10px solid #009ee3;}

/* Buttons */

.box_button_btn {margin: 10px 0 5px 0!important;}

.button_btn_pink {display:inline-block; box-sizing: border-box; font-size: 18px; line-height: 22px; font-weight: 400; text-decoration: none;  padding: 15px 20px 15px 20px; margin: 0;}
.button_btn_pink:link, .button_btn_pink:visited {color: #fff; text-decoration: none; background: #c61870;}
.button_btn_pink:active, .button_btn_pink:hover {color: #fff; text-decoration: none; background: #a7145e;}

.button_btn_blue {display:inline-block; box-sizing: border-box; font-size: 18px; line-height: 22px; font-weight: 400; text-decoration: none;  padding: 15px 20px 15px 20px; margin: 0;}
.button_btn_blue:link, .button_btn_blue:visited {color: #fff; text-decoration: none; background: #009ee3;}
.button_btn_blue:active, .button_btn_blue:hover {color: #fff; text-decoration: none; background: #0086c0;}	

/* Media Queries
====================================================================== */

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 801px) and (max-width: 1024px) {

body {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	padding: 2% 0 2% 0;
	}

h2 {
	font-size: 20px;
	line-height: 26px;
	}
	
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (min-width: 481px) and (max-width: 800px) {


}

/* Handy only (devices and browser)
====================================================================== */
@media only screen and (min-width: 321px) and (max-width: 480px) {

body {
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
	padding: 2% 0 2% 0;
	}

h2 {
	font-size: 20px;
	line-height: 26px;
	}

.padding-logo {padding: 25px 25px 5px 25px;}
.padding-text {padding: 10px 25px 30px 25px;}

.box_button_btn {margin: 25px 0 10px 0;}
.button_btn_pink, .button_btn_blue {font-size: 16px; line-height: 20px;}

}

/* Handy only (devices and browser)
====================================================================== */
@media only screen and (max-width: 320px) {

body {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	padding: 2% 0 2% 0;
	}

h2 {
	font-size: 18px;
	line-height: 24px;
	}

.padding-logo {padding: 25px 25px 5px 25px;}
.padding-text {padding: 10px 25px 30px 25px;}

.box_button_btn {margin: 25px 0 10px 0;}
.button_btn_pink, .button_btn_blue {font-size: 16px; line-height: 20px;}

}