/*======================================
Theme Name: TonArt
Theme URI:
Description: Child-Theme für TonArt
Version: 1.0
Author: 
Author URI: 
Template: twentyseventeen
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/
.Anzahl select {width:110px;padding-left: 10px;}
.Kurs select , .Event select {width:100%;padding-left: 10px;}
.navigation-top .wrap {
    padding: 20px 0 20px 20px;
}
.uhrtable{width:10px;}
.sub-menu {
    padding: 0 !important;
    background-color: #333 !important;
}
.main-navigation > div > ul {

    border-top: 1px solid #eee;
    padding: 0;

}
.post-597 .entry-title{display:none;}
.post-604 .entry-title{display:none;}
.navigation-top .wrap {padding:0px;}
#top-menu {
	width: 100%;

margin-left: 0px;
	
}
.menu-oberes-menue-container{
	width: 100%;
padding:0;
margin-left: 00px;
	
}
.dropdown-toggle {


	margin-right:20px;

}
 .main-navigation ul ul.toggled-on {

    width: 100%;
	margin-bottom:20px;

}
.current_page_item ul li a ,.main-navigation ul ul.toggled-on{padding-right:20px!important;}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0!important;
}
input[type="submit"] {width:300px; border-radius: 5px;height:60px;text-align:center;}
input[type="number"] {width:100px; float:left; }
.metaslider {
  position: relative;

z-index: 0;

margin: auto;
max-width:1560px;

height: 100%;
}
.Slider {width: 100vw;

background-color: #9ECFE0;

position: relative;

margin-top: -50px;

left: 50%;


margin-left: -50vw;

height: 10%;}
.Header_Div ul {margin:0px!important;}
.su-column-size-1-3 {
    width: 31.3%;
	margin-bottom:40px!important;
}
.su-row .su-column {
    margin: 0 0 0 2%!important;
	margin-bottom:40px!important;
}
.Foto {width:400px;
	-moz-transform: scale(1) rotate(-3deg) translate(0px);

-webkit-transform:scale(1) rotate(-3deg) translate(0px);

-o-transform:scale(1) rotate(-3deg) translate(0px);

transform: scale(1) rotate(-3deg) translate(0px);
	  -webkit-transition:  all 1s ease;
transition:  all 1s ease;
border: 3px solid #fff;   -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.Foto_2 {width:500px;
	-moz-transform: scale(1) rotate(-3deg) translate(0px);

-webkit-transform:scale(1) rotate(-3deg) translate(0px);

-o-transform:scale(1) rotate(-3deg) translate(0px);

transform: scale(1) rotate(-3deg) translate(0px);
	  -webkit-transition:  all 1s ease;
transition:  all 1s ease;
border: 3px solid #fff;   -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 300px;
}
.su-column-inner {
    min-width: 300px;    margin-left: -40px;
}
.widget a:hover {    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1)!important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgb(0, 0, 0)!important;
}
a:hover {    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1)!important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgb(0, 0, 0)!important;
}
.ai1ec-autoselect {font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;font-size: 0.9em;}
.textwidget {font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;}
.events-table tr:nth-child(even) {
  background-color: #e8e6d6!important;
}
.events-table{padding:15px;width:100%;}
.events-table h2 {color: #fff!important;}
.events-table tr {
    border-bottom: 0px solid #fff!important;
	vertical-align:top;
	background-color: #dad7bc; color:#000;
	
}
.events-table th {
    padding: 0;

}
.tg td  p{
    display:inline-block!important;

}
table :first-child, h1 {
    max-width: 80vw!important;
}
.events-table td {
padding:20px!important;
	
}
.EventLink {text-decoration: none!important;text-decoration-color: #fff!important;text-decoration:line-through;}
.EventLink :hover{text-decoration: none!important;text-decoration-color:  #fff!important;text-decoration:none #fff solid!important;}
 h6{
    list-style-type: none;
    float: left;
    width: 100%;
    background-color: #999!important;
    color: #fff !important;
    border-radius: 100px !important;
    width: 100px !important;
    height: 100px !important;
    vertical-align: bottom !important;
    text-align: center !important;
padding: 40px 0px 10px !important;
font-size: 20px !important;
    font-weight: 700 !important;
    transform: rotate(-10deg);
    margin:20px !important;
        margin-left: 0px!important;
    box-shadow: 0 0 0 3px #fff;
    background-color: #fff;
    box-decoration-break: clone;
    -webkit-box-shadow: 0 0 0 3px #fff;
    -moz-box-shadow: 0 0 0 3px #fff;
}
table :first-child{
    max-width:600px;
}

.entry-header .entry-title {
    margin-top: 40px;
}

.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 0px #fff;
    box-shadow: 0 0 0 0px #fff;
}
.entry-content a img :hover, .comment-content a img:hover, .widget a img:hover {
    -webkit-box-shadow: 0 0 0 0px #fff;
    box-shadow: 0 0 0 0px #fff;
	border: 0;
}


.custom-logo-link img {
    -webkit-filter: drop-shadow(2px 2px 2px #222);
    filter:         drop-shadow(2px 2px 2px #222); 
	
}
.site-branding a:hover {
  -webkit-transition: all 5s ease;
  transition: all 5s ease;
	filter: brightness(1.2);
		transform: scale(1.2); 
	}	



	

.site-branding a  {
    opacity: 1!important;
	transform: scale(1); 
	  -webkit-transition: all 5s ease;
  transition: all 5s ease;

	
}


.metaslider {margin-bottom:60px; }
.flex-control-nav {
bottom: -40px !important;}

.flex-control-paging li a {
    width: 20px!important;
    height: 20px!important;

    display: block;
    background: #666;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    border-radius: 20px;
}

a img {
    -webkit-filter: drop-shadow(2px 2px 12px #757152);
    filter:         drop-shadow(2px 2px 12px #757152);
			-moz-transform: scale(1) rotate(0deg) translate(0px);

-webkit-transform: scale(1) rotate(0deg) translate(0px);

-o-transform:scale(1) rotate(0deg) translate(0px);

transform: scale(1) rotate(0deg) translate(0px);
	  -webkit-transition: all 0.3s ease;
transition: all 0.3s  ease;
	}
	
	a img:hover {

				-moz-transform: scale(1.1) rotate(0deg) translate(0px);

-webkit-transform:scale(1.1) rotate(0deg) translate(0px);

-o-transform:scale(1.1) rotate(0deg) translate(0px);

transform: scale(1.1) rotate(0deg) translate(0px);
	  -webkit-transition:  all 1s ease;
transition:  all 1s ease;
	
	}


.tg tr td:first-child {

    width: 50%;
    font-size: 30px;
    font-style: italic;
    padding-left: 20px;
}
.tg tr td {background-color:#ccc;padding:7px;vertical-align: top;}
ul {
  list-style-image: url('https://tonart-wue.de/wp-content/uploads/bullet.png');
}
.site-content-contain {
    background-color: #eee!important;
 
}
.metaslider .flexslider {

    margin: 0!important;
	border-radius: 0px;

}

flex-control-nav ol{
    margin: 0 !important;
    padding: 0;
}
@media screen and (max-width: 48em) {
.main-navigation ul li {
    padding-left: 20px;
	padding-top: 5px;
	padding-bottom:5px;
	}
.dropdown-toggle {
font-size: 30px;
top: -15px;
}
.sub-menu  {
    padding: 0!important;
	   background-color: #333 !important;
}
}
.metaslider .flexslider ul, ol {
    margin: 0!important;
    padding: 0;
}
blockquote {
    color: #666;
    font-size: 30px;

    font-style: italic;
    line-height: 1.7;
}


ul, ol {
    margin: 0 0 0 20px ;
    padding: 0;
}
.navigation-top {z-index:2;}

.Header_Div{position:relative;top:0px;z-index:1;max-width:1600px;width:100%;height:0px;overflow:visible;margin:auto;margin-top: -30px;}
}


@media screen and (max-width: 68em) {

}

@media screen and (max-width: 48em) {
	
}
@media screen and (max-width: 32em) {


}

.display-posts-listing {list-style: none;}
.page-id-8 .entry-header {display:none;}







.current_page_item {
 background-color: #F39300!important;
 }
 a:link, a:active, a:visited, a:hover, a:focus {outline: none;}
 .current_page_item a{
 color: #fff!important;
  background-color: #F39300!important;
 }
 .current_page_ancestor a{
color: #000!important;
  background-color: #F39300;
 }
  .current_page_ancestor ul li a{
color:#F39300!important;
  background-color: #fff;
 }
   .current_page_ancestor ul li a:hover{
color:#fff!important;
  background-color: #333;
 }
  .current_page_item  ul li a{
color:#F39300!important;
  background-color: #333!important;

 }
 .current_page_ancestor .current-menu-item a {
 color: #fff!important;
 }
   .current_page_item  ul li a:hover{
color:#fff!important;
  background-color: #333!important;
 }
 .menu-item a{
	  color: #F39300;
 }
  .menu-item a:hover{
	  color: #000!important;
 }
  .menu-item ul li a:hover{
	  color: #fff!important;
	    background-color: #333!important;
 }



 


 
 

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0!important;
}
.entry-header{

    width: 100%!important;

}
h1, h2, h3, h4, h5, h6 {

    padding: 0;
}
.entry-content{
    float: left;
    width: 100%!important;
    margin-top: 20px;
}
.site-branding {
    margin-bottom: 0!important;
    padding: 0px;
}
.custom-header {
 
 	height: 380px;
	margin:0px!important;
background: url('') #9B6A6A no-repeat  50% 0%!important;

}
site-header{
	background-color:transparent;
}
#panel1 {

    background-color: #81BC43!important;
    color: #000;
    position: fixed;
    width: 100%;
    top: 0px;

}
#panel1 h2 {display:none;}

#cn-accept-cookie {
 background-color: #81BC43;
 color: #fff;
 background-image: none;
}

.site-footer {
 background-color: #595959;
 color: #fff;
}

#panel2 {
 background-color: #9ECFE0;
 color: #000;
}

#panel1 {
 background-color: #FFFCDF;
 color: #000;
}

.custom-header {
 background-color: #81BC43;
}
.site-branding .wrap  {
    max-width: 1600px !important;
    padding-left: 0em!important;
    padding-right: 0em!important;
}
.custom-logo-link img {

    display: inline-block;
    max-height: 400px;
	  max-width: 100%;
    margin-left: 0px;

}

.site-branding {

    margin-bottom: 0;
	padding: 0px;

}


.page-one-column .panel-content .wrap {

    max-width: 1600px!important;

}

.wrap {

    max-width: 1600px!important;
    padding-left: 50px;
    padding-right: 50px;


}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1;
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
    margin-bottom: 17px;
}
h1 {

   font-family: 'Amatic SC', cursive;
	 letter-spacing: 0em!important;
font-size:80px!important;
text-transform: none!important;
 color: #999!important;

font-weight: 500!important;

}
h2 {
	font-family: 'Amatic SC', cursive;
	 letter-spacing: 0em!important;
font-size:80px!important;
text-transform: none!important;
color: #F39300!important;

font-weight: 800!important;

 }
 
 h3 {
 font-size: 24px!important;
 font-weight: 500!important;
 text-align:left;
   line-height: 1.2;
 }
.page-one-column .panel-content .wrap {

    max-width: 1000px;

}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {

    margin-left: auto;
    margin-right: auto;
    max-width: 1600px!important;

}

.panel-image,.single-featured-image-header {
     background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: 1200px 438px;
    position: relative!important;
	background-attachment: scroll!important;
	max-width:100%;
	height: 100%!important;
	background-color: #9ECFE0!important;
}
.panel-image::before, .single-featured-image-header::before {
    background:none!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    top: 0px!important;
}

.panel-content .wrap {
    padding-bottom: 0px!important;
    padding-top: 20px!important;
}
#dozentin {
	font-size:18px;
	color:#fff;
	background-color: #B0906A;
	margin:auto;
	width:200px;
	height:60px;
	padding:15px;
cursor: pointer;
text-align:center;
 border-radius: 15px;
  box-shadow: 5px 5px 5px grey;
}
#accordion-1 {}
.accordion-title:after {content: "mehr anzeigen";}
.accordion-title.open:after {content: "weniger anzeigen";}
.Link{
	font-size:18px;
	color:#fff;
	background-color: #B0906A;
	margin:auto;
	width:200px!important;
	height:60px;
	padding:15px;
cursor: pointer;
text-align:center;
 border-radius: 15px;
box-shadow: 5px 5px 5px grey!important;
text-decoration:none;
margin-bottom:40px;
}
.Link a{color:#fff;text-decoration:none;}
h3 {text-align:left!important;text-decoration:none;}
a:hover{text-decoration:none!important;}
h3 a:hover{text-decoration:none!important;}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    transition: none;
    transition: none;
}
.Link:hover{text-decoration:none!important;}
.footer-widget-2{float:right;text-align:right;color:#fff;}
.footer-widget-2 a{color:#fff;text-align: right;}

.custom-header {
    height: 580px;
    margin: 0px !important;
    background: url('') #9B6A6A no-repeat 50% 0% !important;
}
.custom-header {
 
 	height: 580px;
	margin:0px!important;
background: url('') #9B6A6A no-repeat  50% 0%!important;

}
		.Header_Bild_1 img{
    position: absolute;
    top: 160px;
    right: 50vw;
    height: 190px;	
	margin-right:-100px;
}
.Header_Bild_2 img{
    position: absolute;
    top:  340px;
   right: 50vw;
    height: 230px;	
	margin-right:-100px;
}
	h1 {font-size:60px!important;}
	.tg tr td:first-child {

    font-size: 20px;

}
body, button, input, select, textarea {
    font-size: 18px;
    font-size: 0.8rem;
}
		
@media screen and (min-width: 20em) {
		#top-menu {
	width: 100%;

margin-left: 0px;
	
}
	.su-column-inner {
    min-width: 300px;    margin-left: 0px;
}
	h1, h2 {font-size:40px!important;}
	h3 {font-size:20px!important;}
	.tg tr td:first-child {
    
    padding-left: 10px;
}
.wrap {

    max-width: 1600px!important;
    padding-left: 20px;
    padding-right: 20px;

}

.custom-header {
 
 	height: 580px;
	margin:0px!important;
background: url('') #9B6A6A no-repeat  50% 0%!important;

}
		.Header_Bild_1 img{
    position: absolute;
    top: 160px;
    right: 50vw;
    height: 230px;	
	margin-right:-120px;
}
.Header_Bild_2 img{
    position: absolute;
    top:  340px;
   right: 50vw;
    height: 280px;	
	margin-right:-120px;
}
.textwidget p img {margin:0px!important;}

}

@media screen and (min-width: 30em) {
	#top-menu {
	width: 100%;

margin-left: 0px;
	
}
	.textwidget p .wp-image-40 {margin:-50px!important;}
	h1, h2 {font-size:60px!important;}
	.tg tr td:first-child {

    font-size: 20px;

}
	.tg tr td:first-child {
    
    padding-left: 20px;
}
body, button, input, select, textarea {
    font-size: 18px;
    font-size: 0.8rem;
}

.custom-header {
    height: 380px;
    margin: 0px!important;
    background: url('') #9B6A6A no-repeat 50% 0% !important;
}
.custom-logo-link img {
    display: inline-block;
    max-height: 180px;
    max-width: 100%;
    margin-left: 0px;
}


.custom-header {
 
 	height: 580px;
	margin:0px!important;
background: url('') #9B6A6A no-repeat  50% 0%!important;

}
		.Header_Bild_1 img{
    position: absolute;
    top: 180px;
    right: 50vw;
    height: 210px;	
	margin-right:-100px;
}
.Header_Bild_2 img{
    position: absolute;
    top:  340px;
   right: 50vw;
    height: 290px;	
	margin-right:-130px;
}

	
}
@media screen and (min-width: 40em) {
		#top-menu {
	width: 100%;

margin-left:  0px;
	
}

	h1 {font-size:80px!important;}
	.tg tr td:first-child {

    font-size: 20px;

}
body, button, input, select, textarea {

    font-size: 1.25rem;
}
.custom-header {
 
 	height: 380px; width:100%;
	margin:0px!important;
background: url('') #9B6A6A no-repeat  50% 0%!important;

}
		.Header_Bild_1 img{
    position: absolute;
    top: 190px;
    right: 100vw;
    height: 210px;	
	margin-right:-280px;
}
.Header_Bild_2 img{
    position: absolute;
    top:  150px;
   right: 0vw;
    height: 320px;	
	margin-right:10px;
}

}


@media screen and (min-width: 48em) {
			#top-menu {
	width: 100%;

margin-left: 20px;
	
}
		.tg tr td:first-child {

    font-size: 30px;

}

.custom-logo-link img {
    display: inline-block;
    max-height: 180px;
    max-width: 100%;
    margin-left: 0px;
}
.custom-header {
    height: 380px;
    margin: 0px !important;
    background: url('') #9B6A6A no-repeat 50% 0% !important;
}
		.Header_Bild_1 img{
    position: absolute;
    top: 40px;
    right: 150px;
    height: 160px;	
	margin-left:0px;
	margin-right:0px;
}
.Header_Bild_2 img{
    position: absolute;
    top:  40px;
   right: 0px;
    height: 180px;	
	margin-left:0px;
		margin-right:0px;
}
	
}
@media screen and (min-width: 56em) {
.custom-logo-link img {
    display: inline-block;
    max-height: 210px;
    max-width: 100%;
    margin-left: 0px;
}
		.Header_Bild_1 img{
    position: absolute;
    top: 40px;
    right: 180px;
    height: 200px;	
	margin-left:0px;
}
.Header_Bild_2 img{
    position: absolute;
    top:  40px;
   right: 0px;
    height: 220px;	
	margin-left:0px;
}	
	
}


@media screen and (min-width: 70em) {
			.Header_Bild_1 img{
    position: absolute;
    top: 40px;
    right: 250px;
    height: 300px;	
	margin-left:0px;
}
.Header_Bild_2 img{
    position: absolute;
    top:  40px;
   right: 0px;
    height: 320px;	
	margin-left:0px;
}
}
@media screen and (min-width: 80em) {
			.Header_Bild_1 img{
    position: absolute;
    top: 40px;
    right: 310px;
    height: 300px;	
	margin-left:0px;
}
.Header_Bild_2 img{
    position: absolute;
    top:  40px;
   right: 0px;
    height: 320px;	
	margin-left:0px;
}
}

@media screen and (min-width: 1600px) {

.Tel_Table	{

   width: 100%!important;
}	
.Tel {

 width: 1600px!important;
 }
 .custom-logo-link img {
    display: inline-block;
    max-height: 400px;
    max-width: 800px;
    margin-left: -30px;
}	
	
}
.site-content {

    padding: 0px;
        padding-bottom: 0px;

}
.Tel {
	 max-width:1600px!important;
    /*width: 1600px!important;*/
	min-width:30em;
    height: 72px;
    background: url('');
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
    position: relative;
    left: auto;
    top: 0px;
    z-index: 999;
    background-position: top right;
    background-repeat: no-repeat;
    margin: auto;
        margin-bottom: auto;
    text-align: center;
    overflow: visible;
    margin-bottom: -72px;
}
.current_page_item{
background-color:#81BC43;}
.Tel2 {
   
    height: 60px;
    background-color:#A6B27A;
       
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    background-position: top right;
    background-repeat: no-repeat;
    margin: right;
        margin-bottom: auto;
		margin-left:0px;
    text-align: center;
    overflow: visible;
    margin-bottom: -72px;
}
.site-info{visibility:hidden;}
.Tel_Table {width:100%;border:0px;padding:0px;margin:0px;}
.Tel_Table td{border:0px;padding:0px;margin:0px;width:10%;}