/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.1.1551432590
Updated: 2019-03-01 09:29:50

*/
/*
#masthead {
 background-image: url("header hintergrund");
 }

.custom-header {
	background-image: url("logo"); 
	background-position: 55% bottom; 
	background-repeat: no-repeat;
}
.site-content {
 background-image: url("hintergrund content");
 }
 .site-title a {color: #ffcc00;}
 }*/
 
.site-content {padding: 5px;}

.entry-content {text-align: justify;}
.widget_text ul {list-style: none;
    			list-style-position: inside;
    			list-style-image: none;
    			list-style-type: none;
    			text-align: justify;}

figure {
     position: relative;
}

html {
	scroll-behavior: smooth; 
}
.jumpto { display: block;
    height: 92px;
    margin-top: -92px;
    visibility: hidden;}

    .anmeldung {
	background-color:#339900;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #99ff99;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:1.3em;
	font-weight:bold;
	padding:17px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	text-align: center;
	box-shadow: none  !important;
	margin: 3px;
}
.anmeldung:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#33cc00;
	box-shadow: none  !important;
}
.anmeldung:active {
	position:relative;
	top:1px;
}

h4.widget-title {  font-size: 14px; padding-left: 20px;}

.wp-block-image {margin-bottom: 0 !important;}

body.page-template-template-full-width #content #primary {
	max-width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header,
body.page-template-template-full-width #content #primary .entry-content {
    float: none;
    width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header {
    margin-bottom: 1em; float: none; width: 100%; text-align: center;
}

.video-container-wrap {
  height: 600px;
}
@media (max-width: 1199px) {
    .video-container-wrap {
        max-width: 932px;
        max-height: 466px;}}
@media only screen and (max-width: 990px) {
   .bubble {width: 100% !important;}
    .reload {width: 100%;}
    .perfname {width: 100%;}
    .gibmoney {width: 100%;}}

#camstop { 
      display: flex; 
      flex-wrap: wrap-reverse;
      justify-content: space-between;
      align-items: flex-end;
      padding: 5px;
 }

.perfname { width: 350px;  }
.reload {height: 80px;  }
.reload a {color: #fff !important;}
.reload a:hover {text-decoration: none;}
.button-icon {width: 30px; height: 30px; margin: 10px;}
.gibmoney { height: 80px;  }
.gibmoney a {color: #fff !important;}
.gibmoney a:hover {text-decoration: none;}


.bubble {
    position: relative;
    background: #ffffff;
    color: #000;
    font-family: 'Kalam', cursive;
    font-size: 20px;
    text-align: center;
    width: 340px;
    height: 80px; padding: 5px 0 0 0;
    border-radius: 5px;
    line-height: 1.1 !important;
}
.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #ffffff transparent transparent;
    bottom: -20px;
    left: 7%;
    margin-left: -10px; 
}

.disabled {
        background-color: #4f4f4a !important;
        pointer-events: none;
        border:1px dotted #5a5a56 !important;
      }
.enabled {
     
      }
#reloadButton a { color: #fff !important; }
#reloadButton a:hover { color: #fff !important; text-decoration: none; }
#reloadButton {
  display: flex; 
  flex-wrap: nowrap; 
  align-items: center; 
  justify-content: center;
  background-color:#025fb6;
  border-radius:6px;
  border:1px solid #004a8e;
  cursor:pointer;
  font-family:Trebuchet MS;
  font-weight:bold;
  text-decoration:none;
  text-shadow:0px 1px 0px #5b8a3c;
  text-align: center;
  margin: 0 auto; padding: 0 20px 0 20px;
  width: 100%; height: 80px;
}
#reloadButton:hover {
  background-color:#0075e2;
}
#reloadButton:active {
  position:relative;
  top:1px;
}

.loginbutton a { color: #fff !important; }
.loginbutton a:hover { color: #fff !important; text-decoration: none; }
.loginbutton {
  display: flex; 
  flex-wrap: nowrap; 
  align-items: center; 
  justify-content: center;
  background-color:#77b55a;
  border-radius:6px;
  border:1px solid #4b8f29;
  cursor:pointer;
  font-family:Trebuchet MS;
  font-weight:bold;
  text-decoration:none;
  text-shadow:0px 1px 0px #5b8a3c;
  text-align: center;
  margin: 0 auto; padding: 0 20px 0 20px;
  width: 100%; height: 80px;
}
.loginbutton:hover {
  background-color:#73c54a;
}
.loginbutton:active {
  position:relative;
  top:1px;
}


  .video-container-wrap {
  height: 480px; width: 100%;
}


.colors-dark .entry-content a img, .colors-dark .comment-content a img, .colors-dark .widget a img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.colors-dark .entry-content a, .colors-dark .entry-summary a, .colors-dark .comment-content a, .colors-dark .widget a, .colors-dark .site-footer .widget-area a, .colors-dark .posts-navigation a, .colors-dark .widget_authors a strong {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.yello {color: #ffcc00 !important; font-weight: bold; text-decoration: underline;}

