/* Template for GHP Strebel © admotion */

:root {
    --orange: #f8ac00;
    --hellgruen: #e8eed5;
    --green: #95c11f;
  }


html 
{
   height:			100%;
}


body
{
    height:         100%;
    margin:			0px;
    padding:		0px;
    font-family:	'Open Sans';
    font-weight:	400;
    font-size:		18px;
    line-height:	160%;
    letter-spacing:	0.02em;
    background:     var(--green) url(../images/background.png) repeat scroll 0 0;
}




#system-message { margin: 0px; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px; }


#header { background: #ffffff; padding: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; }
#logo { width: 300px; box-sizing: border-box; }
#titelbild { margin: 0px 0px 20px 0px; }
#titelbild p { margin: 0px; }

#content { padding: 20px 20px 0px 20px; }

.blog-item { background: var(--hellgruen); margin: 0px 0px 20px 0px; padding: 30px; }

#text ul {margin: 0px 0px 10px 0px; padding: 0px; }
#text ul li { margin: 0px; padding: 0px 0px 0px 20px; list-style: none; background: url(../images/list.png) no-repeat scroll 0 12px; background-size: 5px 5px; line-height: 160%; }
#text ol { margin: 0px 0px 0px 22px; padding: 0px;}
#text ol li { padding: 0px 0px 0px 10px;}

.ausbildung li { margin: 0px !important; padding: 15px 0px !important; border-bottom: 1px solid var(--green); background: none !important; }

#text a { color: var(--green);}

#footer { background: #ecaf3d; padding: 30px 30px 20px 30px; box-sizing: border-box; margin: 0px 20px 20px 20px; display: grid; row-gap: 30px; }
#footer h3 { padding: 0px; }

h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 26px; text-transform: uppercase; line-height: 130%; font-weight: 400; letter-spacing: 0.06em; color: var(--orange); } 
h2 { margin: 0px 0px 20px 0px; padding: 30px 0px 0px 0px; font-size: 22px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 500; }
h3 { margin: 0px 0px 15px 0px; padding: 30px 0px 0px 0px; font-size: 19px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 500; }


h1 + h2 { padding: 0px; }
h2:first-of-type { padding: 0px; }

h2 + h3 { padding: 0px; }



a { text-decoration: none; outline: none; color: #000000; font-weight: 600; }
a:hover { text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }


.wf-columns { gap: 40px; }
.bild { padding: 6px 0px 0px 0px; }


p { margin: 0px 0px 10px 0px; }

.clear { line-height: 0; }

table { margin: 0px 0px 10px 0px; width: 100%; }
strong { font-weight: 600; }

.button { display: inline-block; padding: 10px 20px; background: var(--orange); color: #ffffff !important; text-transform: uppercase; letter-spacing: 0.08em; font-size: 17px; margin: 20px 0px 0px 0px; transition: .3s ease-out; }
.button:hover { background: var(--green); }


/* Erweiterungen */

.rsform-type-captcha .col-form-label { display: none; }
.rsform-type-recaptchav2 .col-form-label { display: none; }
.rsform-block-zahlungsmethode .col-form-label { display: none; }
.rsform-type-textbox .col-form-label { display: none; }
.rsform-type-selectlist .col-form-label { display: none; }
.rsform-type-textarea .col-form-label { display: none; }
.rsform-block-agbgelesen .col-form-label { display: none; }
.rsform-block-hinweis { color: red; margin: 10px 0px 40px 0px; }

.form-control::placeholder { color: #000000; }

.col-sm-9 { width: 100%; }
.form-control { border-radius: 0px; font-size: 17px; border: 0px; padding: 10px 15px;}
.btn-primary { background: var(--orange); border: 0px; border-radius: 0px; text-transform: uppercase; letter-spacing: 0.1em; box-shadow: none; transition: .3s ease-out; }
.btn-primary:hover { background: var(--green); }
button, input, optgroup, select, textarea { font-family: 'Open Sans'; }


.uk-scope .uk-h3, .uk-scope h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 18px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 500; }
.uk-scope * + .uk-margin { margin-top: 0px !important; }
.gm-style .gm-style-iw { font-size: 18px; line-height: 160%; }
.uk-scope p { margin: 0px;}
.uk-scope .uk-margin{margin-bottom: 0;}

.uk-scope .bildgalerie.uk-grid { margin-top: 40px !important; }

.back-to-top { font-size: 0; background: url(../images/totop.png) no-repeat scroll 0 0; background-size: 30px 19px; width: 30px; height: 19px; bottom: 20px; right: 15px; position: fixed; left: 50%; margin: 0px 0px 0px -15px; }



/* Cookies CK CSS */

#cookiesck { background: #ffffff; left: 0px; bottom: 0px; right: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
#cookiesck_text { padding: 20px; }
#cookiesck > .inner { text-align: left; }
#cookiesck_buttons { padding: 0px 20px 15px 20px; }

#cookiesck_interface { top: auto; margin: 30px; border: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
.cookiesck-main-title { text-align: left; font-size: 20px; line-height: 130%; }
.cookiesck-main-desc { padding: 0px 20px 10px 20px; }
.cookiesck-main-buttons { justify-content: flex-start; padding: 0px 20px; }
.cookiesck-main .cookiesck_button, .cookiesck-main-buttons .cookiesck-button { margin: 10px 10px 0px 0px; border-radius: 0px; }
.cookiesck-platform { align-items: flex-start; }
.cookiesck-main-close { font-size: 14px; }
.cookiesck-platform-name { margin: 0px 0px 10px 0px; }
.cookiesck-main-close { padding: 10px 20px; }
.cookiesck-category-name { font-size: 20px; margin: 10px 0px 0px 0px; }

.cookiesck-main .cookiesck-decline.cookiesck-active { color: #666; border: 2px solid #dddddd; background: #e5e5e5; }
.cookiesck-main .cookiesck-decline:hover { color: orange; border: 2px solid orange; background: #ffffff; }



@media(min-width:460px)
{
    #cookiesck { left: 30px; bottom: 30px; right: auto; width: 400px; }
}


@media(min-width:660px)
{
    #cookiesck_interface { width: 600px; }
}



@media(min-width:700px)
{
    #header { margin: 0px auto; width: 600px; }
    #titelbild { margin: 0px auto 20px; width: 600px; }

    #content { margin: 0px auto; width: 600px; padding: 0px; }
    #googlemap { margin: 20px auto; width: 600px; }
    #footer { margin: 0px auto 40px; width: 600px; }

    h1 { margin: 0px 0px 30px 0px; font-size: 30px; } 
}



@media(min-width:1000px)
{
    #header { width: 900px; padding: 20px 20px 15px 0px; }
    #logo { width: 430px; padding: 0px 0px 0px 30px; }
    #menu { padding: 20px 0px 0px 15px; }

    #titelbild { width: 900px; }

    #content { width: 900px; }
    #googlemap { width: 900px; }
    #footer { width: 900px; grid-template-columns: 1fr 1fr; }
}



@media(min-width:1200px)
{
    #header { width: 1100px; padding: 20px 20px 20px 0px; }
    #menu { padding: 49px 0px 0px 0px; }

    #titelbild { width: 1100px; }

    #content { width: 1100px; }
    #googlemap { width: 1100px; }
    #footer { width: 1100px; }
}