/***************************************************************************************************************
*** FONTS
***************************************************************************************************************/

@import 'css/fonts.css';


/***************************************************************************************************************
*** BASICS
***************************************************************************************************************/

html 		{box-shadow:none !important;overflow-x:hidden;font-size:10px}
body 		{font-family:"Raleway",sans-serif;font-weight:400;font-size:1.6rem;line-height:1.8;color:#5f5f5f;background:#f4f4f4;overflow-x:hidden;overflow-y:hidden;
			 padding-right:0 !important}
a 			{color:#889098;text-decoration:none;transition:all 250ms ease}
a:active 	{color:#000;text-decoration:underline}
a:focus 	{color:#000;text-decoration:underline}
a:hover 	{color:#000;text-decoration:underline;cursor:pointer}
p 			{margin:0;padding:0}
strong 		{font-weight:600}

.wrapper	{ margin: 0 auto; padding: 0; width: 100%; height: auto; }


/***************************************************************************************************************
*** HEADLINES
***************************************************************************************************************/

h1{line-height:1.2;margin:0;padding:0;font-family:"Raleway",sans-serif;font-size:3.6rem;font-weight:600}
h2{line-height:1.2;margin:0;padding:0;font-family:"Raleway",sans-serif;font-size:2.6rem;font-weight:600}
h3{line-height:1.4;margin:0;padding:0;font-family:"Raleway",sans-serif;font-size:2rem;font-weight:600}
h4{line-height:1.4;margin:0;padding:0;font-family:"Raleway",sans-serif;font-size:1.6rem;font-weight:600}
h5{line-height:1.4;margin:0;padding:0;font-family:"Raleway",sans-serif;font-size:1.6rem;font-weight:600}
@media (min-width: 768px){h1{font-size:3.8rem}h2{font-size:3.2rem}}


/***************************************************************************************************************
*** BUTTONS
***************************************************************************************************************/

.btn{border-radius:0;font-size:1.6rem;line-height:1.2;font-family:"Raleway",sans-serif;font-weight:400;padding:1.5rem 2rem}.btn:hover{cursor:pointer !important}.btn:focus{box-shadow:none !important}.btn:active{box-shadow:none !important}.btn-outline-primary{text-decoration:none;border-color:#889098;color:#889098}.btn-outline-primary:hover{background-color:#889098 !important;border-color:#889098 !important;color:#fff !important}.btn-outline-primary:focus{text-decoration:none;border-color:#889098;color:#889098}.btn-outline-primary:active{text-decoration:none;border-color:#889098;color:#889098}.btn-primary{text-decoration:none;border-color:#889098 !important;background-color:#889098 !important;color:#fff !important}.btn-primary:hover{background-color:#000 !important;border-color:#000 !important;color:#fff !important}.btn-primary:focus{text-decoration:none;border-color:#889098 !important;background-color:#889098 !important;color:#fff !important}.btn-primary:active{text-decoration:none;border-color:#889098 !important;background-color:#889098 !important;color:#fff !important}.btn-icon-left>i{margin-right:.5rem;margin-left:0;transition:all 250ms}.btn-icon-right>i{margin-right:0;margin-left:.5rem;transition:all 250ms}.btn-icon-only>i{margin-right:0;margin-left:0}


/***************************************************************************************************************
*** FARBEN / TEXT
***************************************************************************************************************/

.text-primary{color:#889098 !important}


/***************************************************************************************************************
*** RATINGS
***************************************************************************************************************/

.wrapper-ratings 												{ border: 15px solid #ffffff; }
.wrapper-ratings > .container-fluid 							{ max-width: 800px; }
.wrapper-ratings > .container-fluid > .row > div > .img-logo	{ width: 100%; max-width: 320px; height: auto; margin-bottom: 15px; }
.wrapper-ratings .ratings-content								{ padding-top: 30px; }
.wrapper-ratings .ratings-btn-group								{ padding-top: 30px; }
.wrapper-ratings .ratings-links									{ padding-top: 45px; font-size: 13px; }
.wrapper-ratings .ratings-links a								{ color: #889098; display: inline-block; margin-left: 10px; margin-right: 10px; }
.wrapper-ratings .ratings-links a:hover 						{ color: #000000; }