/* XX. Large devices (less than 1200px) - großes tablet 12 zoll */
@media (max-width: 1199.98px) {
h1, .h1 {
	font-size: 3.2rem;
	line-height: 1;
} /*4.4*/
h2, .h2 {
	font-size: 1.8rem;
	line-height: 1.1;
}
h3, .h3 {
	font-size: 1.6rem;
	line-height: 1.1;
}
h4, .h4 {
	font-size: 1rem;
}
h5, .h5 {
	font-size: 0.8rem;
}
h6, .h6 {
	font-size: 0.8rem;
}

.claim {
	margin-top:0;
	position:absolute;
	left:210px;
	top:0;
	padding-bottom:20px;
}
.claim-1 {
	font-size: 1.7rem; /*1.8*/
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	display:block;
	height:26px;
} 
.claim-2 {
	font-size: 2.5rem; /*3*/
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-3 {
	font-size: 2.5rem; /*3*/
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-4 {
	font-size: 1.7rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	display:block;
	height:26px;
}
.claim-5 {
	display:block;
	font-size: 4rem;
}
/**/
.banner h1 {
	font-size: 2rem;
}
h1 .gruen, h1 .tuerkis {
	font-size: 2.3rem;
}
h2 .gruen, h2 .gruen {
	font-size: 2.3rem;
	line-height: 0.8;
}
/*Navigation schmaler setzen */	
#nav > ul > li:not(:last-child) {
	margin-right: 10px;
}
.footer-nav ul.floatend::before {
	content:"";
}
.footer-nav ul.floatend li:first-child::before, .footer-nav ul.floatend li:last-child::after {
	content:"";
	padding-right:15px;
}
.footer-nav ul.floatend li, .footer-nav ul .floatend li {
	float:left;
	color:#fff;
	list-style:none;
	padding-right:10px;
}
.footer-nav ul.floatend li a {
	color:#fff;
	padding-right:10px;
}
.footer-nav ul.floatend li::after {
	content:"|";
}
img.eckig {
	padding: 20px;
	border-radius: 0 !important;
}

}

/* XX. Large tablets (less than  992px) */
@media (max-width: 991.98px) {
.logo::after {
	content: "Renate Pollmann";
	color: #fff;
	font-size: 1.1rem;
	padding-left:10px;
}	
	
.container {
/*max-width: 95% !important;*/
}
.main-header {
	padding: 15px 0;
}
.main-header .row {
	position: relative;
}
.main-header .row > div {
	position: static;
}
#menu-button {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 27px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	margin-top: 5px;
}
#menu-button:before {
	content: '';
	position: absolute;
	background: #fff;
	height: 5px;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#nav > ul {
	display: none;
	text-align: left;
	position: absolute;
	width: calc(100% - 30px);
	left: 15px;
	padding: 20px;
	top: 76px;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
#nav > ul > li {
	display: block;
	margin: 0 !important;
}
#nav > ul > li > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #233635;
}
#nav li {
	font-size: 16px;
}
#nav a {
	padding: 5px 0;
	color: #233635;
}
.menu-caret {
	position: absolute;
	right: 0;
	width: 35px;
	height: 35px;
}
.menu-caret:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#nav > ul ul {
	display: none;
	position: inherit;
	width: 100%;
	opacity: 1;
	visibility: visible;
	box-shadow: none;
	left: 0;
	top: 0;
}
#nav > ul ul li a {
	padding: 5px 15px;
}
aside {
	margin-top: 80px;
}
.contact-right {
	margin-top: 80px;
}
.copyright {
	text-align: center;
	margin-top: 10px;
}
h1, .h1 {
	font-size: 3.2rem;
	line-height: 1;
} /*4.4*/
h2, .h2 {
	font-size: 1.8rem;
	line-height: 1.1;
}
h3, .h3 {
	font-size: 1.6rem;
	line-height: 1.1;
}
h4, .h4 {
	font-size: 1rem;
}
h5, .h5 {
	font-size: 0.8rem;
}
h6, .h6 {
	font-size: 0.8rem;
}

