/* 
Theme Name: Responsive Child Theme
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Responsive Child Theme
Template: responsive
Version: 1.0.0
Author: CyberChimps
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */

/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/work-sans-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Light'), local('WorkSans-Light'),
       url('fonts/work-sans-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v3-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/work-sans-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Work Sans'), local('WorkSans-Regular'),
       url('fonts/work-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v3-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/work-sans-v3-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Medium'), local('WorkSans-Medium'),
       url('fonts/work-sans-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v3-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v3-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/work-sans-v3-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'),
       url('fonts/work-sans-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v3-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/work-sans-v3-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Bold'), local('WorkSans-Bold'),
       url('fonts/work-sans-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v3-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v3-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* ------------------------- Typo ------------------------- */
/* ------------------------- Typo ------------------------- */
#ad {
	position:absolute;
	top: 80px;
	left: 20px;
	z-index: 100000;
	color: red;
	font-size:36px;
	font-weight: 700;
	transform: rotate(-5deg);
}

strong {
	font-weight: 600!important;
	font-family: Work Sans;
}

.strong {
	font-weight: 600!important;
	font-family: Work Sans;
}

p {
	font-family: Work Sans;
	font-size: 20px;
	font-weight:400;
	line-height: 1.4;
	color: #4f4f4f;
}

.rote {
	color: red!important;
}

h1 {
	font-family: Work Sans;
	font-size: 50px;
	font-weight:600;
	line-height: 1;
	color: #353535;
	letter-spacing: 2px;
}

h2 {
	font-family: Work Sans;
	font-size: 35px;
	font-weight:500;
	line-height: 1.3;
	color: #4f4f4f;
	letter-spacing: 1px;
}

h3 {
	font-family: Work Sans;
	font-size: 30px;
	font-weight:400;
	line-height: 1;
	color: #4f4f4f;
	letter-spacing: 1px;
}

h4 {
	font-family: Work Sans;
	font-size: 24px;
	font-weight:400;
	line-height: 1;
	color: #4f4f4f;
	letter-spacing: 1px;
}

h4 {
	font-family: Work Sans;
	font-size: 24px;
	font-weight:400;
	line-height: 1.1;
	color: #dd0000;
	letter-spacing: 0px;
}

h5 {
	font-family: Work Sans;
	font-size: 24px;
	font-weight:400;
	line-height: 1.1;
	color: #dd0000;
	letter-spacing: 0px;
}




.listeersterlink {
	font-family: Work Sans;
	font-size: 22px;
	font-weight:400;
	color: white;
	background-color: #0024d8;
	line-height: 1.3;
	letter-spacing: 0px;
	text-decoration: none;
	text-transform:uppercase;
}

.listelink {
	font-family: Work Sans;
	font-size: 22px;
	font-weight:400;
	color: #ff0000;
	background-color: none;
	line-height: 1.3;
	letter-spacing: 0px;
}

.menu {
	font-family: Work Sans;
	font-weight:400;
}

.open {
	font-family: Work Sans;
	font-size: 22px;
	font-weight:400;
	color: #0024d8;
	background-color: none;
	line-height: 1.6;
	letter-spacing: 0px;
}

/* ------------------------- ALLGEMEIN ------------------------- */
/* ------------------------- ALLGEMEIN ------------------------- */


body.full-width-layout div#container { 
	background: rgba(255, 255, 255, 1);
}

body { 
	background: rgba(54, 25, 25, .0);
}

body.full-width-layout #content-outer, body.default-layout #content-outer, body.full-width-no-box #content-outer {
    margin: 0 0 0 0;
    max-width: 100%;
}

#wrapper, div#wrapper.clearfix {
	border: 0px; 	
	padding: 0 0 0 0!important;
	background: rgba(54, 25, 25, .0);
	margin-top: 0px!important;
}

#scroll {
	bottom: 80px!important;
	right: 15px!important;
	width: 55px!important;
	height: 55px!important;
	background-color: #c7c7c7!important;
}

#scroll:hover {
	background-color: #ffec01!important;
}

div.post-meta, div#respond.comment-respond, div.navigation, h1.entry-title.post-title, div.main-nav {
 	display: none; 
}

input[type="email"] {
	height: 30px;
	max-height: 30px;
	margin-bottom: 10px;
}

