@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,900);

 /* ###### Allgemeine Formatierung ###### */
body {font-family: "Raleway";background:#333333;}
.clear{clear:both;}
#blog, #next-trip, #fuzzy-shirt{position:relative;top:-25px;}

 /* ###### Header ###### */
#header {height:60px;background:rgb(51,51,51);color:rgb(204,204,204);text-transform:uppercase;font-family: 'Raleway', sans-serif;font-weight:700;font-size:18px;position:fixed;z-index:9999;width:100%;}
#header .mod_navigation a {color:rgb(204,204,204);}
#header .mod_navigation a {text-decoration:none;padding:21px;display:block;}
#header .mod_navigation li{float:left;}
#header .mod_navigation li:hover{background:#e06000;}
#header .mod_navigation a.active {background:#e06000;}
#header .mod_navigation{width:auto;display:table;margin:0px auto;}

.sociallinks{position: absolute;top: 14px;right: 10px;}
.sociallinks img{margin-right:10px;}
.acrofuzzy {height:500px;background:lightgrey; background: url("../images/paragliding_header.jpg") no-repeat ; text-align:center;padding-top:50px;}
.acrofuzzy h1{text-transform:uppercase;color:white;display:table;width:auto;margin:40px auto;border:3px solid white;padding:10px 30px 10px 30px;font-weight:800;font-size:25px;margin-top:60px;transform: rotate(-3deg);}
.inside_wrap{max-width: 1000px;margin: 0px auto;}
.acrofuzzy .logo{top: 40px;position: relative;}
.acrofuzzy .logo img {border-radius: 50%;-webkit-transition: -webkit-transform .8s ease-in-out;transition: transform .8s ease-in-out;}
.acrofuzzy .logo img:hover {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

#acrofuzzy{position:relative;top:-50px;}

/* Footer */
#footer {background:#333333;text-align:center;color:rgb(204,204,204);height:200px;padding-top:30px;font-size:20px;line-height:25px;}
#footer .inside {position:static;}
#footer a{color:rgb(204,204,204);text-decoration:none;}
#footer strong{color:white;margin-bottom:5px;}

/* ###### Youtube Block ###### */
.youtube{min-height:490px;background:#333333;padding-top:60px;color:rgb(204,204,204);font-size:20px;line-height:30px;}
.youtube strong{color:white;text-transform:uppercase;}
.youtube .ce_youtube {width:60%; float:left;margin-right:20px;}
.youtube .mejs-overlay-play {display:none;}
.youtube h1 {color:#7EA200;padding:10px 30px 10px 30px;margin-top:0px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:0px auto;border:3px solid #7EA200;margin-bottom:50px;transform: rotate(1deg);}
.youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube .mejs-container {position: relative;padding-bottom: 56.25%;padding-top: 0px;overflow: hidden;}
.yt_icon{position: absolute;margin-left: 10px;margin-top: -22px;}

/* ###### Blog ###### */
.blog{background:rgb(126,162,0);padding-top:50px;font-size:20px;line-height:30px;}
.blog h1 {color:white;padding:10px 30px 10px 30px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:0px auto;border:3px solid white;margin-bottom:20px;transform: rotate(1deg);}
.blog .content_news{padding:5px;color:rgb(221,231,189);margin-top:10px;padding-bottom:15px;font-size:20px;}
.blog .content_news h2{transition: transform .3s ease-in-out;padding:10px 30px 10px 30px;margin-top:0px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:0px auto;border:3px solid #333333;margin-bottom:20px;transform: rotate(1deg);}
.blog .content_news h2:hover{transform:rotate(-3deg);}
.blog .first h2{transform: rotate(-1deg);}
.blog .odd h2{transform: rotate(2deg);}
.blog .content_news h2 a{text-decoration:none;color:#333333}
.blog .content_news .more a{color:#333333;}
.blog .info{font-weight:600;color:#333333}
.blog .layout_latest{margin-bottom:25px}



.blog .layout_latest .image_container {float: left;
max-width: 41%;
padding: 7px 20px 0px 0px;}

.ce_text ol li {list-style-type:disc;margin-left:30px;}

/* ###### Next Trip ###### */
.next-trip {background:#2b83a7;padding-top:50px;color:#c8dfe8;}
.next-trip h1 {color:white;padding:10px 30px 10px 30px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:0px auto;border:3px solid white;margin-bottom:20px;transform: rotate(-1deg);}
.next-trip strong{color:white;}
.next-trip .ce_text{float:left;font-size:20px;line-height:30px;margin-right:30px;margin-top:20px;}
.next-trip .ce_form{float:left !important;margin-top:20px;overflow:visible}
.next-trip .ce_form input {padding:8px 5px 8px 8px;width:350px;font-weight:700;font-size:15px;margin-bottom:10px;margin-top:6px;}
.next-trip .ce_form textarea {padding:5px 5px 5px 8px;width:355px;font-weight:700;font-size:15px;min-height:180px;}
.next-trip .ce_form .submit{position:relative;margin-top:35px;width:180px;background:#e06000;border:0px;color:white;text-transform:uppercase;font-size:20px;overflow:visible;cursor:pointer;}

/* ###### Fuzzy Shirt  ######*/
.fuzzy-shirt {background:rgb(126,162,0);padding-top:50px;text-align:center;color:rgb(221,231,189);font-size:20px;line-height:30px;padding-bottom:50px;}
.fuzzy-shirt strong{color:white;}
.fuzzy-shirt h1 {color:white;padding:10px 30px 10px 30px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:5px auto;border:3px solid white;transform: rotate(-1deg);margin-bottom:20px;}
.fuzzy-shirt iframe {width:100%;min-height:800px;}



/* ###### Unterseiten ###### */
.unterseite #acrofuzzy_unterseite {height:260px;background:lightgrey; background: url("../images/paragliding_header.jpg") no-repeat ; text-align:center;padding-top:40px;margin-top:0px}
.unterseite .inside_wrap{max-width: 1000px;margin: 0px auto;}
.unterseite #main #impressum {max-width:1000px;margin:0px auto;padding:5px;color:rgb(221,231,189);margin-top:10px;padding-bottom:15px;font-size:16px;text-align:center;line-height:25px;}
.unterseite #main #impressum table{margin:0px auto;text-align:center !important;}
.unterseite #main #impressum table td{text-align:center !important;}
.unterseite #main {background:rgb(126,162,0)}
.unterseite #main h1{color:white;padding:10px 30px 10px 30px;margin-top:0px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:0px auto;border:3px solid white;margin-bottom:20px;transform: rotate(1deg)}
.unterseite #main .mod_newsreader {max-width:1000px;margin:0px auto;padding:5px;color:rgb(221,231,189);margin-top:10px;padding-bottom:15px;padding-top:20px;font-size:20px;line-height:30px;}
.unterseite #main #versendet {max-width:1000px;margin:0px auto;padding:5px;color:rgb(221,231,189);margin-top:10px;padding-bottom:15px;padding-top:20px;font-size:20px;line-height:30px;text-align:center;}
.unterseite #main #versendet h1 {color:white;padding:10px 30px 10px 30px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:0px auto;border:3px solid white;transform: rotate(-1deg);margin-top:10px;margin-bottom:20px;}
.unterseite .layout_full {padding-top:10px;}
.unterseite #main .mod_newsreader a{color:white;text-decoration:none;}
.unterseite #main .mod_newsreader h2 {color:white;padding:10px 30px 10px 30px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:0px auto;border:3px solid white;transform: rotate(-1deg);margin-top:10px;margin-bottom:20px;}
.unterseite #main .mod_newsreader .info{font-weight:700;color:white;}
.unterseite #main .mod_newsreadertable{margin:0px auto;text-align:center !important;}
.unterseite #main .mod_newsreader table td{text-align:center !important;}
.unterseite .logo{margin-top:40px;}

.mod_newsarchive{text-align:center;padding:20px 10px 20px 10px;}
.mod_newsarchive a{font-size:20px;color:white;line-height:35px;}
.mod_newsarchive time{display:block;font-size:20px;}
.mod_newsarchive .layout_simple{margin-bottom:30px;}
.archiv_link a{color: #333333;background: white;padding: 6px;text-decoration: none;border: 2px solid #333333;margin-top: 10px;display: block;max-width: 455px;font-weight: bold;}


/* ###### Youtube Block ###### */
.unterseite .ce_youtube strong{color:white;text-transform:uppercase;}
.unterseite .ce_youtube {width:45%; float:left;margin-right:20px;}
.unterseite .ce_youtube .mejs-overlay-play {display:none;}
.unterseite .ce_youtube h1 {color:#7EA200;padding:10px 30px 10px 30px;margin-top:0px;font-weight:800;font-size:25px;text-transform:uppercase;display:table;width:auto;margin:0px auto;border:3px solid #7EA200;margin-bottom:50px;transform: rotate(1deg);}
.unterseite .ce_youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.unterseite .ce_youtube .mejs-container {position: relative;padding-bottom: 56.25%;padding-top: 0px;overflow: hidden;}
.unterseite .ce_youtube .yt_icon{position: absolute;margin-left: 10px;margin-top: -22px;}
.unterseite .back{margin-top:20px;}

.captcha_text {display:block;font-weight:bold;}

/* ###### Mobile ###### */
@media only screen and (min-width: 0px)  and (max-width: 1030px) {
.inside_wrap{padding:0px 10px 0px 10px;}.youtube .ce_youtube{width:50%;}}

@media only screen and (min-width: 0px)  and (max-width: 900px) {
#header{padding-top:50px;height:38px}
#header .mod_navigation a{padding:10px;}
#header .sociallinks{width:100%;text-align:center;top:0px;margin-top:-40px}
.logo{margin-top:50px;}
.youtube .ce_youtube {width:100%;float:none;margin-bottom:10px}
.youtube {text-align:center;}
.next-trip .ce_text{width:100%;float:none;text-align:center}
.next-trip .ce_form{width:100%;float:none;text-align:center}
.next-trip .ce_form .submit{margin-left:0px;}
.yt_icon{position: relative;display: block;margin: 10px auto;}
.unterseite #header{padding:10px;}
.unterseite .ce_youtube {width:100%; float:none;margin-right:20px;}


}

@media only screen and (min-width: 0px)  and (max-width: 700px){#myshop #footer {height:400px !important;}}

@media only screen and (min-width: 0px)  and (max-width: 465px) {
input{width:80% !important;}
textarea{width:80% !important;}
#header .mod_navigation a {text-decoration:none;padding:5px;display:block;font-size:14px;amrgin-top:10px;}
#header{padding-top: 39px;
height: 50px;}
#header .mod_navigation {width: auto;display: table;margin: 14px auto;}
.acrofuzzy{padding:50px 10px 0px 10px;}}