.header-neu img {width:75%}

.header-neu .col-md-2 { width:10%;}
.header-neu .col-md-10 { width:100%;}
.header-neu .col-lg-2 { width:9%;}
.header-neu .col-lg-6 { width:51%;}
.header-neu .col-lg-4 { width:40%;}

.claim {
	margin-top:0;
	position:absolute;
	left:80px;
	top:0;
	padding-bottom:20px;
	line-height: 2.3rem;

}
.claim-1 {
	font-size: 1.2rem;
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	display:block;
	height:26px;
}
/* nur startseite*/ 
.claim-1s {
	font-size: 1.8rem;
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	display:block;
	height:26px;
} 
.claim-2 {
	font-size: 2.5rem;
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-3 {
	font-size: 2.5rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-6 {
	font-size: 2.5rem;
	color: #8297b1;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-4 {
	font-size: 1.2rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	display:block;
	height:26px;
}
.claim-4s {
	font-size: 1.8rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	display:block;
	height:26px;
}
.claim-5 {
	font-size: 2.5rem;
}
.banner h1 {
	font-size: 2rem;
}
h1 .gruen, h1 .tuerkis {
	font-size: 3.6rem;
}
h2 .gruen, h2 .tuerkis {
	font-size: 3.6rem;
	line-height: 0.8;
}
/* Footer */
.footer-nav ul.floatend {
	margin-left:-38px;
}
.footer-nav ul.floatend li, .footer-nav ul .floatend li {
	float:left;
	color:#fff;
	padding-right:10px;
	list-style:none;
}
.footer-nav ul.floatend li a {
	color:#fff;
	padding-right:20px;
}
.footer-nav ul.floatend li::after {
	content:"|";
}
.footer-nav {display:none;}
img.eckig {
	padding: 20px;
	border-radius: 0 !important;
}
}

/* XX. Medium devices (less than  768px) - kleines Tablet */
@media (max-width: 767.98px) {
.logo::after {
	content: "Renate Pollmann";
	color: #fff;
	font-size: 15px;
	padding-left:10px;
}
.copyright {
	text-align: center;
	margin-top: 10px;
}
h1, .h1 {
	font-size: 2.8rem;
	line-height: 1;
} /*4.4*/
h2, .h2 {
	font-size: 1.8rem;
	line-height: 1.1;
}
h3, .h3 {
	font-size: 1.6rem;
	line-height: 1.1;
}
h4, .h4 {
	font-size: 1rem;
}
h5, .h5 {
	font-size: 0.8rem;
}
h6, .h6 {
	font-size: 0.8rem;
}



.banner h1 {
	font-size: 2rem;
}
h1 .gruen, h1 .tuerkis {
	font-size: 2.8rem;
	line-height: 0.8;
}
h2 .gruen,  h2 .tuerkis {
	font-size: 2.8rem;
	line-height: 0.8;
}
#slide-container {
	padding-bottom: 50px;
}
.slide-text {
	position: absolute;
	top: 370px;
	left: 0;
	width: 100%;
	line-height: 2rem;
	padding: 20px;
}

/* CLAIM Kopfbereich */
/* Kopfbereich Logozeile aller Unterseiten*/
.header-neu {
	border-bottom: 4px solid #79aeaa;
	margin-bottom:30px;
	padding: 0 0 20px 0;
	min-height:80px;
}

/**/
.header-neu .col-md-2 { width:0%; display:none;} /**/
.header-neu .col-md-10 { width:100%;}
.header-neu .col-lg-2 { width:8%;}
.header-neu .col-lg-6 { width:48%; height:35px;}
.header-neu .col-lg-4 { width:42%;}

.claim {
	top:0;
	left:0;/*30px;*/
}
.claim-1 {
	font-size: 1.1rem;
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	/*display:none;*/
	height:20px;
	text-align:left;
} 
.claim-2 {
	font-size: 1.8rem;
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-3 {
	font-size: 1.8rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-6 {
	font-size: 1.8rem;
	color: #8297b1;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-4 {
	font-size: 1.1rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	/*display:none;*/
	height:20px;
	text-align:left;
}
.claim-5 {
	font-size: 1.8rem; 
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	display:block;
	text-align:center;
	padding-right:20px;
	float:left;
	margin-top:-8px;
}


/* Ende Claim */

/* Termine Tabelle */
table, thead, tbody, th, td, tr {
    display: block; 	/*wichtig damit tabelle nur 2-spaltig gezeigt wird */
}

table.termine {
	font-size:	1.1em;
	width: 100% !important;
	border-collapse: collapse;
}
/* Hide table headers (but not display: none;, for accessibility) */
table.termine thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}


table.termine tr {
	border: 1px solid #ccc;
}

table.termine td, table.termine th {
	padding: 		6px;
	font-size: 0.8em;
	text-align: 	left;
}
table.termine td {
	/* Behave  like a "row" */
		border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 30%;
}
table.termine td:before {
	/* Now like a table header */
		position: absolute;
	/* Top/left values mimic padding */
		top: 6px;
	left: 6px;
	width: 25%;
	padding-right: 10px;
	white-space: nowrap;
}
/* Label the data */
table.termine td:nth-of-type(1):before {
	content: "Kursart";
}
table.termine td:nth-of-type(2):before {
	content: "Ort";
}
table.termine td:nth-of-type(3):before {
	content: "Beginn";
}
table.termine td:nth-of-type(4):before {
	content: "Ende";
}
table.termine td:nth-of-type(5):before {
	content: "Zeit";
}
table.termine td:nth-of-type(6):before {
	content: "Info";
}
table.termine td:nth-of-type(7):before {
	content: "Anmeldung";
}
/* Ende styles termin-tabelle*/

.footer-nav {display:none;}
img.eckig {
	padding: 20px;
	border-radius: 0 !important;
}
/*.footer-nav ul.floatend li {
	float:none;
	color:#fff;
	padding-right:10px;
	list-style:none;
	margin-left: -38px;
}
.footer-nav ul.floatend li a {
	color:#fff;
}*/
}

/* XX. Handy - Small devices (less than  576px) */
@media (max-width: 575.98px) {
.logo::after {
	content: "Renate Pollmann";
	color: #fff;
	font-size: 15px;
	padding-left:10px;
}
h1, .h1 {
	font-size: 2rem;
	line-height: 1;
	margin: 0.7rem 0;
} 
h2, .h2 {
	font-size: 1.6rem;
	line-height: 1.1;
	margin: 0.7rem 0;
}
h3, .h3 {
	font-size: 1.4rem;
	line-height: 1.1;
}
h4, .h4 {
	font-size: 1.2rem;
}
h5, .h5 {
	font-size: 1rem;
}
h6, .h6 {
	font-size: 0.8rem;
}
.main-header {
    margin-bottom: 0;
}
/*Bilder auf der Startseite zentrieren*/
.main-content .zentriert {
	text-align:center;
	margin-top:15px;
}
.zentriert p, .zentriert h1, .zentriert h2 {
	text-align:left;
}
.banner h1 {
	font-size: 2rem;
}

.home h1 {
  font-size: 1.5rem;
  line-height: 2.5rem;
}

h1 .gruen, h1.gruen {
	font-size: 2rem;
	line-height: 0.6;
}
h1 .blau, h1.blau {
	font-size: 2rem;
	line-height: 0.4;
}
h2 .gruen, h2.gruen {
	font-size: 2rem;
	line-height: 0.6;
	color: #5d8d1c;
}
#slide-container {
	padding-bottom: 80px;
}
.slide-text {
	position: absolute;
	top: 350px;
	left: 0;
	width: 100%;
	line-height: 1.6rem;
	padding: 10px;
}
.slide-text, .slide-text .gr-1, .slide-text .gr-2, .slide-text .gr-3 {
	font-size:1em;
}
/* Kopfbereich Logozeile aller Unterseiten*/
.header-neu {
	border-bottom: 4px solid #79aeaa;
	margin-bottom:30px;
	padding: 15px;
	height: 140px; /*180*/ 
}

.header-neu .col-md-2 { width:0; display:none;}
.header-neu .col-md-10 { width:100%;}
.header-neu .col-lg-2 { width:5%;}
.header-neu .col-lg-6 { width:100%; height:70px;}
.header-neu .col-lg-4 { width:85%;}

.claim {
	top:25px;
	left:5px;
	line-height: 2rem;
}

.claim-1-start  {
	font-size: 1.5rem;
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	height:10px;
	text-align:left;	
}
.claim-1{
	font-size: 1.5rem;
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	height:20px;
	text-align:left;
} 
.claim-2 {
	font-size: 1.7rem;
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-3 {
	font-size: 1.7rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-6 {
	font-size: 1.7rem;
	color: #8297b1;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
}
.claim-4-start {
	font-size: 1.5rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	height:10px;
	text-align:left;/**/
}

.claim-4 {
	font-size: 1.5rem;
	color: #5d8d1c;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	height:20px;
	text-align:left;/**/
}
.claim-5 {
	font-size: 2rem; 
	color: #79aeaa;
	font-family: 'Gabriola', 'Sorts Mill Goudy', Helvetica, Arial, serif;
	display:block;
	text-align:left;
	padding-right:20px;
	float:left;
	margin-top:0;
}


.footer-nav {display:none;}

table, thead, tbody, th, td, tr {
    display: block; 	/*wichtig damit tabelle nur 2-spaltig gezeigt wird */
}

table.termine {
	font-size:	1.1em;
	width: 100% !important;
	border-collapse: collapse;
}
/* Hide table headers (but not display: none;, for accessibility) */
table.termine thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}


table.termine tr {
	border: 1px solid #ccc;
}

table.termine td, table.termine th {
	padding: 		6px;
	font-size: 0.8em;
	text-align: 	left;
}
table.termine td {
	/* Behave  like a "row" */
		border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 30%;
}
table.termine td:before {
	/* Now like a table header */
		position: absolute;
	/* Top/left values mimic padding */
		top: 6px;
	left: 6px;
	width: 25%;
	padding-right: 10px;
	white-space: nowrap;
}
/* Label the data */
table.termine td:nth-of-type(1):before {
	content: "Kursart";
}
table.termine td:nth-of-type(2):before {
	content: "Ort";
}
table.termine td:nth-of-type(3):before {
	content: "Beginn";
}
table.termine td:nth-of-type(4):before {
	content: "Ende";
}
table.termine td:nth-of-type(5):before {
	content: "Zeit";
}
table.termine td:nth-of-type(6):before {
	content: "Info";
}
table.termine td:nth-of-type(7):before {
	content: "Anmeldung";
}
/* Ende styles termin-tabelle*/

.footer-nav ul.floatend {
	margin-left: 0;
}
.footer-nav ul.floatend li:first-child::before {
	content:"";
	padding-right:0;
}
.footer-nav ul.floatend li {
	float:none;
	color:#fff;
	padding-right:10px;
	list-style:none;
}
.footer-nav ul.floatend li a {
	color:#fff;
}
.footer-nav ul.floatend li::after {
	content:"";
}
/*Worttrennung bei langen Worten */
.umbruch {
	hyphens: Auto;
	-ms-hyphens: Auto;
	-webkit-hyphens: None;
	word-wrap: Break-Word;
}
img.eckig {
	padding: 20px;
	border-radius: 0 !important;
}
}