div.mc4wp-form-fields {
	display:block;
	float: right;
	height: 30px;
	max-height: 30px;
}

form#mc4wp-form-1 {
	margin: 0 0 0 10px!important;
	padding: 0 0 0 0!important;
	width: 200px;
	height: 30px;
}

/* ------------------------- HEADER ------------------------- */
/* ------------------------- HEADER ------------------------- */

#logo img {
 	width: 100%; 
	height: auto;
	margin-bottom: 20px;
	float: left;
}

.header-grid {
  	display: block;
  	width: 96%;
  	padding-left: 2%;
  	padding-right: 2%;
  	padding-bottom: 80px;
}

.logo-grid {
	display: block;
	width: 66%;
}


/* ------------------------- FONT IMG UÄ ------------------------- */
/* ------------------------- FONT IMG UÄ ------------------------- */

a {
	text-decoration: underline; 
	color: #555555;
}

a:hover {
	text-decoration: underline;
	color: red;
}

a.news {
	text-decoration: underline;
	color: #0024d8;
}

a:hover.news {
	text-decoration: underline;
	color: red;
}

a.listelink {
	text-decoration: none!important; 
}

p.listelink {
	color: red!important;
	font-size: 22px!important;
	line-height: 130%!important;
}

a:hover.listelink { 
	background-color: #000000; 
	color: white; 
	text-decoration: none; 
}

a.listeersterlink {
	background-color: blue;
}

a:hover.listeersterlink { 
	background-color: red; 
	color: white; 
	text-decoration: none; 
}

ul li a {
	font-size: 20px;
	color: white!important;
	font-weight:700!important;
	border-left: 0px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	padding: 0 0 0 0!important;
	-webkit-margin-before: 0em!important;
    -webkit-margin-after: 0em!important;
	text-decoration: none!important; 

}

ul {
    display: flex;
    justify-content: space-between;
}

img.round {
	margin-left: 10%;
	margin-right: 10%;
 	width: 80%;
	max-width: 80%;
 	height: auto;
}

img.round2 {
 	border-radius: 50%; 
 	margin-left: 18%;
	margin-right: 18%;
 	width: 64%;
	max-width: 64%;
 	height: auto;
}

img.beitrag {
	margin-top: 10px!important;
	padding-top: 10px!important;

}

/* ------------------------- CONTENT ------------------------- */
/* ------------------------- CONTENT ------------------------- */

div.open {
	margin-left: 2%;
	position: fixed;
	bottom: 42px;
	background: #ffffff;
	min-height: 80px;
	max-height: 80px;
	min-width: 69%;
	padding-top: 15px;
}

.grid-container {
  display: block;
  padding-left: 2%;
  padding-right: 2%;
}

.text-grid {
        display: block;
		float: left;
		max-width: 68%;
		width: 68%;
		margin-bottom: 80px;
}

.text-grid2 {
        display: block;
		float: left;
		max-width: 55%;
		width: 55%;
		margin-bottom: 130px;
}

.text-grid3 {
        display: block;
		float: left;
		max-width: 55%;
		width: 55%;
		margin-bottom: 130px;
		margin-top: -40px!important;
}

.pics-grid {
        display: block;
		float: right;
		max-width: 29%;
		width: 29%;
		max-height: 200px;
}

.pics-grid2 {
        display: block;
		float: right;
		max-width: 29%;
		width: 29%;
		max-height: 200px;
}


.full-grid {
    	display: block;
		float: left;
		max-width: 69%;
		width: 69%;
		margin-bottom: 130px;
}

.text-headline {
        display: block;
		font-family: Work Sans;
		font-weight: 400;
		float: left;
		max-width: 59%;
		width: 59%;
		color: red!important;
		font-size: 22px!important;
		line-height: 1.3!important;
}

div.text-headline {
        display: block;
		float: left;
		max-width: 59%;
		width: 59%;
		color: red!important;
		font-size: 23px!important;
		line-height: 130%!important;
}



/* ------------------------- FOOTER ------------------------- */

#footer {
	position: fixed;
	bottom: 0px;
	background: #ffec01;
	max-height: 30px;
	padding-top: 12px!important;
}

#footer-wrapper {
	padding-left: 2%;
	padding-right: 2%;
}

ul#menu-alt.footer-menu {
	margin: 0 0 0 0!important;
	color: white!important;
	letter-spacing:2px!important;
	text-decoration: none!important; 
}


/* ------------------------- @MEDIA ------------------------- */
/* ------------------------- @MEDIA ------------------------- */

@media screen and (max-width:1400px) {

ul#menu-alt.footer-menu {
	letter-spacing:1px!important;
}

}

@media screen and (max-width:1200px) {

ul#menu-alt.footer-menu {
	letter-spacing:0px!important;
}

.logo-grid {
	display: block;
	width: 76%;
}

.header-grid {
  	padding-bottom: 40px;
}

/*START*/

.full-grid {
    	display: block;
		float: left;
		max-width: 75%;
		width: 75%;
}

.text-grid {
        display: block;
		float: left;
		max-width: 75%;
		width: 75%;
}

.text-grid2 {
        display: block;
		float: left;
		max-width: 75%;
		width: 75%;
}

.text-grid3 {
        display: block;
		float: left;
		max-width: 75%;
		width: 75%;
		margin-top: -20px!important;
}

.pics-grid {
        display: block;
		float: left;
		max-width: 75%;
		width: 75%;
		max-height: 200px;
}

.text-headline {
        display: block;
		float: left;
		max-width: 75%;
		width: 75%;
		color: red!important;
		font-size: 22px!important;
		line-height: 130%!important;
}

div.text-headline {
        display: block;
		float: left;
		max-width: 75%;
		width: 75%;
		color: red!important;
		font-size: 22px!important;
		line-height: 130%!important;
}

.pics-grid2 {
        display: block;
		float: right;
		max-width: 23%;
		width: 23%;
		max-height: 200px;
}
/*ENDE*/
}


/* -------------- MENU+HEADER ---------------*/
@media screen and (max-width:1000px) {


button#rmp_menu_trigger-2366 {
    width: 55px;
    height: 55px;
    position: fixed;
	top: unset;
    bottom: 15px!important;
    right: 15px!important;
}

#footer {
		display:none;
	}
	
ul li a {
	font-size: 22px!important;
	color: black!important;
	border-left: 0px!important;
	margin-top:5px;
	font-weight:400!important;
}

ul {
    display: inline;
}

div#rmp-menu-additional-content-2366 {
	padding: 0 0 0 0!important;
	margin-left: 10px!important;
	margin-bottom: 0px!important;
	margin-top: 0px!important;
	font-size: 22px!important;
	line-height: 160%!important;
	text-align: left;
}

#rmp-menu li {
	padding-left: 10px;
}

#rmp-menu-wrapper {
		padding-top: 10px;
		padding-left: 15px;
	}
	
div.open {
	display: none;
}
}



/* -------------- EINSPALTIG ---------------*/

@media screen and (max-width:850px) {


#wrapper, div#wrapper.clearfix {
margin: 0 0 0 0!important;
}

.header-grid {
  display: block;
  padding-bottom: 20px;
}

.logo-grid {
	display: block;
	width: 100%;
}


.text-grid {
        display: block;
		float: left;
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
}

.text-grid2 {
        display: block;
		float: left;
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
}

.text-grid3 {
        display: block;
		float: left;
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
		margin-top: -20px!important;
}

.pics-grid2 {
        display: none;
}

.pics-grid {
        display: block;
		float: left;
		max-width: 29%;
		width: 29%;
		max-height: 200px;
}

.full-grid {
    	display: block;
		float: left;
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
}

.text-headline {
        display: block;
		float: left;
		max-width: 100%;
		width: 100%;
		color: red!important;
		font-size: 22px!important;
		line-height: 130%!important;
}

div.text-headline {
        display: block;
		float: left;
		max-width: 100%;
		width: 100%;
		color: red!important;
		font-size: 22px!important;
		line-height: 130%!important;
}

img.round {
	margin-left: 0;
	margin-right: 0;
 	width: 50%;
	max-width: 50%;
 	height: auto;
}

img.round2 {
 	border-radius: 50%; 
 	margin-left: 0;
	margin-right: 0;
 	width: 65%;
	max-width: 65%;
 	height: auto;
}
}

@media screen and (max-width:1000px) {
.listeersterlink, .listelink {
	margin-bottom: 5px;
	display: inline-block;
}
}














/*The last 29 days of the month are the hardest."- Nikola Tesla*/